Category Archives: HTML 5

Shader x-ray effect with Three.js .

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 »

WebGL – sound visualizer with Three.js .

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 »

Make a simple form with CSS.

This simple example show you how to make a simple round rectangle with text. The example is very simple with one green background and border-radius for all four corners of an element. Also the white text color will be align to center of CSS form.