Smashinglabs

Sebastian Poręba's blog

Your browser doesn’t support canvas.

js3d

What you see above is pure JS awesomeness. It’s a basic Blender model, exported to COLLADA,
then parsed by js3d and displayed in HTML5 CANVAS.

Controls

Move camera with left mouse button. Rotate object with arrows or AWSD + RF keys.
If your browser is not very smart (*cough* Firefox 4 *cough*) it will probably launch fast search on keypress. Sorry for that, no Z-axis rotation for you. Use arrows instead.

Note

Main purpose of js3d was purely academic. Also, I wanted to prove that you can use 3d graphics although WebGL is still under development.
Currently it has a lot of hardcoded stuff (camera position, z-scanning constants, etc.), renders some artifacts and has performance issues.
If you want to carry on this project, feel free to contact me.

 






  • RSS
  • Facebook
  • Twitter

3D Tetris with Three

[include file="ThreejsTetrisMenu.php"] Joined or separated? Think about the way we play Tetris. ...

3D Tetris with Three

[include file="ThreejsTetrisMenu.php"] Preparation First you need to download Three.js: https://github.com/mrdoob/three.js I also use Stats ...

gMap 3.3.0 released

As always, you can download it from github. I had a ...

JavaScript performan

Trace JIT is no more I was surprised by the news that trace ...

Lecture for GTUG: Ja

My main topics were: Optimization in general DOM Reflow/repaint Garbage collector JIT Google Closure (Compiler/Tools/Library) You can ...

gMap 3.3.0 released

As always, you can download it from github. I had a ...

Lecture for GTUG: Ja

My main topics were: Optimization in general DOM Reflow/repaint Garbage collector JIT Google Closure (Compiler/Tools/Library) You can ...

Unit testing for jQu

In part 1 I described basics of unit testing in ...

Unit testing for jQu

There are few testing frameworks dedicated for frontend that are ...

What do we need for

Contents Better graphics Involve desktop game developers Easier animations Code like in C++ Fix WebGL Write ...