This example tutorial show how to add a text to canvas WebGL. In my example, I used the click refresh touchdown text. The rest of the source code is very simple. The HTML comes with the tag canvas, and the CSS area is filled with simple background. The javascript create variables to fit the canvas… Read More »
This tutorial is about how to add a simple wireframe sphere into your webpage using the a javascript 3D library named three.js . This 3D library and some demo and examples can be found here. The tutorial for today is let you to know how to deal with a simple object. First you need to make… Read More »
The Mandelbrot set is the set of complex numbers c for which the function f c ( z ) = z 2 + c {\displaystyle f_{c}(z)=z^{2}+c} {\displaystyle f_{c}(z)=z^{2}+c} does not diverge when iterated from z = 0 {\displaystyle z=0} z=0, i.e., for which the sequence f c ( 0 ) {\displaystyle f_{c}(0)} {\displaystyle f_{c}(0)}, f… Read More »
This source code running with Three.js javascript library. I used just three.min.js, OBJLoader.js and ColladaLoader.js to make the x-ray effect. I load one 3d object and using vertex and fragment shaders I rendered it. The object is a castle and is named: cube2.dae. This object is loaded with load function from OBJLoader.js. Then all steps… Read More »
First you need to create one html5 default webpage. Also you need to add the three.js library to your file. Add your MP3 file to your folder project. I named my mp3 file with your_sound_file.mp3. Because you used three.js javascript file you need to have this functions:init, animate, onError. To used the audio file you… Read More »