The Box

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

ব্যবহার করে বানানো হয়েছে জাভাস্ক্রিপ্ট, HTML5, সিএসএস৩,

  • 4786 বার দেখা হয়েছে
  • 9 টি মন্তব্য

এই ডেমো সম্পর্কে প্রস্তুতকারকের বক্তব্য

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...

এ পর্যন্ত 9টি মন্তব্য করা হয়েছে

Log in to add your own.

  1. maxw3st বলে,

    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 বলে,

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

    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.
  4. boblemarin বলে,

    Hey ! Thanks. I'll patch the library and the example.
  5. jaydson বলে,

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

    Don't really know. I guess the Great Holy Paper Cow must have heard my prayers.
  7. christhoo বলে,

    Hey Boblemarin,
    This has gotta be one of the coolest demo I've seen. Something that I've always wanted to explore. I'm still in the midst of learning html5. Any idea how we can enable the objects such as the cows to be clickable to open a link?
    1. boblemarin বলে,

      The cows are simple HTML elements, like all assets in this demo, so you could use a <a> tag to make the link work, or add a listener on the object and open the link on click.
  8. kutlus বলে,

    Hello i couldnt manage to run this demo on Internet Explorer 10.0.0.9200 it just show the bottom part of the box with rotation thats all. Any way to fix this..

About this Demo

সোর্স ডাউনলোড করুন 895.48 কিলোবাইট · জিপ ফাইল

Browse the Source

এই ডেমোটি GPL লাইসেন্স এর অধীনে উন্মুক্ত করা হয়েছে।

boblemarin এর তৈরি করা আরও ডেমো