Category Archives: javascript

Mandelbrot with three.js .

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 […]


WebRTC – First steps – part 001.

The official website told us: WebRTC is a free, open project that provides browsers and mobile applications with Real-Time Communications (RTC) capabilities via simple APIs. The WebRTC components have been optimized to best serve this purpose. First I will come with one simple example into this tutorial. Will make one webcam into webpage. Make one […]


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 […]


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 […]


WebGL – simple shader example.

This is a simple webgl shader example. I used a simple HTML5 example with one canvas. The canvas has named glscreen. The next step is to put one java script with one var named buffer. The buffer var is used for one array. The Float32Array typed array represents an array of 32-bit floating point numbers. […]