Skip to main content

Generative Machines: awe-inspiring WebGL interactivity

If you want to see the future of the web, then a great place to visit is the Chrome Experiments (opens in new tab) showcase of creative experiments programmed using examples of HTML5 (opens in new tab), JavaScript, and WebGL (opens in new tab). They may only be designed to work in the latest version of Google's Chrome browser, but they offer an intriguing glimpse at where the post-Flash web is heading.

Generative Machines (opens in new tab) is a great case in point. This WebGL experiment bu Michael Chang at Google Creative Labs randomly generates machine-like objects that expand and contract in the style of exploded view diagrams.

The still images don't do it justice - it's all about the interactivity, so head to the site to have a play (just make sure you have an updated version of Chrome, and a computer with a decent amount of power - it probably won't work on a puny notebook).

Click the word 'Generate' to create a new machine, drag around different parts of the machine to rotate it, and click 'Open controls' on the top level to tweak the specifications.

The experiment was created using three.js (opens in new tab) by Ricardo Cabello, tween.js (opens in new tab) by Soledad Penadés for animation, THREEx (opens in new tab) keyboard script by Jerome Etienne, and dat.gui (opens in new tab) by Google Data Arts Team.

For an in-depth discussion of how Generative Machines was created, check out this blog post (opens in new tab).

Liked this? Read these!

Have you seen an amazing Chrome experiment? Let us know about it in the comments!

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

The Creative Bloq team is made up of a group of design fans, and has changed and evolved since Creative Bloq began back in 2012. The current website team consists of six full-time members of staff: Editor Kerrie Hughes, Deputy Editor Rosie Hilder, Deals Editor Beren Neale, Senior News Editor Daniel Piper, Digital Arts and Design Editor Ian Dean, and Staff Writer Amelia Bamsey, as well as a roster of freelancers from around the world. The 3D World and ImagineFX magazine teams also pitch in, ensuring that content from 3D World and ImagineFX is represented on Creative Bloq. 

Topics