伴（bàn）随着移（yí）动设备的（de）更新（xīn）换代，H5开发技术（shù）也更加成熟，让移动端的H5页面可（kě）以实现各种华丽的视（shì）觉效果，即使是比（bǐ）较消耗性（xìng）能的3D动画也能顺（shùn）畅展现。下（xià）面（miàn），开云官方端网站登录入口和蓝橙互动就给大家分享一（yī）个（gè）3D全景动画H5案例。

案例（lì）：live the journey

品牌：Evian

1、创意定位

这是（shì）法国Evian为依云矿（kuàng）泉水品（pǐn）牌进（jìn）行宣传而推出的H5案例，通过扫描（miáo）限量版的（de）瓶子，可以体验插画（huà）版的依（yī）云15年净化之旅（lǚ），查看依云矿泉水（shuǐ）产地，法国（guó）阿尔（ěr）卑斯山（shān）的3D故事。

2、内容体验（yàn）

进入H5页面，首（shǒu）先是提示界面，提（tí）示调大声音，点击开始体验按钮（niǔ），进入主KV页面；主KV页面（miàn）是以阿尔卑斯山为背景，手机端时用户横（héng）向可以滑动屏幕，一共4个可以点（diǎn）击的按钮，3个（gè）蓝色和1个（gè）粉色按钮。粉色（sè）按钮（niǔ）进入的是明信片（piàn）页面，可以选择3种明信片图案，写上接收人和发件（jiàn）人。蓝色（sè）的按钮（niǔ），分别进入3个（gè）不同（tóng）关于阿尔（ěr）卑斯山（shān）的3D动（dòng）画，包括（kuò）穿越森林、俯视阿尔卑斯山（shān）脉和穿越到地下查看（kàn）水源。点击其中一个蓝色按钮，长按浏览3D动画完（wán）毕，可（kě）以进入下（xià）一个（gè）动画。浏（liú）览动画的过（guò）程中，可移动手机（jī）更换视频角度，观看不（bú）同方（fāng）向（xiàng）的风景（jǐng），也可以松（sōng）开（kāi）按钮，停留观望。3个3D动画都观看完（wán）毕后，会有观看（kàn）完（wán）毕（bì）提醒，提（tí）示用户（hù）分（fèn）享页面。

3、设计策（cè）划（huá）

3D渲染，手绘画面（miàn）；依云矿泉水的水源地是阿（ā）尔卑斯山深处、冰川砂层（céng）天然过滤（lǜ），所以构成（chéng）元素阿尔（ěr）卑斯山，深（shēn）林等（děng）。

这（zhè）个H5案例采用的是响应（yīng）式页面，无论（lùn）PC端还是移动端都可以访问，通过3D全景动（dòng）画向用户展示品牌故事和产（chǎn）品特（tè）点（diǎn），相比于（yú）传（chuán）统的视频类H5，3D全景（jǐng）动画拥有更好的交互性，能时刻吸引（yǐn）用户（hù）注（zhù）意（yì）力，提升营（yíng）销效果。