Saturday, December 1, 2012

Easy Way to Embed Three.js into Blogger: Use an Iframe

An easy way to add Three.js to Blogger is to embed a Three.js page as the source in an IFRAME.

And you can even edit the code in the post causing the animation to update.

For example, change camera.position.z to 800 or color: to 0cff0000.

Here's the code for the iframe that causes the Three.js online editor to appear here.

<iframe height="40%" src="http://mrdoob.com/projects/htmleditor/" style="border: medium solid rgb(0, 0, 0);" width="100%"></iframe>

It's best to keep the iframe  height well under 100%, otherwise the frame can obscure your code while you are editing the post.

1 comment:

  1. IEEE Final Year projects Project Centers in India are consistently sought after. Final Year Students Projects take a shot at them to improve their aptitudes, while specialists like the enjoyment in interfering with innovation. For experts, it's an alternate ball game through and through. Smaller than expected IEEE Final Year project centers ground for all fragments of CSE & IT engineers hoping to assemble. Final Year Projects for CSE It gives you tips and rules that is progressively critical to consider while choosing any final year project point.

    JavaScript Online Training in India

    JavaScript Training in India

    The Angular Training covers a wide range of topics including Components, Angular Directives, Angular Services, Pipes, security fundamentals, Routing, and Angular programmability. The new Angular TRaining will lay the foundation you need to specialise in Single Page Application developer. Angular Training

    ReplyDelete