Workshop

Into The Second Dimension

Speakers: Carl Bateman and Robert Bateman


Thursday, 9th February 2017
Skills Matter | Code Node, 10 South Place, EC2M 2RB, London

Upcoming


WebGL, Unity and Babylon.js
Tuesday, 21st February
Sixty Eight Middle Street, Brighton

WebGL - An Introduction to
Programming 3D with WebGL and HTML5

Tuesday, 28th March
London JavaScript Community
Skills Matter | Code Node, London

Slides & Files

WebGL.io/25

Carl Bateman

Software Engineer

Carl Bateman

Computer Graphics (3D)

Carl Bateman

Maths

   eπi +1 = 0
   i² = j² = k² = ijk = -1


Fun!!!

Carl Bateman

Carl Bateman

       

WebGL Workshop
Khronos London Chapter


Google meister

WebGL Workshop
Khronos London Chapter


Oh God! How is this relevant???

WebGL Workshop
Khronos London Chapter

Learning
Networking
Easier than googling
Beer

Contact

 

meetup.com/WebGL-Workshop-London
[email protected]
@CarlBateman

Help!!!

Suggestions

Show 'n' tell

Volunteers

Talks / guests

Publicity

Sponsors

Meetup reports

Participate


Ask questions


Takes photos

Tweet!!!

#WebGLWorkshop
#WebGLLondon

Thanks to...

• For the pizza & beer
• With whom I am affiliated

• Venue
• With whom I am in no way affiliated

• 45% discount "WebGL Programming Guide" eBook edition
• Check out the MeetUp page

WebGL Workshop


After workshop drinkies and

further networking

Agenda

  1. Khronos
  2. News
  3. WebGL 2.0
  4. Rob Bateman
  5. WebGL 2D - Pixi.js, Two.js, Phaser.io

Khronos.org

News

WebGL 2.0
Chrome, Firefox - enabled by default

WebGL 2.0

Adds

vertex array objects always available, floating point textures always available, the size of a texture is available to shaders, direct texel lookup, lots of texture formats, 3d textures, texture arrays, non-power of 2 texture support, loop restrictions in shaders removed, indexing sampler arrays restriction removed, matrix functions in glsl, common compressed textures, uniform buffer objects, integer textures, attributes and maths, transform feedback, samplers, depth textures, standard derivatives, instanced drawing, unsigned int indices, blend equation min / max, multiple draw buffers, texture access in vertex shaders, multi-sampled render buffers and occlusion queries

WebGL 2.0

More info and demos, etc.

khronos.org/webgl/wiki/Getting_a_WebGL_Implementation
  #WebGL_2.0

github.com/WebGLSamples/WebGL2Samples

webgl2fundamentals.org

WebGL 2D

WebGL 2D

Pixi.js
Two.js
Phaser.io