Pages

vineri, 16 septembrie 2011

X3DOM - part 001.

What is X3DOM?
The official website gives us the answer.
X3DOM (pronounced X-Freedom) is an experimental open source framework and runtime to support the ongoing discussion in the Web3D and W3C communities how an integration of HTML5 and declarative 3D content could look like. It tries to fulfill the current HTML5 specification for declarative 3D content and allows including X3D elements as part of any HTML5 DOM tree.
We try to use it.
The official site tell us about the browsers and X3DOM.
Internet Explorer 9 = does/will not support WebGL. So you have to install the InstantReality-plugin or Flash 11.
Google Chrome ver 9.x = supports WebGL natively.
Firefox >= 4.x = supports WebGL natively.
Safari (Mac only: Safari 5.1 on OS X 10.6 and 10.7) = include support for WebGL (Windows version does not), but you need enable it through the “Developer”-menu. To activate the “Developer”-menu go to Preferences->Advanced and check the “Show Developer menu in menu bar” button.
Let's check it!
First, check here if your browser supports X3DOM.
If your browser not supports X3DOM , you will see this :
Also , the running example will show you this:
Now, Let's try a simple example. Create a html file and paste the code:
<!DOCTYPE html>
<html>
<head>
<body>
 <title>TEST X3DOM</title>
 <link rel="stylesheet" type="text/css" href="http://www.x3dom.org/x3dom/release/x3dom.css" /></link>
 <script type="text/javascript" src="http://www.x3dom.org/x3dom/release/x3dom.js"></script>
</body>
<h1>Show box under x3dom !</h1>
<x3d width="500px" height="500px">
 <scene>
  <shape>
   <appearance>
    <material diffuseColor='blue'></material>
   </appearance>
   <box></box>
  </shape>
 </scene>
</x3d>
</html>
Also if you want then we can install this (instantreality Framework 2.0).
I managed to run version 6.0.2 Firefox example by changing the settings WebGL.
I wrote in the address bar about:config and I looked and changed the setting:
webgl.force-enabled to true.
Open the file with the Firefox web browser.We can see one blue box...
... and Chrome Web Browser (ver. 13.0.782.220 m)with this result:
Under IE , I got errors ... Although I have installed the InstantReality-plugin or Flash 11.
You can see more examples here.

vineri, 19 august 2011

OES_texture_float WebGL extension under WebGL

In the video below you see a demo using OES_texture_float WebGL extension.

If the video card is the generation then you need to use Chrome and test online here.
This demo uses the following features:
  • Raytraced reflections and refractions
  • Analytic ambient occlusion
  • Heightfield water simulation *
  • Soft shadows
  • Caustics **
It seems that technology WebGL has a brighter future , the proof is many demos on internet.

joi, 11 august 2011

Shadertoy: Test your shader online.

If you want to learn and test 3D shader technology, then you can try Shader Toy v0.3 .
This web site allows you to write shaders and view the result .
It also comes with some useful examples .
More can be found on website .

miercuri, 10 august 2011

Programming Demoscene

The basics of demo coding by Martti Nurmikari. You can see bellow: