22 May 2014
Framework
Coloured Faces Based on Normals
Spherise the Cube
Procedural texturing – part 1
Procedural texturing – part 2
Category Archives: Uncategorized
Workshop 05 – A bit more Three.js
Workshop 04 – A look at three.js
20 February 2014
01 – Baseline for three.js Base file with simple scene
02 – orbit Simple interaction
03 – material Set material
04 – material light Add lighting
05 – material light better Improve lighting
06 – light target Target the cube with the light
07 – light shadows Add shadows
08 – Add a render effect An ASCII render effect
09 – load model Load a model
10 – Ambient Use an ambient light to improve the scene lighting
11 – Baseline for babylon.js Base file with simple scene
A Look at Three.js presentation the slides
A Look at Three.js worksheet The worksheet for the workshop
alookatthreejs.zip All the source files for the workshop
Workshop 03 – Light and Shadow
23 January 2014
01 – No Light Base file with simple scene
02 – Ambient Light
03 – Directional Light Vertex
04 – Directional Fragment
05 – Point Light with Specular Highlight Fragment Shader oops not working…
Slides (pdf)
Worksheet (pdf)
All files as zip
Workshop 02 – Programming dice
Workshop 01 – Introduction
25 Nov 2013
For the first WebGL Workshop I reviewed the code behind a number of existing WebGL pages (one intent of the Workshop is to help participants understand WebGL by review), since the code is not all mine this page contains links to the original pages where appropriate.
Create WebGL Context – original Mozilla sample
Create WebGL Context – with some changes to function initWebGL()
Use shader from string – source from WebGL Up And Running
(Tony Parisi) – Example 1
Use shader from string – as a standalone web page
Use shader from script – source from Get started with WebGL: draw a square
(Bartek Drozdz)
Use shader from script – as a standalone web page
Basic animation – original Learning WebGL lesson 4
(Tony Parisi)
Basic animation – as a standalone web page
Textures – original Learning WebGL lesson 5
(Tony Parisi)
Textures – as a standalone web page
Movement and Keyboard control – original Learning WebGL lesson 10
(Tony Parisi)
Movement and Keyboard control – as a standalone web page
Rotation and Mouse Interaction – original Learning WebGL lesson 11
(Tony Parisi)
Rotation and Mouse Interaction – as a standalone web page
Disclaimer: The code used here is from a variety of sources, which I’ve tried to credit. I have no intention to claim the work of others as my own. If I am infringing copyright it is unintentional, please notify me and I will correct the situation.