Processing.js vs. three.js

Processing.js vs.Three.js

A comparison

HTML5 <canvas>

rich interactive 2D or 3D contentJavaScript engines are better now

 "2d" and "webgl" contexts

hardware-accelerated graphics

Game engines

reduce the necessary time to build a complex game

 rendering, physics, collision detection, sound, scripting, animation,

artificial intelligence, networking etc.

 We’ll compare two popular engines:

Processing.js and Three.js

Processing.js

sister project of the Processing visual programming language

 used by artists, designers and researchers for learning and

prototyping procedural art or experimenting with new forms of user interaction

 Used for:

data visualizations, digital art, interactive animations, educational graphs

Processing.js

Three.js

lightweight 3D engine 

a scene-graph API and abstracting objects which directly define concepts used by graphics programming professionals (like complex

materials or other properties)

 Used for:

render compelling 3D scenes using JavaScript

Three.js

?