WebGL around the net, 22 September 2011

Just a few links for today…

  • A “a realtime clip in WebGL” using three.js, from Thierry Tranchina: Fly over England (give it a little while to get going).
  • It’s a nice change to see a demo set to classical music ;-) Check out the minimalist Arabesque, from Joshua Koo, which uses three.js and two of his own libraries, sparks.js for particles and audiokey.js for the sound. More about it here.
  • ChuClone is a promising-looking WebGL game.
  • Chrome-only, I think, Chrome or Firefox 9+ required, but very impressive: a global weather map, by Jaume Sánchez Elias. Are those clouds real-time? [UPDATE: the author Jaume Sanchez gives details in the comments.]
  • A 360° video from myVR Software AS.
You can leave a response, or trackback from your own site.

8 Responses to “WebGL around the net, 22 September 2011”

  1. The clouds are fetched and cached when loading the page from the google maps service. The cloud images are the current snapshot from the satellite network, and they get updated every hour or so, but the page won’t reload them. You’ll just have to reload the page.

    The forecast info is fetched from the google homepage widget service, and there’s a node.js script on the server to cache the data becasue there’s a limit of requests to the service.

    It’s Chrome-only because of the CORS textures with WebGL. Have tried it with Aurora, but got security errors. Anyone else can confirm if it runs on Firefox with CORS support?

  2. nemo says:

    Seems to work just fine here in Firefox Nightly (Firefox 9).
    I pretty much have been just running Firefox Nightly on all my machines for the past few years.

  3. nemo says:

    That would be the weather map, that is.
    And sure enough.

    Looks like it was fixed 2011-07-15 07:59:17 – so over two months ago.

  4. Benoit Jacob says:

    Jaume, are you sure that was in Aurora? This should definitely be supported in Aurora (Firefox 8).

  5. Benoit Jacob says:

    Oh OK. Fails indeed in Firefox 8, here’s the explanation. This demo is first painting the cross-origin image into a 2D canvas, then using this 2D canvas as the source for the WebGL texture. So in addition to CORS support for WebGL textures, it also relies on CORS support for Canvas 2D drawImage… which requires Firefox 9.

  6. Ok, that explains a lot. I’ve tried Nightly and it works perfectly.

    I was talking with Mr.doob some days ago about this: the webgl globe uses three.js, and it wouldn’t show the texture in firefox aurora, but tests in jsFiddle and my webgl lightbox (http://www.clicktorelease.com/code/litebox/, which uses webgl directly), did indeed work in aurora.

    I thought the security exception was raised somewhere in the preprocess of three.js texture pipeline, and I didn’t realize that the experiments that wouldn’t work in firefox both used a canvas to pre-assemble the image.

    Well, we’re getting there!

  7. I’ve updated the experiments to recommend Firefox 9+ and a link to Nightly builds. Thanks, Benoit and nemo!

  8. giles says:

    Thanks all! I’ve updated the post appropriately.

Leave a Reply

Subscribe to RSS Feed Follow Learning WebGL on Twitter