Lezioni di WebGL e three.js

categorie

webgl water
Come già visto poco tempo fa con gli Shadertoy interattivi, la tecnologia WebGL (una API javascript 2D e 3D per il rendering real time nel browser) è finalmente pronta ad uscire dall'alveo della demo scene e iniziare ad essere usata per effetti speciali, siti di nuova concezione e giochi sorprendenti.

Con il supporto anche nei mobile browser imparare come funziona WebGL può diventare una skill molto ricercata, si sa che i committenti si fanno spesso abbagliare dai dettagli estetici e da funzionalità che manco in Star Trek...

Ecco alcuni WebGL framework:
C3DL, Copperlicht, EnergizeGL, GLGE, Jax, Processing.js, SceneJS, SpiderGL, StormEngineC, Three.js, WebGLU, X3DOM (un framework per X3D), o3d, osgjs, Oak3D.

webgl playground
Is webgl working on my browser ?
webgl demo repository
getting started with three.js
How to build a game with three.js
webgl path tracing

THREE.JS
★ 10 Three.JS Tips

threejs online editor
pixel shaders in three.js
surrogate rings (code)

Add new comment

The content of this field is kept private and will not be shown publicly.

Full HTML

  • Web page addresses and email addresses turn into links automatically.
  • Lines and paragraphs break automatically.

Filtered HTML

  • Web page addresses and email addresses turn into links automatically.
  • Allowed HTML tags: <a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type='1 A I'> <li> <dl> <dt> <dd> <h2 id='jump-*'> <h3 id> <h4 id> <h5 id> <h6 id>
  • Lines and paragraphs break automatically.
CAPTCHA
This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.