Drawing 3D text decorated by particles
This recipe focuses on 3D text and particles. The output looks like this:
How to do it…
The HTML code:
<html>
<body onload="init()">
<script src="../threeLib/build/three.min.js"></script>
<script src="../threeLib/examples/js/geometries/TextGeometry.js"></script>
<script src="../threeLib/examples/js/utils/FontUtils.js"></script>
<script src="../threeLib/examples/fonts/helvetiker_regular.typeface.js"></script>
<script src="text3d.js"></script>
<center>
<canvas width="1000" height="600" id="MyCanvasArea" style="border:2px solid blue;">
Canvas tag is not supported by your browser
</canvas>
<h1>3D rotating Text using three.js</h1>
<h1>Use arrow keys to make the text rotate and change the position of particles<br>
Press Enter key or spacebar to reset</h1>
</center>
</body>
</html>The JavaScript code:
var can; var scene...
