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

Talks and lectures w

Bret Victor - Inventing on PrincipleVery inspiring talk about tools ...

3D Tetris with Three

[include file="ThreejsTetrisMenu.php"]Completed slices and score countingThis function will be quite ...

3D Tetris with Three

[include file="ThreejsTetrisMenu.php"]Board objectWe will start with a new class to ...

3D Tetris with Three

[include file="ThreejsTetrisMenu.php"]Lets start with a summary. What is a lifecycle ...

gMap 3.3.1 released

You can run all unit tests here. It's also a ...

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

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