梦之蓝X中国科学院国家天文台X中国科协科普部：在火星，写下我们的名字

2020-07-28 H5案例分享 H5案例分享

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

识别图中二维码

在火星，写下我们的名字-查阅二维码

完整欣赏此案例大约需要1分20秒

案例：在火星，写下我们的名字

品牌：梦之蓝X中国科学院国家天文台X中国科协科普部

技术实现： html5

亮点：

中国首次火星探测任务即将启程，用户打开作品，在虚拟宇宙中寻找火星，登陆火星，感受火星探测任务的神秘与激动，加深对梦之蓝品牌的印象。

导语介绍了火星探测任务即将开启的消息，下滑屏幕，进入观测台页面，移动手机，寻找天空中的火星，对准取景框，火星慢慢变大，出现作品名，点击触点进入作品，滑动屏幕让火星旋转，点击确定着陆点，输入名字和手机号，上传一张自己的照片，调整照片上火星的大小，生成与火星的合照海报，用户可保存海报或分享作品。

火星的金色球面与背景天空的暗蓝色形成强烈对比，旋转时表面的地理纹路制作的很清晰逼真，操作时很有视觉的冲击感。

用户在寻找火星时需要移动手机，向上一点很容易就找到。

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

标签