天目新闻：跟天目一起“云游”世界互联网大会

2023-01-09 H5案例分享 H5案例分享

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

识别图中二维码

跟天目一起“云游”世界互联网大会-查阅二维码

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

案例：跟天目一起“云游”世界互联网大会

品牌：天目新闻

技术实现： HTML5

亮点：

1. 创意定位

2022年世界互联网大会乌镇峰会，于11月在浙江乌镇召开。天目新闻推出世界互联网大会虚拟空间，网友可以线上穿越乌镇峰会虚拟空间，回顾往届大会上领先科技成果、互联网黑科技以及重磅大咖的金句，观看中外主旨演讲嘉宾视频，感受互联网大咖的巅峰思想，体验网络空间国际交流合作的生动故事。

2. 策划逻辑

主要流程：loading → 开场视频 → 参观展厅、体验换装 → 分享合成海报。

开场视频采用先进的数字化3D前端技术和渲染引擎，构建了具有乌镇水乡特色的360°全景户外展厅，充满未来科技感。

进入场馆后，用户通过操作杆控制小人自由行走，走进蓝色光柱即可进入对应展厅，也可以点击地图直达任一展厅。右上角“换装”可以任选5个不同人物形象，点击“分享”可生成5组不同背景海报。

3. 设计上

整体色彩采用蓝白主色调，象征科技与未来，结合乌镇小桥流水的水乡特色，既有现实世界的数字化复制物，也有虚拟世界的创造物。

4. 交互上整体操作流畅，用户触动操纵杆控制小人灵活行走，同时也可以滑动背景，自由切换视角。

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

标签