The book of inspiration

September 1, 2013

WebGL Doom

Filed under: tech — zproxy @ 11:07 am

logoby int13h.com

See also:

March 18, 2013

How to do this in WebGL?

Filed under: tech — zproxy @ 9:03 pm

tumblr_mjuzan58WY1r6j7rho1_r1_500

See also:

 

January 3, 2013

WebGL Moonshades

Filed under: games — zproxy @ 8:40 pm

Look what I found! I like the ambient and character audio! For some reasons some sounds reminded me Captain Comic.

capture_001_03012013_202945

August 6, 2010

C# to JavaScript, WebGL

Filed under: jsc — Tags: — zproxy @ 1:39 pm

See also:

WebGL RTS

Filed under: jsc — Tags: , — zproxy @ 1:41 am

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:

July 6, 2010

WebGL Camp

Filed under: video — Tags: — zproxy @ 9:01 am

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

June 5, 2010

WebGL

Filed under: jsc — Tags: — zproxy @ 10:52 am

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:

orbiter



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.

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
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 :D
  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 14teapot model, nice :)
  16. Lesson 15 – rotating earth, too slow

Should jsc also support converting (C#, F#) IL to HLSLx-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

July 15, 2014

WebCL

Filed under: tech — zproxy @ 3:28 am

I wonder, now that we have async/await available for Web Workers, how would it compare to WebCL. The performance gain running your physics on GPU needs to overweigh the pain of writing and debugging WebCL kernel code. This will likely not happen before 2018 as it has already taken 4 years for WebGL to reach this far. Cant find it in blink source either.

The future for GPU compute in Firefox is ARB_compute_shader, which is now part of ES 3.1.

See also:

June 12, 2014

None of us are as powerful as all of us

Filed under: life — zproxy @ 9:11 pm

 

WebGLSVGAnonymous

… We are moving into a time of Unity Consciousness, connectedness.  It is a more mature way of thinking.

… we are about to awaken to the realization that we are all one with each other and one with God

… your heart and mind will work together more effectively

… Eventually, the human mind will become a superb tool that will lead to higher intellectual and spiritual functioning.

We create your technology.

We are everyone.

How can you know something, if you have not faced its opposite?

Have you ever known something to be true and right, with all your heart and soul, but been afraid to act on that knowledge?

  • Who are we?
  • Where did we come from?
  • Where are we going?

See also:

December 31, 2013

To Protect and Infect: The militarization of the internet

Filed under: tech — zproxy @ 9:58 am

WebGLSVGAnonymous

[...] your metadata, chained contacts and content will be stored for 15 years

  • Here’s a PDF file containing images Appelbaum showed in the talk

chuck-norris-eavesdrops-the-nsa-thumb

See also:

September 18, 2013

The Doom Piano by David Hayward

Filed under: tech — zproxy @ 12:06 pm

CropperCapture-2013-09-18-14-47-58-6140203

See also:

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:

August 8, 2012

World Editor

Filed under: games — zproxy @ 10:53 am

When can I have Sketchup in WebGL?

See also:

April 30, 2011

Man Tetris

Filed under: games — zproxy @ 5:55 am

[...] It’s going to be a great expierience to be in a room of full of people who are great in this game! via Eric

See also: WebGL Tetris by Philliph

March 24, 2011

Animated QR Code and Fez Sky Island

Filed under: games — Tags: , , — zproxy @ 9:56 am

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:

July 21, 2010

Shader Smoke

Filed under: tech — Tags: , — zproxy @ 10:59 am

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!

July 7, 2010

Augmented Super Mario

Filed under: video — Tags: — zproxy @ 1:01 pm

Awesome!

I can already see. A looping background HTML Video element with WebGL elements transformed and layered on top.

See this motion tracker demo in Firefox nightly build. What if the video source is a webcam input from over the stratus p2p network? Could there be a game which could detect the opponents face gestures? :)

See this tracking realtime demo.

Multiple object motion detection

Applying the tech above a multiplayer game could look like this:

In the picture above the following items are distinguishable:

  • Laptop
  • TV or a PC with a large screen
  • Mobile Device
    • Location and orientation awareness
  • Camera
    • Face Gesture Recognition
    • Motion Detection
    • Augmented Actor or Marker Detection
  • Microphone
    • Voice Recognition

In the end you will have multiple displays. A widescreen TV, your personal mobile device and the space visible to the camera.

Update:

Dynamic Content Injection

June 9, 2009

Minecraft

Filed under: games — Tags: , , — zproxy @ 7:01 pm

Check out this cool java game :)

minecraft by you.

See also:

March 3, 2007

jsc: space invaders

Filed under: c#, examples, javascript, jsc — zproxy @ 4:57 pm

spaceinvaders.png

The collection of example projects done with jsc framework has once again grown – Space Invaders.

See it in action or browse in the source code.

Why did I do it? Well I found an implementation by Kris . So I thought how hard could it be. Well just so you know I spent a whole Saturday developing it.

I also linked it within youOS.

And if you are into monad/powershell give a shot at Adrian’s implementation.

And there is yet another javascript implementation. See labpixies.

A flash version by Neave.

OpenGL version at sourceforge.

See also:

The Shocking Blue Green Theme. Blog at WordPress.com.

Follow

Get every new post delivered to your Inbox.

Join 77 other followers