国家林业和草原局 + 腾讯：国家公园寻虎

2022-02-02 H5案例分享 H5案例分享

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

识别图中二维码

国家公园寻虎-查阅二维码

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

案例：国家公园寻虎

品牌：国家林业和草原局 + 腾讯

技术实现： Three.js

亮点：

1、创意定位

国家林业和草原局和腾讯等联合推出的国家公园寻虎H5，以长白山老爷岭区域为实景，全景的方式感受万兽之王的虎年祝福。

2、策划上

① 加载完毕后，背景是实景中的长白山，云山雾绕；点击“沾沾虎福”，进入一段视频，视频中俯视进入国家公园，公园中的动物画面；

② 视频播放完毕是全景，提示可以360°全景探索，也可以放大缩小查看，全景以真实景物为主，点击全景中的圆点，探索公园中的动物，除了圆点，还有相机图标，进入另一个全景画面；

③ 屏幕右上角有动物集，展示可以在全景中发现的动物，有东北虎、东北豹、梅花鹿等；所有的动物不是都在主场景中，还需要点击其他全景才可以找到全部动物。

3、设计上

真实的景物拍摄，没点开之前，显示动物的圆点是模糊的，用户点击之后，圆点对应的动物清晰；全景画面拍摄的很清晰，放大120倍都很清晰。

4、交互上

采用滑动的方式，浏览全景画面，放大浏览全景细节；可点击的位置有放大的气泡，引导用户点击；右上角的动物集也起到了引导作用，引导用户寻找动物的同时，切换不同的全景。

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

标签