Demo
Part1: Core
This part contains the demos developed based on Oak3D’s core api. Using Oak3D’s core api, developers can have the most flexibility over webgl.
| Demo 1 Flat Color A hello world demo for Oak3D Core. You can see how to start up a simple WebGL page based on Oak3D Core by viewing the source. |
|
| Demo 2 Texture Mapping This demo shows how to use Oak3D texture object to load a image and display it. |
|
| Demo 3 Load Oak Model We wrote a max exporter to allow oak users exporting mesh data easily and could directly load it into the webgl scene. |
|
| Demo 4 Render To Texture A WebGL framebuffer demo. View the source to see how it’s done in Oak3D. |
|
| Demo 5 Built In Mesh This demo shows how to use Oak3D built-in meshes. |
|
| Demo 6 Wireframe Rendering WebGL doesn’t support wireframe rendering for triangle, but we can use line rendering to implement wireframe effect for a model. |
|
| Demo 7 Skeletal Animation Mr. Skeleton gives us a show about the skeletal animation module of Oak3D. Thanks to: Toto. |
|
| Demo 8 Character This demo shows how to skin a skeletal animation with hardware acceleration and gives a simple character control solution. Thanks to: Pengfei Zhao. |
Part2: Engine
This part contains the demos developed based on Oak3D Engine. With Oak3D Engine, you can construct 3D scenes as you want without concerning the rendering details.
| Demo 1 Simple Scene A start up demo using Oak3D Engine. |
|
| Demo 2 Dynamic Shadow Oak3D Engine supports high performance dynamic shadow and this demo shows a 3D scene with two dynamic lights casting shadows. |
|
| Demo 3 Animating Characters Animating characters in Oak3D Engine. Thanks to: Momo. |
|
| Demo 4 Normal Map Oak3D Engine supports normal map natively. This demo shows two magic skulls with normal mapping. Thanks to: Daniel FR Gordillo. Model license: CC 3.0 |
|
| Demo 5 Terrain Dynamic Terrain System in Oak3D Engine. |
|
| Demo 6 Material Script I Oak3D enables developers & artists defining the rendering behavior directly using material script, this demo implemented a glowing effect and you can play around with material script in this demo. |
|
| Demo 7 Material Script II More than type an expression to specify material script, Oak3D allows developers using full GLSLES code. This demo implemented a warm-to-cool lighting algorithm and you can also change them in this demo. |
|
| Demo 8 Pick Entity You can implement 3D picking conveniently in Oak3D Engine. Thanks to: Momo. |
|
| Demo 9 Particles This demo shows the particle system of Oak3D engine. |
|
![]() |
Special Demo for Steve Jobs A special demo for Steve Jobs. |
![]() |
Merry Christmas Official demo for Christmas! Many interesting features(dynamic sky box, material script, infinite terrain, glow, multi-scene, first-person looking camera) are used in this demo. |
![]() |
Magic Cube A tiny game but without any lack of any fundamental element as a complete gaming experience. Powered by Oak3D Engine, only took us 5 hours to finish the main fuction. |
Browser Compatibility
We recommend you using the latest version of Google Chrome or Mozilla Firefox to run the demos on this page.
For Microsoft Internet Explorer, Oak3D can be ran if you have Google Chrome Frame installed, it’s an IE plugin to help IE users getting WebGL capabilities and better performance.
IEWebGL is another choice of trying WebGL technology in IE, it’s a plugin that enables WebGL in IE and you can get it from here.
Download Packed Demos
You can download a packed version of our demos to your local computer. The package include all resouces needed for launching demos in your local host.
Download Page



