The Box

By boblemarin on

An animated cardboard and paper 3D scene, made from recycled materials.

Built using JavaScript, HTML5, CSS3,

  • 15777 views
  • 6 comments

More About This Demo From The Author

I had this idea of making a cheap-looking 3D scene out of a cardboard box and paper drawings, so with my kids, we prepared a real-world prototype on a wednesday afternoon.

Later, I recreated a digital version using the same material and my library Sprite3D.js.

Have fun...

6 comments so far

Register or log in to add your own.

  1. maxw3st said,

    Posted

    This looks excellent. Not sure how you accomplished it as yet, but will study the code. Currently a JavaScript student so this is good "home-work" for me. Thank you much for sharing.

  2. boblemarin said,

    Posted

    You're welcome.
    Check the Sprite3D.js page, there are plenty of examples and demos that will lead you to that kind of result .

    1. Danny.D said,

      Posted

      Bug/typo report for your Sprite3D.js.

      prefixes = ["", "webkit", "Moz", "o", "ms" ]

      Opera should be O not o. Works great on opera after I changed that.

      Anyway, looks great man.

      1. boblemarin said,

        Posted

        Hey ! Thanks. I'll patch the library and the example.

  3. jaydson said,

    Posted

    Hey, your demo is pretty cool ;)
    But... what kind of magic do you made to reaching 19940 views Oo ?

    1. boblemarin said,

      Posted

      Don't really know. I guess the Great Holy Paper Cow must have heard my prayers.

Get the Source Code

Download the Source 895.48 KB · ZIP File

Browse the Source

This demo is released under the GPL license.

More by boblemarin

  • The Face Builder