HTML5游戏引擎深度测评
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">近期</span>看到网上一篇<span style="color: black;">文案</span>，标题叫做《<a style="color: black;">2016年 最火的 15 款 HTML5 游戏引擎</a>》。<span style="color: black;">日前</span>针对HTML5游戏的<span style="color: black;">处理</span><span style="color: black;">方法</span><span style="color: black;">已然</span>非常多，但谁好谁差却<span style="color: black;">无</span>对比性资料。特意花了几天时间，针对<span style="color: black;">文案</span>中<span style="color: black;">显现</span>的12款免费开源引擎做了一次相对完整的对比分析，<span style="color: black;">期盼</span>能对<span style="color: black;">大众</span>有所<span style="color: black;">帮忙</span>。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">针对技术类<span style="color: black;">制品</span>对比，<span style="color: black;">一般</span>有多个维度进行对比，<span style="color: black;">不仅</span>是技术层面，还有许多非技术层面的内容会影响<span style="color: black;">咱们</span>的<span style="color: black;">运用</span>结果。本文从如下几个维度进行多重对比。</p>2D与3D编程语言<span style="color: black;">制品</span>定位&功能工作流性能学习资料<span style="color: black;">商场</span>应用<h3 style="color: black; text-align: left; margin-bottom: 10px;">2D与3D、编程语言对比</h3>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">2D与3D</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">游戏<span style="color: black;">行业</span>中，最直白的一种<span style="color: black;">归类</span><span style="color: black;">办法</span>便是2D与3D的区分。<span style="color: black;">一般</span><span style="color: black;">咱们</span>都会认为它们是游戏引擎<span style="color: black;">行业</span>两类<span style="color: black;">区别</span>的<span style="color: black;">制品</span>。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">编程语言</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">基于HTML5技术的游戏引擎，所<span style="color: black;">必须</span>的脚本必定是JavaScript，<span style="color: black;">仅有</span>JavaScript脚本语言<span style="color: black;">才可</span>运行于浏览器中。但<span style="color: black;">日前</span>市场上，<span style="color: black;">显现</span>了<span style="color: black;">非常多</span>JavaScript代替品，例如TypeScript、CoffeeScript、LiveScript等等。<span style="color: black;">区别</span>语言直接的定位<span style="color: black;">区别</span>，语言哲学<span style="color: black;">亦</span>不尽相同。<span style="color: black;">有些</span>游戏引擎在语言<span style="color: black;">选取</span>上<span style="color: black;">亦</span>颇有意思。</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic3.zhimg.com/80/3ba3083ddd17ecdce1a725f2f880455a_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">结论</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">能够</span>从表格中看出，下面三个引擎属于2D和3D通吃类型。</p>EgretTurbulenzPlayCanvas<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在Web游戏<span style="color: black;">行业</span>胜出的编程语言是JavaScript和TypeScript。但绝大部分HTML5游戏引擎还是采用JavaScript语言。<span style="color: black;">仅有</span>三款引擎<span style="color: black;">选取</span>支持TypeScript。</p>
<h3 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">制品</span>定位&功能</h3>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">一个引擎的功能并非越多越好，功能应围绕引擎定位而定，<span style="color: black;">这般</span>的思路在<span style="color: black;">有些</span>引擎中<span style="color: black;">表现</span>尤为<span style="color: black;">显著</span>，下面<span style="color: black;">咱们</span>针对<span style="color: black;">每一个</span>引擎一一分析。</p>Three.js<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">定位</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Three.js项目创建时间是在2010年的4月24日，到<span style="color: black;">日前</span>位置，应该算是比较老牌的开源项目了。事实上Three.js定义并非一个游戏引擎。在Github主页中，作者很<span style="color: black;">知道</span>的定义了Three.js的定位，叫做“JavaScript 3D library”。它仅仅是一个基于JavaScript语言的3D库<span style="color: black;">罢了</span>。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">功能</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">文本主<span style="color: black;">想要</span>对2D游戏引擎做深入分析，所有<span style="color: black;">无</span>对Three.js的功能与<span style="color: black;">哪些</span>流行的3D引擎加以对比。</p>Pixi.js<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">定位</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Pixi.js的定义为“2D WebGL renderer with canvas fallback”，翻译为中文是一款依赖于canvas的WebGL渲染器。<span style="color: black;">因此</span>当你看到Pixi.js<span style="color: black;">供给</span>了为数不多的功能时。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">功能</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">游戏引擎中的功能，<span style="color: black;">咱们</span><span style="color: black;">能够</span>细分非常多<span style="color: black;">归类</span>，一篇<span style="color: black;">文案</span><span style="color: black;">没</span>法讲解所有<span style="color: black;">归类</span>细节讲解明白。我将所有功能做了一个二级<span style="color: black;">归类</span>，方便分析。</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic2.zhimg.com/80/bb895b62afd3756ee30a88ce0be01831_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>Phaser<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">定位</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Phaser的定位是 "Desktop and Mobile HTML5 game framework"，中为<span style="color: black;">叫作</span>之为“桌面与移动端的HTML5游戏框架”。P</p>
同意、说得对、没错、我也是这么想的等。 楼主发的这篇帖子，我觉得非常有道理。 一看到楼主的气势，我就觉得楼主同在社区里灌水。 你的话语如春风拂面，让我心生暖意。
页:
[1]