当历史撞上h5,又会有怎样的火花
时间:2018-09-12浏览次数:258来源:蓝橙互动-微信互动游戏制作

H5有着多种多样的形式:h5游戏、h5动画、h5页面等,时刻传播在朋友圈、微信群众。那么有没有一种h5能让我们轻松快速地了解历史呢?今天蓝橙互动小编就给大家分享一些学习历史的h5案例。

案例一
一分钟看懂AI的前世今生
出品:人民日报
技术实现:Three.js+jQuery
h5游戏开发
长按二维码,立即体验
案例简介:

本案例以盘点大事件的形式,讲述了自1950年以来AI的进化以及发展。

亮点总结:

设计:酷炫科技风格,几何碎片的堆叠+3D模型的组合。主色调为偏灰的渐变色。右侧实时显示目前到达的时间轴,给予用户提示。

交互:纵向长图手势下滑操作进行换屏,随着手势的移动,屏幕上的元素会被打碎成无数个碎片并下落,镜头随碎片移动,碎片也会重新组合成新的元素,科技感十足。

案例二
一分钟了解电历史
出品:midea美的
技术实现:Javascript
h5游戏开发
长按二维码,立即体验
案例简介:

本案例以历史发展轨迹,图文结合配音的形式,截取了多个关键时间点,以场景动画的形式给我们讲述了关于“电”的发展史。

亮点总结:

设计:欧美卡通为主题画风,黄色背景为主题色调。案例最大的亮点在于它的配音,德语跟粤语的混淆,再加上逗逼版的塑料普通话配音,这也是案例的给予人印象最深刻的部分。

交互:手指长按进行过渡,屏幕穿越的页面形式形成自然过渡。使用这种过渡手法的H5还有:一口气看尽职场套路

小结:利用H5的表现方法去解读历史,能更快、更有趣,其特点是:个性化足,代入感强。除了以上的两个案例,小编还搜罗了两款相似案例供大家参考,区别只是在于表现形式略有不同。

以上是小编闲暇时光经常玩的h5分享,如果你想要了解更多的金店h5案例欢迎访问我们的网站蓝橙互动,当然如果你想要开发一款h5来为你的品牌、产品做宣传也欢迎你们联系我们蓝橙互动,我们有专业的h5开发团队,有多年相关项目开发经验,服务有保障!