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 )… Continue Reading Mandelbrot with three.js .

The official website tells 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… Continue Reading WebRTC – First steps – part 001.

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… Continue Reading Shader x-ray effect 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 these functions: init, animate, onError.… Continue Reading WebGL – sound visualizer with Three.js .

This example uses a simple way to see the mouse position. The area where you make click with the mouse. You have two variables: mouseXPos, mouseYPos. The function(e) take the mouse position and show the result. <!DOCTYPE html> <html> <head> <title>Title of the document</title> <script src=”../js/jquery-2.2.0.js”></script> <style type=”text/css”> html, body… Continue Reading JavaScript – clickable area example.

In the last tutorials, I told you about studio sketchpad. Another way to working with processing is to run your script into HTML files. If you want to download the processing then you can get it from processing website. The download will come with an integrated development environment. If you… Continue Reading JavaScript – Processing.js 2D library – part 002.

This is part 001 from tutorials series about Processing.js. The javascript library Processing helps us to create one good interface with our javascript. This library comes with many features to show into canvas data and info and also to create 2D and 3D interfaces. I used to show these features… Continue Reading JavaScript – Processing.js 2D library – part 001.

Today I will show you how to deal with Pixi.js. It’s Winter holidays and Christmas traditions in Romania like the Bear dance, the Masked carolers and the Goat. This makes me happy and I will use one image with the Bear dance. The Pixi.js library provides a fast lightweight 2D renderer.… Continue Reading JavaScript – Pixi.js 2D library – part 001.