3D Demo in Javascript

This is my 3D demo using javascript & canvas.

I used Raphael 2D Graphics
library for javascript.

I am very thankful to that developer who gives me a chance to develop.

I only tested on FireFox 3.0, IE7 and Safari browsers.

I captured some screenshots as following.

You can find this demo page here.

I included sample objects -
- cube
- pyramid
- cone
- disk.

I also included -
- rotation
- gradient background animation
- Wireframe modelling
- Culling [Hidden surface removal]
- Shader effect

Anyone find a bug, please comment me.


Thanks for visiting my blog!!

Happy Programming!!







3 comments:

  1. Thanks for an Excellent Demo !
    Can you please guide me on how to create 3D SVG elements ?

    ReplyDelete
    Replies
    1. Thanks for appreciation.
      Let me check about your query.

      Please also check this WebGL Demo:
      http://webgl3dmodel.tk/
      Same demo available on Mozilla developer Network:
      http://mzl.la/PP3zpG

      Delete
    2. Thanks for the WebGL demo. Its really helpful and awesome. I would like to know how you create the 3D SVG Cube, Pyramid etc

      Delete