Hi, this is the official repository for the 3DWeb Workshop
Some prerequisites required to understand the tutorials:
- only a basic understanding of coding / JavaScript
- zero 3D graphic’s background required
- basic knowledge of HTML and web stack
- some examples require a simple HTTP server running, due to CORS policy:
- if you have node js installed on your computer you just need to open this folder on a terminal and run
npm installto install the dependecies and thennpm startto run the server. - If you don't have node on your computer, you can use Python's SimpleHTTPServer which comes in bundle with Python and is already installed on various Linux distributions and OS/X and has an installer for Windows.
##Saturday, June 6th - getting started!
- Theory #1: what is 3D computer graphic
- Theory #2: working with real world complexity
- Create a bare scene
- Let the renderer run
- Creating geometry with primitives
- Adding lights
- Use transformations (translate, rotate, scale) with 3D objects
- Make an interactive scene with OrbitControls
- Grouping objects: the scene graph
- Brief recap about Workshop #1
- Theory: materials and textures
- Load custom geometry using COLLADA file format
- Modifying custom geometries iterating the scene graph
- Change material's color using diffuse property
- Make transparent materials with opacity
- Load custom textures and apply them to the materials
- Texture mapping: how should I apply the "wallpaper"?
- Give a real environment to your scene with environment maps
- Just a "wallpaper"? How to control different properties through textures
- Add real reflections to materials with the CubeCamera
- Create a realistic glass material with refraction
- build your own demo scene using the techniques shown in the morning: see the Workhop #2 final work