Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/wagerfield/danbo

Danbo brought to the web in CSS3D
https://github.com/wagerfield/danbo

Last synced: 6 days ago
JSON representation

Danbo brought to the web in CSS3D

Awesome Lists containing this project

README 

        
# DANBO



![Danbo][help]



#### Check out Danbo *brought to life* in your browser [here!][demo]



For the best experience, view the project on a modern smart device like an

iPhone or iPad.



## Backstory



One of the best aspects of my vocation is that I get to travel and work all over

the world. I am frequently exposed to different environments and cultures; with

each new location shifting & developing my perspective & understanding of the

world I live in.



More recently, I was fortunate enough to be presented with the opportunity to

spend a couple of months in Tokyo working as a Technical Consultant for

[Ultra Super New][usn].



On arrival I was overwhelmed by the barrage of information that I simply could

not understand. In between the restaurants, bars, boutiques and monolithic

skyscrapers – dolls, robots and manga paint the walls, billboards, vehicles and

packaging. This childlike mentality is an integral part of Tokyo's facade and

it is both charming and infectious. The saturated innocence instills a great

sense of peace and respect for one another and as a result, Japan is an

incredibly safe place to live.



In this regard, **the world could learn a lot from Japan.**



Beyond the beautiful artwork lies deep, fantastical and often complex stories

which question life, relationships and a full spectrum of ideas. The leverage of

this medium is quite simply wonderful.



One of the most heart-warming stories I have heard so far is that of Danbo.

Danbo (short for Danboru, the Japanese word for corrugated cardboard) is a

cardboard robot built by a young girl longing for a companion and brought to

life by her belief in his existance alone. Though the premise of the story is a

reasonably common one; recently depicted in the film [Ted][ted], I personally

love the idea that Danbo is the sole creation of one girl; naive to the seemingly

rigid constraints of the universe.



![Danbo][yotsuba]



I learnt of Danbo when one of my collegues errupted with glee when she finally

recieved a parcel containing an [80mm figurine][amazon] of Danbo. Unable to

contain herself, she proceeded to tell the story, and so, as a visual ode to my

time in Tokyo, I decided to create Danbo for the web.



Modelled using CSS3D, Danbo is intended to exist in your smart device—reacting

to the motion of the gyroscope—causing him to tumble around inside his box. The

ragdoll physics are created using [ammo.js][ammo] and the artwork is that of my

own.



---



#### [CHECK OUT DANBO HERE!][demo]



---



For the best experience, view the project on a modern smart device equipped with

a gyroscope - such as an iPhone or iPad. The project has also been built to

function as a web application, so go ahead and add it to your homescreen!



#### For more loony thoughts & updates, [follow me on Twitter][twitter]



![Danbo][shoes]



## Author



Matthew Wagerfield: [@mwagerfield][twitter]



## License



Licensed under [MIT][mit]. Enjoy.



[demo]: http://wagerfield.github.com/danbo/

[twitter]: http://twitter.com/mwagerfield

[mit]: http://www.opensource.org/licenses/mit-license.php

[help]: http://farm3.staticflickr.com/2795/4522244501_42029bd8be_b.jpg

[yotsuba]: http://farm9.staticflickr.com/8017/7159970615_94287b6770_z.jpg

[shoes]: http://d75822.medialib.glogster.com/adeesyagausper/media/2f/2f5fd06f67f2234eebde2d27337f0318a020f8ae/shoes.jpg

[usn]: http://ultrasupernew.com/

[ted]: http://www.imdb.com/title/tt1637725/

[amazon]: http://www.amazon.com/Revoltech-Danboard-Yotsuba-Amazon-co-jp-Version/dp/B001R23RS2/ref=sr_1_1?s=toys-and-games&ie=UTF8&qid=1375591136&sr=1-1&keywords=danbo

[ammo]: https://github.com/kripken/ammo.js/