Author Archives: Admin

Workshop 14 – Introduction to WebGL

Thursday, 12th March – Arrival from 6:15 for a 6:30 start
at The Skills Matter eXchange, London

Free, as usual

An introduction to WebGL and shaders (GLSL), for those who have no experience of WebGL. In this session we’ll cover the WebGL basics – set-up, basic interaction and simple animation.

The aim is to program a dice the user can “roll” with the mouse.

I’ll keep the maths to a minimum (no quaternions, honest).

The demo code from the first workshop should provide a good foundation, but there will be plenty of pretty (and hopefully informative) slides available… quite probably on-line “handouts”.

Prerequisites
• A laptop with a browser that supports WebGL (http://get.webgl.org/) and an editor that can handle HTML and JavaScript.
• Some knowledge of HTML and programming, preferably JavaScript (or similar).
• Some features may require a server (e.g. image loading), although there are workarounds. (Brackets.io and Visual Studio provide one, or you can use node.js or whatever you’re comfortable with.)

Register
If you’re planning on attending please RSVP on our MeetUp site and register on the SkillsMatter site (SkillsMatter.com).

WebGL evening of networking and talks

The Khrons London Chapter / WebGL Workshop is hosting a WebGL network evening with talks.

Thursday, February 12, 2015, 6:30 PM to 9:00 PM
Innovation Warehouse
1 East Poultry, 1st Floor, London, EC1A 9PT

With after meetup drinkies at the Butcher’s Hook and Cleaver (here).

Speakers:

Ken Russell (@gfxprogrammer, Software Engineer, Chrome GPU team, WebGL Chair)
Ken will speak a little about the current state of WebGL and show some demos.
http://gfxprose.blogspot.co.uk/

Rob Bateman (@robnet, Away3D)
WebGL in Typescript – getting started with AwayJS
A look at how Typescript can leverage WebGL to allow a cleaner approach to accelerated GPU graphics. We’ll use the new framework AwayJS to get setup, look at code examples and cover several workflows for assets, including a brand new plugin for Flash Pro allowing 2D animation exports.
http://away3d.com/
http://www.infiniteturtles.co.uk/blog/

Maksims Mihejevs (@mrmaxm , PlayCanvas)
Maksim will talk about Physically Based Rendering (PBR) in WebGL, how useful and industry possible it is, and the complications of implemention in WebGL and tools workflow.
https://playcanvas.com/
http://moka.co/

Alvin Ourad (@alvinsight, Goodboy Digital, pixi.js)
Alvin will speak about how the widespread usage of WebGL has exploded thanks to its increasing ubiquity and will touch on how they leverage it at Goodboy Digital to add an extra level of visual finesse and fun, and probably a sneak peak at the new version of pixi.js.
http://www.goodboydigital.com/
http://www.pixijs.com/

Benjamin Blundell (@secti0n9, Section 9)
“WebGL minus Web” – This talk consists of three short demos of WebGL projects that were designed to be used outside of a traditional web-browser (at least partially). Each one caters to a very different audience, with very different engineering concerns and development cultures affecting the build along the way.
https://www.section9.co.uk/posts/2014-05-28-Equatorie.html
https://www.section9.co.uk/posts/2014-12-12-Bullseye.html
https://www.section9.co.uk/posts/2014-09-26-Echo-Forms-Live-Gig.html

RSVP
http://www.meetup.com/WebGL-Workshop-London/events/219803097/

Workshop 12 – Christmas comes to Babylon Three

Christmas comes to Babylon Three (an Introduction to Babylon.js and Three.js)
Tuesday, December 16, 2014 – Skills Matter, London

being an introduction to those most noteworthy of WebGL enablers — Babylon.js and Three.js wherein we shall endeavour to render a simple electronic Yule Tide scene for each.

In keeping with the seasonal theme there will be door prizes (Packt ebooks on the subject of Three.js or WebGL supplied by my good self).

The supply of Pizza and certain beverages may also be arranged.

Arrival from 6:15 for a 6:30 start.

And a merry Christmas to one and all.

Prerequisites
• 
This is a hands on session. A laptop with a browser that supports WebGL (http://get.webgl.org/) and your favourite editor.
• Some knowledge of HTML and programming preferably Javascript (or similar).
• Some features will require a server, although there are workarounds. (Brackets.io and Visual Studio provide one, or you can use node.js or whatever you’re comfortable with.)

Register 
If you’re planning on attending, please RSVP and register on the Skills Matter site: https://skillsmatter.com/meetups/6734-christmas-comes-to-babylon-three-an-introduction-to-babylon-js-and-three-js

Great news chums!

khronoslogo

Khronos liked the cut of our jib and so now we’re the official Khronos London Chapter.

There are no immediate changes in the future, but I hope over time to add coverage of other Khronos technologies; OpenGL, OpenGL ES, OpenCL, etc..

Workshop 11 – WebGL Models

WebGL Models
Thursday, 30th October – Skills Matter, London

How to make (or find), load and display them. And a bit of debugging, too.

Prerequisites
The workshop will be about 50:50 presentation and hands on.
• A laptop with a browser that supports WebGL (http://get.webgl.org/) and your favourite editor.
• Some knowledge of HTML and programming preferably Javascript (or similar).
• Some features will require a server, although there are workarounds. (Brackets.io and Visual Studio provide one, or you can use node.js or whatever you’re comfortable with.)

Register
If you’re planning on attending, please RSVP on the MeetUp page (http://www.meetup.com/WebGL-Workshop-London/events/210678942/) and register on the Skills Matter site (https://www.skillsmatter.com/meetups/6576-webgl-models).

Workshop 9 – Back to Basics: Part 2

Back to Basics: Part 2 (WebGL, Three.js and Babylon.js)
Our ninth Workshop will take place on Thursday, 28th August at SkillsMatter, 116-120 Goswell Road, London
This month we finish the rotating dice in raw WebGL, then do the same in THREE.js and Babylon.js for comparison.

Prerequisites
• A laptop with a browser that supports WebGL (http://get.webgl.org/) and an editor that can handle HTML and JavaScript.
• Some knowledge of HTML and programming, preferably JavaScript (or similar).
• Some features may require a server (e.g. image loading), although there are workarounds. (Brackets.io and Visual Studio provide one, or you can use node.js or whatever you’re comfortable with.)

Register
If you’re planning on attending please RSVP on our MeetUp site and register on the SkillsMatter site (SkillsMatter.com).

Workshop 4 – THREE.js

A look at THREE.js
Our fourth Workshop will take place on Thursday, 20th February at SkillsMatter, 116-120 Goswell Road, London
A round up of some of THREE.js’s features, and maybe a look at some alternatives…

Prerequisites
A laptop with a browser that supports WebGL (http://get.webgl.org/) and an editor that can handle HTML and JavaScript.
Some knowledge of HTML and programming, preferably JavaScript (or similar).

Register
If you’re planning on attending please RSVP on our MeetUp site and register on the SkillsMatter site (https://skillsmatter.com/meetups/6195-a-look-at-three-js).

Workshop 3 – Lighting

Light and Shadow
Alvin Ourrad will be giving a brief introduction to pixi.js (a super fast HTML5 2D rendering engine that uses WebGL with canvas fallback).

Then we’ll take a look at light and shadows in WebGL… I’ll try to include some THREE.js this time.

Prerequisites
A laptop with a browser that supports WebGL (http://get.webgl.org/) and an editor that can handle HTML and JavaScript.
Some knowledge of HTML and programming, preferably JavaScript (or similar).

Register
If you’re planning on attending please RSVP on the MeetUp site and register on the SkillsMatter site (http://skillsmatter.com/event-details/home/light-and-shadow).