WebGL around the net, 12 December 2013

There’s no place like WebGL for the holidays. This week features the world’s first commercial asm.js 3D game, creative competitions, workshops… and special guest stars Notch and Santa!

  • NomNom Games announced that it has developed the first commercial 3D game built in asm.js, a port of Monster Madness that uses the Unreal Engine.
  • Unleash your inner game creator: Mozilla and Goo have announced a holiday gaming competition. The deadline is January 14th, so get coding already.
  • This has got to be the sweetest music gizmo rendered in WebGL yet! Audiotool Sketch is a music sequencer, built with the multi-platform app development system defrac, that lets you create beats using two drum machines and a bass line. I couldn’t stop messing around with it…
  • Have a hippie, trippy Xmas: Nate from Devmaster started a fun community contest to construct various types of art using nothing but fragment shaders. Nate set up a sample framework in WebGL so that others can quickly dive in.Details and discussion are available at http://devmaster.net/posts/23953/xmas-demo-fun.There are already several cool demos in the can… but you can still jump in.
  • Data maven Theo Armour has just hacked a new version of FGx Globe. Does this guy ever sleep?
  • Is Notch working on a WebGL Minecraft? Brandon Jones thinks maybe.
  • In maybe  the biggest WebGL design win of the year, NORAD has switched to Bing Maps to track Santa, working with Microsoft to create a new Santa Tracker.
  • East-Bay developer Josh Staples of shipping container visualization fame figures out to how calculate tic tac toe win conditions using ray intersections. Mmm mmm geeky!
  • What would you write on your own tombstone? Try this WebGL app to find out. In the words of designer Felix Palmer, “An obvious application for these techniques is an in-browser tombstone designer, ” … um, ok…
  • If you’re in the London area next week, Carl Bateman is organising a FREE WebGL Workshop in London — 6:30pm Thu Dec 19 (http://www.meetup.com/WebGL-Workshop-London).

WebGL around the net, 26 November 2013

This week in WebGL: zombies, kids… and hobbitses!

  • Google’s demo team has done it again, this time with A Journey Through Middle Earth, an interactive experience inspired by the upcoming motion picture “The Hobbit: The Desolation of Smaug.” The big news with this one is that was also designed to work on mobile Chrome for Android. Read more in the team’s blog posting.
  • San Francisco-based Ludei has announced that it is partnering with Nickelodeon to bring HTML5 gaming to its mobile Nick App for kids games and TV programming using CocoonJS.
  • It had to happen. A Goo engine-based Zombie shooter! http://goobuzz.github.io/NavMesh-Project/
  • Los Angeles-based Steve Belarovich has create Synth, a WebGL video synthesizer that uses your webcam as an input and maps the brightness of the video to the displacement of 3D geometry.
  • Dan Anderson just released Cupola VR Viewer, a Chrome packaged app that uses Chrome’s USB API to get head-tracking data from the Oculus Rift using a native Javascript library to be used in WebGL pages that support the Rift. Windows-only for now, pending Google improving their USB support for OS X. Dan’s reddit posting provides more details here.
  • Visualization programmer John Mick has developed a WebGL lake simulation that allows the user to modify oxygen, light, temperature, wind speed, nitrogen, phosphorus, and other simulation factors to observe different scenarios impacting Zooplankton and Algae populations.
  • My glTF partner in crime Patrick Cozzi has written this great article surveying WebGL debugging and profiling tools. LOTS of useful hands-on information in there.
  • … and in case you missed it from last week: the Sony PS4 user interface is built in WebGL!!!

Happy Thanksgiving Everyone!

The World’s Biggest WebGL Site – For Now

Now that Sony has released the PS4, the truth can be told. The user interface to the PlayStation Store, the Music and Video Applications, and a good chunk of the user overall user experience is running in a browser, written in WebGL. As the PS4 rolls out in the coming months, I believe it will represent the world’s largest WebGL site. At least, until Google cuts all their maps users over to the new version.

Kudos to my pal Don Olmstead for his great work!

WebGL around the net, 14 November 2013

Welcome to the New Age! Eyes in the sky, pyramid power, and some serious browser love lead this week’s WebGL roundup.

  • Firefox now lets you debug your shaders using a WebGL live shader editor that has been added to the dev tools in version 27. Wow!
  • For the touch screen-averse (or just haters of all even-numbered Microsoft releases) IE11 has made it to Windows 7. It features WebGL and comes with a ported version of Hover, a capture-the-flag-style DirectX game that originally shipped with Windows 95.
  • Ever have the feeling you’re being watched? Eyes is a fun piece from interactive agency Goodby Silverstein.
  • Boston-based Logan Engstrom has created a prototyped tile-based pyramid editor. Simple and fun.

WebGL around the net, 7 November 2013

This week in WebGL: fun with physics, mobile game portals, 3D digital art exhibits and… w t f?

  • Peter Lüders (of PL4N3S WORLD fame) has created a simple fighter game demo and editor that uses his port of the Bullet physics engine to JavaScript,  bullet.js.
  • The always-creative Ivan Kuckir has “made a web for mobile games” at www.FunInTablet.com . It has very simple design, so it can be easily controlled with touch input. The first 6 games are WebGL games. Here is Ivan’s video of the “tablet experience” – using the Nexus 7.
  • Kuckir has also created a utility, 3D Tool, for display and very simple rendering of 3D models: drag and drop any 3D file into the browser window, and after you find the right angle and choose an environment map, you just press Render and wait until your image is pretty enough.
  • Andrew Benson has created Plastic Yet Still In-Between, an intriguing WebGL-based digital art exhibit, for The Wrong – A Digital Art Biennale (http://thewrong.org/). Andrew also pointed out another cool WebGL-based exhibit created for the same show, Giselle Zatonyl’s Three.js-driven pavilion.
  • 2D drawing library Pixi.js now features realtime webGL filters… beautiful.
  • Apparently Microsoft still has some work to do on IE11 WebGL. Nikolaus GebhardtAmbiera founder and developer of CopperLicht3D, tries it out and compares graphics and performance to Chrome at http://www.irrlicht3d.org/pivot/entry.php?id=1406
  • A nice million particle simulation by Robert Oram via Chrome Experiments
  • Not WebGL – just yet – but this may be of relevance soon: Amazon launched new GPU instances for high performance 3D in the cloud. Anyone up for prototyping a server-side WebGL rendering or “cloud gaming” service?
  • Don’t have the WebGLs? Brandon Jones can help you figure out why in this blog post http://blog.tojicode.com/2013/11/the-state-of-webgl-on-chrome-aka-why.html
  • Finally, from the WTF department… apparently hardware giant AMD has decided to go its own way with 3D graphics, creating a totally new API dubbed Mantle, for creating high-performance games on desktops that rival console performance. This, while Steam is pushing forward on the Steam Box, their new console offering featuring SteamOS – an operating system with God knows what under the hood. Last week it seemed like HTML5 and WebGL were poised to be the open graphics foundation for everything from desktop to tablets to consoles; this week… not so much. But time will tell.

WebGL around the net, 31 October 2013

Trick or Treat? Cool new tools and more in our All Hallows’ Eve edition of WebGL around the net.

  • Stealth No More: Goo Technologies decloaks to launch Goo Create, a browser-based tool for easy creation of WebGL games and 3D applications.
  • Leeds-based Lawrie Cape has created Rompola, a 3d sketchpad application. Rompola features a dead-simple line drawing tool that lets you create rotatable 3D shapes and apply effects. WARNING: addicting. http://rompola.com/
  • Wanaplan your house? Create the plan of your house or apartment with ease in Wanaplan’s 2D editor and enjoy the result in 3D!
  • Design your own ring in 3D. http://davidscottlyons.com/threejs/ring/
  • Helmut Emmelmann has just released an early version of taccgl, an open source JavaScript library for mapping HTML elements as textures on WebGL 3D objects. It can draw integrated scenes that display and animate HTML elements and 3D objects with depth buffering, lighting, and shadows.
  • Paris-based BLIQ has just released SpaceRun 3D II - an awesome space racer game with beautiful graphics, great sound design and fun game play.

WebGL around the net, 17 Oct 2013

Topping this week’s headlines: a new 3D engine, and plugging WebGL into the newest hardware.

  • Long-time fans of the Flash-based 3D engine Away3D will be delighted to know that it has been ported to Typescript and uses WebGL for rendering. Plugin-free 3D just got a turbo-boost with this fantastic library.
  • Want to immersive yourself in your WebGL? Now you can, using Oculus Bridge, an application that connects the Oculus Rift head-tracking display to WebGL-based applications using web sockets.
  • You can also get your hands into the act using Leap Motion. Code junkie/data maven/script kiddie Theo Armour makes things a little easier with his Leap + Three.js Boilerplate.
  • If you run Windows and want to get a jump on WebGL 2.0 features, Chrome Canary now uses Direct3D 11 (via ANGLE) to render, and it also features multiple render targets. via Brandon Jones
  • This awesome 3D piano player demo allows you to control a Three.js-rendered piano in real time using your keyboard. Game of Thrones fans will get an extra treat when they hit play. Best theme music EVER!
  • Real-time messaging company LightStreamer has developed a demo of its technology for use in multiplayer WebGL gaming.
  • Got data? 3D charting package  incharts3D is now in live beta.

Sorry about the delay…

Hi all,

Sorry about the delay in getting the roundup out this week. I just coughed up the penultimate chapter of my new WebGL book. One more to go! FYI the due date is looking like early January 2014. Stay tuned; you’ll know before anyone else does.

I’ll get back to the regularly schedule weekly news as soon as I recover.

WebGL around the net, 1 Oct 2013

The week in WebGL: classic games, training courses, and an anatomy lesson.

  • Microsoft is bringing a classic DirectX game back with WebGL. It just announced that it ported Hover! to HTML5 and WebGL.
  • SOLD OUT! My course, Programming 3D Applications in HTML5 and WebGL, a one-day training session at this fall’s HTML5 developer conference in San Francisco, has filled up. But GOOD NEWS: the organizers have opened up a second session. Go to the web site and register today!
  • Videep Mishraa, aka theMaxScriptGuy, is at it again. Here is a C#-based program to convert OBJ to Three.js JSON without using Python command line.
  • CL3VER just released an absolutely gorgeous WebGL presentation demonstrating the anatomy of the human foot, created using their development tools.
  • KineMan is another anatomy piece that focuses on realistic human skeletal joint motions, by adding scientifically-derived joint kinematics (axes and motion ranges) to 3D bone geometry.
  • Also on Chrome Experiments this week, an experiment with spherical harmonic distortion to create an organic shape.

WebGL around the net, 24 Sep 2013

New this week: tools, apps, movie trailers… and the first release of WebGL 2.0!

  • Last week the Khronos Group released the first editor’s draft of the WebGL 2.0 Specification. WebGL 2.0 will bring the standard up to the capabilities of OpenGL ES 3.0, including the promotion of several widely-used WebGL extensions such as multiple render targets. It is very early in the WebGL 2.0 process, so it will be a while until the features make it into a browser near you. Still… this is very exciting news!
  • If you don’t speak spec, don’t worry: in this blog posting, WebGL homie Brandon Jones explains WebGL 2.0 in plain English… or words to that effect.
  • CloudParty has been hard at work on their no-download online virtual world, having recently released new features including procedural skies in WebGL.
  • Analytical Graphics, Inc. used the WebGL-based Cesium 3D engine and glTF assets to simulate Orbital’s Cygnus spacecraft mission to the International Space Station. The mission ran live through last weekend… check it out and run through the timeline to see the path of the craft, and the integration of glTF into a simulation application.
  • WebGL game engines continue to gain steam, as Ambiera released updates to its CopperCube authoring system and CopperLicht engine, and Artillery released Project Atlas, an RTS built on the Artillery Platform.
  • Videep Mishraa, senior developer at IOMEDIA, has developed an early version of an exporter from 3ds Max to various WebGL-friendly JSON formats. He started with a version that exported to the JSON featured in Lesson 14 but quickly moved to a Three.js version. It is early in its development but very promising… if you’re a MaxScript jock maybe you can pitch in on the project.
  • Just launched on Chrome Experiments, this real-time walkthrough of the St Jean Cathedral in Lyon France using radiosity rendering was originally built in O3D and ported to WebGL last year.
  • Code junkie Theo Armour continues to power through integrating Leap Motion and WebGL; here are his latest lessons learned.
  • This just in: Xbox One will support HTML5. Does that mean WebGL too? We will definitely look into this further…
  • And finally… WebGL goes Hollywood in this awesome interactive movie trailer for the new space thriller Gravity.
Subscribe to RSS Feed Follow Learning WebGL on Twitter