Helloear：Helloear_H5案例分享

Helloear：Helloear

2017-05-19 H5案例分享 H5案例分享

案例：Helloear

出品：Helloear

亮点：

策划上，3D展示类。点击首页“Start”来到Helloear主展示页，主页分为三部分，① 图文并茂的展示了Helloear的设计依据以及各色配套的耳机套；② 运用三维技术，360°全方位展示耳机精美外观；③ 通过介绍人体耳部各个部位展示耳机设计的科学性；④ 最后，可以点击右上角小导航图片出现的下拉菜单，点击不同的图标，可返回主展示页，也可可去了解Helloear，或联系Helloear。
设计上，科技风格，采用蓝色作为主色调，展示图片主要采用前景实后景虚的展现形式，着重突出耳机的展示。
技术上，3D展示主要是采用Canvas + BabylonJS（基于WebGL的H5 3D游戏引擎）来实现的。

技术实现： Canvas + BabylonJS（基于WebGL的H5 3D游戏引擎）

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

识别图中二维码

Helloear-查阅二维码

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