OpenGL ES 3.0

[...] August 6th, 2012 – Los Angeles, SIGGRAPH 2012 – The Khronos™ Group today announced the immediate release of the OpenGL® ES 3.0 specification

1. OpenGL ES Shading Language 3.0 Specification
2. OpenGL ES 3.0 Specification

[...] Do you have a phone or tablet? then OpenGL matters. - slashdot

There is a significant set of WebGL examples working as JSC Web Applications. Today, it requires a rather new laptop, does NOT run on iPad and requires Firefox Mobile on Android.

How long will it take until OpenGL ES 3.0 is running on Android or as WebGL?

See also:

• Embed latest Firefox build in an Android app
• The CPU is dead. Long live CPU. by Vincent
• SIGGRAPH 2012 Links
• How far is the reach of WebGL on the Desktop
• The WebGL potential

Animated QR Code and Fez Sky Island

1.14 KB

Could QR Code embed animation within it’s limit of 2,953 bytes?

The current version of Barcode Scanner for Android scanner does not work with the data URI.

See also: Everything a Marketer Should Known About QR Codes by Drew

QR-Code bots

While searching for the answer I did find an awesome QR-Code bots visualization.

Sky Island

As we already are into blocks I here is a game which applies some cool affine transforms on its isometric world.

In the game the player can rotate the world in 3D just like in Fez.  On my Samsung Galaxy S the game is somewhat slow tho.

1. When will this game concept be ported to WebGL or Molehill?
2. Will an affine transform tetris emerge?
3. With affine transforms could Minecraft be transformed into a Minecraft 2D – a digging game like Gem Miner for Android?
   
4. When will Fez run on Android?
   

More animated gifs

PS. For a while I have been downloading such cool animations via Google Reader. Yet it took me a while to find the real source feeds for them.

See also:

• http://www.youtube.com/v/yDbZnLBzUEs?
• Why 2D is King bi Michael
• QR codes and your business by Tobin
• WIFI QR code generator
• Giant QR code on a roof
• QArt Codes by Russ
• QRussion Roulette
• JavaScript QR Scanner by Lazar

C# to JavaScript, WebGL

See also:

• No Vertex Shaders in .NET.
• Open Web Shader Linking by mir

WebGL RTS

See also:

• A year later Wloom6  by Peter

 

Shader Smoke

How can I do that in WebGL?

And how do I visualize functions in WebGL?

Update: There is a library for that – WebGLOT by Dan!

Write WebGL in C# with JSC

In the following gallery you will be shown just how easy it is to download JSC, install, create a WebGL application (see the original) and run it in your WebGL enabled browser.

Would you want to program your shaders in C# instead? It would look something like this once implemented:

Update: See GLSL overview

Update: See WebGL Awesomeness

More examples: Shadertoy and Collada tron tank

More examples: Chocolux and take screenshot from 3d and Cubepaint

More examples: Raycolor and more and some dancing frogs? and a whale?

Something simple:

Shortest WebGL example

More examples: Ethanol

Update: GLSL minifier, and a small c++ demo

Can we port XNA to WebGL?

Update: For debugging and see WPF OpenGL.

Update: Photoshop effects

Update: Can we have COLLADA within HTML?

See also:

• Convert JavaScript to GLSL?
• WebGL Demoscene by Adrian
• Collada WebGL
• WebGL GPU Acceleration for the open web by Patrick
• WebGL Hands On  DevCon 2011 Slides
• Blender Cave Tileset by Clint
• Blender Zombie Sprites by Clint

WebGL Camp

In case you missed (like me) the webcasts – here they are.

1. Peterson Trethewey O3D “[...] WebGL is for making games”
2. Paul Brunt GLGE, WebGL via XML
3. Mark Barnes COLLADA
4. Giles Thomas Learning WebGL
5. Daniel Horn Sirikata
6. Daniel B. Miller WebM, Physics in 3D on WebGL
7. Trevor Smith Ten minutes to fun (tweakable examples)
8. Ewen Cheslack-Postava Scripts and simulation (Object space?)
9. Vladimir Vukicevic (File IO makes your app also an Offline Tool)
10. Alan Chaney Think Browser! REST!
11. Ken Russell Chrome, ANGLE

WebGL

Today, on another machine with I was able to test out WebGL. When I have a demo where WebGL was programmed from .NET source code I will make a post about it.

The examples I tested listed below:



I plan to generate the assembly ScriptCoreLib.WebGL  from WebGL spec (<pre class=”idl”>). The assembly could also be named (but I like the shorter name as ScriptCoreLib.Ultra.WebGL.Volatile.dll.

To rehash:

1. Ultra is the new concept where you can have more types defined your assembly than compiled by jsc.
2. Volatile means the assembly may have online dependancies on resources like images or spec’s like WebGL IDL. (Or SVG?)

PS. WordPress just asked me “How likely would I be recommending it to my friends and family ?”! Who wouldn’t?

Update:

The namespace will probably be ScriptCoreLib.JavaScript.WebGL and the hosting assembly will be ScriptCoreLib.Ultra.Volatile.

WebGL on Old Hardware with MESA

 

WebGL now seems to be  mature enough to add support in jsc.   This would mean you could develop your WebGL applications in C#, Visual Basic or F#. The trick is to get it working on my machine. It seems my graphics card does not support OpenGL ES 2.

TypeError: Object #<a WebGLRenderingContext> has no method 'getShaderi'

Running dxdiag tells me that my Video card Chip Type is ATI Radeon Xpress 1200 Series.

The last time I updated Video card drivers on my machine there were some serious issues due to the fact the application had some issues with the .net framework. As a developer I have all versions of it and it caused problems.

While searching around I found GPU Caps Viewer.

As I can see I have GLSL Version 1.2 – not good.

[...] many common Intel graphics cards doesn’t have OpenGL drivers

[khronos] I’ve found that Firefox needs at least OpenGL 2.0 support on the graphics card’s driver, otherwise it will fail over to using MESA if it knows where to find the library. I usedhttp://www.realtech-vr.com/glview/ to find out what version of OpenGL the driver supported, though there may well be better ways.

Maybe I should try the MESA software rendering with Minefield?

To launch a new proccess:

firefox.exe -no-remote
you need to tell Firefox where to find: 
open up about:config, and set the preference 
webgl.osmesalib to the path of OSMESA32.DLL

Are we done? No.

Error: gl.getShaderi is not a function

Source File: http://people.mozilla.com/~vladimir/webgl/spore/sporeview.js

Line: 31

Error: gl.getShaderi is not a functionSource File: http://people.mozilla.com/~vladimir/webgl/spore/sporeview.jsLine: 31

Are we done? Yes.

Software rendering seems to be very slow. The Minfield (almost) locks up.

So what else works?

1. Animated Cube
2. Lesson 1
3. Lesson 2
4. Lesson 3 – rotating, cool
5. Lesson 4 – rotating mesh, a little slower
6. Lesson 5 – rotating textured cube, quite slow
7. Lesson 6 – user rotated textured cube, rather slow
8. Lesson 7 – with light
9. Lesson 8 – transparent cube, very slow
10. Lesson 9 – moving objects
11. Lesson 10 – nano doom, too slow
12. Lesson 11 – sphere, too slow
13. Lesson 12 – rotating sphere with light – a little slow
14. Lesson 13 – too slow
15. Lesson 14 – teapot model, nice
16. Lesson 15 – rotating earth, too slow

Should jsc also support converting (C#, F#) IL to HLSL “x-shader/x-fragment“?

Would be cool to write a shader effect, debug it in Windows Presentation Foundation and run it in browser on javascript within WebGL.

Update:

OpenGL ES 2.0 is not supported on lots of common hardware. That means
there are a lot of machines that will not be able to run WebGL.

WebGL, being 100% dependent on JavaScript to do an application’s scene
graph, is going to have serious problems drawing more than a few pieces of
geometry at 60hz except in very special cases or on very fast machines