逆天了！3D网页展示居然可以这么屌！

之前介绍过多款LayaAir引擎的3D炫酷游戏。今天，为大家介绍一款采用LayaAir引擎的3D网页展示产品《不可思议群岛》。

这是一个非游戏的HTML5网页，以三维的空间技术为基础，在不同的浮空小岛之间切换。通过点击GO，可以进入到每一个场景中，进行360度全角度观看小岛的风貌，还可以进行一些简单的互动操作。比如，戴上VR眼镜世界改变，点击火山会有喷发动作等等，让网页的展示有了一种游戏式交互体验。

直接长按识别图中的二维码，或者通过左下角的阅读原文可打开链接体验。

《不可思议群岛》的创作起源与创作过程

《不可思议群岛》是矩阵互动Matrix多媒体事业部成立三周年的部门庆作品，没有甲方的各种需求束缚，动起手来也就更大胆自由。

“在轻松欢快的气氛中给大家介绍一下我们”是这个作品一开始最单纯的动机。

既然要介绍还是得把几个业务板块说清楚，于是“群岛”的概念在风暴会中诞生了。

4个特色鲜明的世界分别代表四个业务板块，通过每个“岛”里的情景让人即直观了解又能产生联想。

▲ 黄色沙漠，绿色雨林，蓝色冰川，红色火山

接下来是风格设定。3周年庆，当然要热闹欢快一些，元素我们最终选择了简洁清新的面片简约风格，一是迎合气氛，二是考虑到手机浏览的效率。

人物是构成情景的必要元素，所以我们给每个场景都设计了性格独特的人物。

互动是重点，要黏住用户让大家有“把玩”的效果。我们决定放弃传统的三维序列和视频，用LayaAir 3D引擎作为内核，让所有环节都能实时互动。即时渲染的效果让用户几乎忘记了自己是在看一个H5网页，而是在玩一款三维游戏。

光有大场景的转换和360度查看显然是不够的，我们为每个“岛”都设计了一些小互动情节，让浏览更有乐趣。如戴上VR眼镜世界改变，点击火山会有喷发动作等等。

关于矩阵互动Matrix

矩阵互动Matrix是一家集品牌互动广告和网络全程营销的整合运服务商，专注于为品牌塑造顶尖的互联网形象，为企业营销策略提供互动解决方案。旗下多媒体事业部是一支专业且全面的技术创作团队，涵盖了影视后期，VR&AR，APP应用开发，舞台舞美包装等多个业务板块。

END

LayaAir引擎3D游戏介绍回顾

科幻题材高清自由视角3D H5游戏《太空机甲》今日删档测试

《雪鹰领主3D》昨日腾讯玩吧首发! HTML5进入3D游戏时代！

Layabox提供的服务

Facebook Instant Games平台的接入服务

企业上门培训、性能优化、微端打包等技术服务

2D与3D游戏产品的联合研发、定制开发

休闲竞技商业框架或技术解决方案提供服务

LayaAir引擎

裸跑性能媲美APP的新一代HTML5引擎；

支持Canvas\WebGL模式自动切换；

支持2D\3D\VR产品开发；

支持使用ActionScript3\TypeScript\JavaScript三种语言开发；

一次开发可同时发布：手游APP（安卓、iOS）、HTML5、微信小游戏、QQ玩一玩等多个版本。

LayaAir引擎开发者2D交流群

QQ群号：135887157

LayaAir引擎开发者3D&VR交流群
QQ群号：343966316

长按识别二维码，关注Layabox公众号

逆天了！3D网页展示居然可以这么屌！相关推荐

Unity 3D网页游戏 Demo 展示
原址:http://blog.csdn.net/trcj1/article/details/6187003 2011 年,网页 3D 这一网游开发新趋势逐渐浮出水面, Unity 作为浏览器及移动设备 ...
居然可以用jQuery实现360度汽车产品3D旋转展示酷炫特效使用你的小鼠标来试试吧
作者:极客小俊公众号:同名今天我们来看一个用jquery实现360度汽车产品3D旋转展示的效果,其实逻辑很简单, 就是让一堆图片转来转去就行了!
如何制作网页和电商官网的3D产品展示？
电商网站和各个电子产品官网看到的3D产品展示,通常是结合3D建模软件制作的. 以下是创建 3D 产品展示所涉及的一些步骤: 模型创建:使用3ds max.Blender或Maya 等 3D 建模软件创 ...
互联网3D数字化时代，3D产品展示开启新商机
随着互联网技术的发展,越来越多的企业开始借助互联网宣传自己的产品,在淘宝.京东.得物等电商平台上,可以看到一些商家开始在线上3D展示产品. 早在2020年,就提出要普及5G商用,3D技术开始发展成熟, ...
从二维到三维，可见Web3D技术的重要性，让线上3D产品展示所见即所得
原文地址:Web3D技术|从二维到三维,所见即所得导读: 从2D到3D图像展示,从二维平面到三维立体,为我们实现了所见即所得.你是否想过有一天,我们能在网购时看到真实产品的每一个细节,仿佛产品就在你 ...
家居3d网上展示_三维模型可视化展示
在产品三维展示中,经常会应用到网页展示vr展示三维模型,利用vr技术和3d虚拟现实技术相结合的信息技术,可以更好的把家居产品以三维模型展示的形式展示在网页和电商平台上,商迪3D在3D建模实时渲染技术的 ...
《游戏学习》| 3d网页小游戏 | 公路赛车源码
游戏介绍基于three.js实现的3d网页游戏,适配移动端和pc端网页,可以选择简单.普通.困难.地狱四个游戏难度等级,通过控制左右,超过其他车辆得分. 游戏截图游戏主页游戏界面结束界面项目 ...
构建 3D 网页新世界
构建 3D 网页新世界 2011-11-22 20:28 推荐: P迪浏览: 1,229 views 我要评论(1条) 字号: 大中小分享到: 新浪微博腾讯微博 QQ空间 Gmail邮箱豆 ...
LayaAir 3D案例展示：矩阵 • 奇妙之旅
小编:LayaAir3D引擎除了在游戏领域有着90%以上的市场份额,在教育.营销.创意展示等众多领域也有着广泛的应用场景.矩阵互动自去年推出震撼的<不可思议群岛>3D创意后.今年又推出一个 ...

逆天了！3D网页展示居然可以这么屌！

逆天了！3D网页展示居然可以这么屌！相关推荐

最新文章

热门文章