After a summer break,
London Web Standards was back with an evening of WebGL with Ilmari Heikkenen from Google and a short demo from Carlos Ulloa of HelloEnjoy. Sketchnotes are below
LWS3D: Carlos Ulloa
LWS3D: Ilmari Heikkinen
Carlos Ulloa of Brighton-based HelloEnjoy showed off two demos that he made using Three.js and WebGL. The first was HelloRacer, an interactive look at the 2010 Ferrari F1 car that you can even drive and do handbrake turns in. The second demo got it premiere at LWS, an interactive music video for Ellie Goulding’s “Lights”. Honestly, it was extremely cool, on a Ro.me “3 dreams of black” scale. It’ll appear at the linked URL in the next week or so. There’s a great Q&A session on the London Web Standards blog of the event for more detail on how they did it.
Ilmari Heikkenen showed the gathered crowd how to make a basic WebGL app using Three.js in about 50 lines. He showed off all of the components that you need: a renderer, scene, camera, mesh and lights (and shadows). He went into more depth about vertex shaders and fragment shaders, the GPU effects that make everything look a lot more real.
Ilmari gave examples of a few uses, including games, 3D bar charts and scatter graphs. He then started animating all of these, including a 10,000 point scattergraph that moved in real-time. Finally, he demonstrated a loader for Collada meshes (supported by Maya) and brought in a monster that with a few lines of code started walking around the screen.
Overall, it was a great introduction to the subject, one worth a lot more of your time.
Ilmari’s slides can be found on his blog.
Over the last few days I attended the Future of Web Design conference in central London. It was a great two days meeting some of my peers and heroes of web design. Here’s my notes from Day 2, featuring
Ethan Marcotte, Femi Adesina, Josh Clark, Bruce Lawson, Martin Beeby (from #LWSIE the day before), Elliot Jay Stocks, Sarah B Nelson and once again, Josh Clark!
Ethan Marcotte – The Resonsive Web Designer
Femi Adesina – Enhancing your Creativity
Josh Clark -Buttons Are A Hack
Bruce Lawson – Web Anywhere
Martin Beeby – IE9 the story so far (#LWSIE)
Elliot Jay Stocks – With Great Power Comes Great Responsibility
Sarah B Nelson – Working with Others
Josh Clark – Mobile vs Native: Cage Fight!
Sketchnotes for Day one can be found behind this link.
Thank you once again to everyone involved.
Over the last few days I attended the Future of Web Design conference in central London. It was a great two days meeting some of my peers and heroes of web design. Here’s my notes from day 1 including talks from
Aaron Walters, Mike Kus, Rachel Andrew, Robin Christopherson, Daniel Rhatihgan, Sarah Parmenter, Dan Rubin, Matt Gifford and Aral Balkan.
Aarron Walters – Transforming Ideas into Interfaces
Mike Kus – Designing for Humans
Rachel Andrew – 10 Things Designers should know about Developers
Robin Christopherson – Accessibility and Inclusive Design
Daniel Rhatihgan – Web Fonts: Type Choice & Type Use
Sarah Parmenter – Slide to Unlock
Dan Rubin – The New Language of Web Design
Matt Gifford – Darwin Development
Aral Balkan – Making the New Everyday Things
Day 2 sketchnotes can be found behind this link.
Browsers, fonts, FOWD, iPhone, sketchnotes, Usability, UX, Web Standards Posted in Sketchnotes, User Experience, User Interfaces, Web Design, Web Standards | No Comments »