皇家美素佳儿:夜探荷兰自然珍宝馆

2017-07-05 H5案例分享 H5案例分享
皇家美素佳儿:夜探荷兰自然珍宝馆

案例:夜探荷兰自然珍宝馆

出品:皇家美素佳儿

亮点:

  1. 策划上,3D全景类,① 加载页用荷兰标志性的风车加牧场体现产品的产地; ② 然后点击首页进入到星空,用户转动手机找寻隐藏在星空中名画师的头像,点击头像出现他们的代表作品;③ 接着用户长按屏幕下方的按钮出现产品的相关信息,松开后回到星空,屏幕下方会出现礼品。
  2. 设计上,星空风格,采用蓝色作为主色调,浩瀚无垠的星空作背景,里面的画师形象仿佛由一个个亮晶晶的星星组合而成,非常耀眼,里面动画设计的也非常用心。
  3. 交互上,找寻隐藏在星空中名画师的头像,不仅可以采用移动手机的方式还可采用滑屏形式。
  4. 技术上,3D全景星空页采用的是ThreeJs,移动手机找寻画师头像,采用的是Html5的重力感应。



技术实现: threejs


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

识别图中二维码

夜探荷兰自然珍宝馆-查阅二维码




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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

皇家美素佳儿品牌宣传H5案例 — 宝贝,这个字我只想写给你

Friso 美素佳儿:一起搜集线索,寻找呆萌神秘熊

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~