The book of inspiration

February 3, 2013

Pattern Recall – Gamification

Filed under: games — zproxy @ 10:02 pm

– End of Thread Three. End of Pattern. Acknowledge.

A… Acknowledge. End of pattern.

– Stand by to initiate pattern recall.

Go for pattern recall.

The media stream above was compiled to stimulate your creativity. This post serves as an outline of the different gamification related topics to be discussed in more detail during the upcoming months.

  • WebGL
    In this chapter we will teach you the basics of WebGL and GLSL programming. Already today, WebGL is supported on Chrome for Windows, Chrome OS and Android. We will also introduce you to the most popular physics and rendering libraries while analysing and reviewing some of the most interesting WebGL examples available online. There will be a huge market for WebGL developers and we will help you to be part of it.
  • CSS 3D
    In this chapter we shall start teaching you the the basics – the affine matrix transformation. From the previous chapter you will already know about GLSL shaders which will prove also to be useful in CSS context used as filters.
  • Flash Stage3D
    In this chapter we will explore the possibilities exposed for Flash Player and AIR for Mobiles. We will focus on GPU and have a look at the most popular rendering and physics libraries.

200pxAileron_roll1

But WAIT there is MORE!

It’s not only the technology that will get you there. You also need to learn about gamification.

August 9, 2012

OpenGL ES 3.0

Filed under: jsc — Tags: — zproxy @ 12:36 pm

[…] 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:

July 12, 2010

Write WebGL in C# with JSC

Filed under: jsc — Tags: , , — zproxy @ 7:09 am

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:

March 9, 2010

WebGL on Old Hardware with MESA

Filed under: tech — Tags: , , — zproxy @ 8:03 am

 

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

Blog at WordPress.com.