宜家：宜家奇遇记

2016-11-29 H5案例分享 H5案例分享

案例：宜家奇遇记

出品：宜家

亮点：

策划上，图文展示+3D全景+重力感应类；① 先以多幅图文的形式，展示了“玩”每个孩子的权利，自然而然的引出宜家拥有众多玩具还能为孩子们提供多种玩耍解决方案，是玩的专家；② 点击”LES’S PLAY”按钮进入到3D奇幻世界，转动手机，即可体验，点击3D世界里的标签，即可查看宜家在“玩”上做出的努力；③ 输入儿时玩伴的名字，邀请TA和宜家一起捍卫玩的权利。
设计上，漫画风格，采用黄色作为主色调，里面的元素，像小房子、铅笔、各类小玩具等都充满浓浓的童趣。
交互上，看3D奇幻世界采用的是360度移动手机或上下左右滑屏的形式。
技术上，3D奇幻世界采用的是css3d.js实现的，移动手机看3D世界采用的是html5的重力感应。

技术实现： jQuery + css3d.js

案例演示，请长按/扫描以下二维码 ->

识别图中二维码

宜家奇遇记-查阅二维码

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签