3D in Web journey starts! Trying to convert last week’s sketch from Processing into Three.js. But can’t finished it by Monday for the class, still in progress… Here’s what I got so far(WARNING: ROUGH), and below are the notes on translating Processing into JavaScript. Will organized it once I finish the work. Stay tuned!
Experience I learned from banging my head against bloody wall
- put your codes in function and then execute them by calling the function
- tried to rotate my goddamn tetrahedron without doing this and had been failing for nearly 2 hours, just kept failing and failing and failing….
- OOP
- links
- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Introduction_to_Object-Oriented_JavaScript
- http://stackoverflow.com/questions/572897/how-does-javascript-prototype-work
- https://github.com/shiffman/The-Nature-of-Code-Examples-p5.js/issues/8
- http://javascriptissexy.com/javascript-prototype-in-plain-detailed-language/
- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/prototype
- http://www.objectplayground.com/
- links
- color
- if using HSL, material.color.setHSL( h, s, l); –> *careful* can’t set s, l both to 1, it’d be white even though h < 1
- Web Audio API
- http://srchea.com/experimenting-with-web-audio-api-three-js-webgl
- Clickable!!
- http://soledadpenades.com/articles/three-js-tutorials/object-picking/
- http://threejs.org/examples/canvas_interactive_cubes.html
- http://stackoverflow.com/questions/11036106/three-js-projector-and-ray-objects