10
Processing.js vs. Three.js A comparison

Processing.js vs. three.js

Embed Size (px)

Citation preview

Page 1: Processing.js vs. three.js

Processing.js vs.Three.js

A comparison

Page 2: Processing.js vs. three.js

HTML5 <canvas>

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

 "2d" and "webgl" contexts

hardware-accelerated graphics

Page 3: Processing.js vs. three.js

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

Page 4: Processing.js vs. 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

Page 5: Processing.js vs. three.js

Processing.js

Page 6: Processing.js vs. three.js
Page 7: Processing.js vs. three.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

Page 8: Processing.js vs. three.js

Three.js

Page 9: Processing.js vs. three.js
Page 10: Processing.js vs. three.js

?