腾讯视频：奇幻岛冒险记

2016-08-26 H5案例分享 H5案例分享

案例：奇幻岛冒险记

出品：腾讯视频

亮点：

策划上，游戏类，通过360度移动手机的形式，根据环环相扣的提示，完成游戏中的四项任务，① 任务一：展翼典礼，根据提示找到自己的翅膀；② 任务二：唤醒神狮，拯救冰族；③ 任务三：寻找神猴，获取灵猴装备；④ 任务四：魔幻药水，找到抢走魔幻药水的龙，获得龙和药水；四项任务宣布完成，即可力挽狂澜使得天下和平，使得四部大剧的主演们归位，想了解四部大剧更多信息的小伙伴可到腾讯视频一睹为快
设计上，漫画风格，将四大奇幻剧中的主演们和场景巧妙融合，充满神秘感；3D场景，更添真实感，看起来也是相当的酷~~~
技术上，3D场景采用的是WebGL，主要通过Canvas + three.js；360度移动手机查找线索，采用的是html5的重力感应
体验上，操作步骤太多了，操作起来也好麻烦，玩的小编都快要忍不了了；而且在玩的过程中，还很容易跳出微信，再次打开进入还要重新玩~

技术实现： Canvas + ThreeJs

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

识别图中二维码

奇幻岛冒险记-查阅二维码

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

标签