Weeks 7 - 9
New examples in ThreeJS Elements
Part of WebGL/ThreeJS: introduction to shaders (from Paul Lewis with Aerotwist and Google), Intro to pixel shaders (from Felix Turner with Airtight Interactive)
Text as text: visual entendre (typographic puns) -- consider accessibility
Replicate 3D examples
Assignment #4: Due Tuesday October 31.
- Following examples from class, take the code from the
and get it working from your own web space. -- This will
involve in either pointing the .js script to https://threejs.org/build/three.js or to my copy of the script at http://srufaculty.sru.edu/david.dailey/cs456/three.js .
- Examine and understand examples I explained in class at ThreeJS Elements
(observing how texture, timing, and positions of objects and cameras
have been changed). Let me know if there are things in those
examples that you don't understand, or if there are additional topics
you're curious about.
- Create some new objects in this scene, and play with timing, position and camera locations.
if you can apply new textures, new colors to the faces of the objects,
and new shapes (other than rectangular solids), including some of your
own design (e.g. not prefabricated).
- Build a 3D object in ThreeJS that looks (as much as possible) like this example
(to be posted by Tuesday October 24th). Credit is given for attention
to colors, shading, and geometry of all faces as well as of the
Rotation using matrices