首页 / JAVASCRIPT / 20 款免费的 JavaScript 游戏引擎

20 款免费的 JavaScript 游戏引擎

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了20 款免费的 JavaScript 游戏引擎，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含10744字，纯文字阅读大概需要16分钟。

内容图文

　　使用 HTML5，CSS3 和 Javascript 可以帮助面向对象开发者开发拥有各种特性的游戏，比如：3D 动画效果，Canvas，数学，颜色，声音，WebGL 等等。最明显的优势在于使用 HTML5 开发的游戏能在任何现代化流行的设备上运行。

　　某些游戏引擎仅仅是一个抽象的层次，就简单处理一些或者更多的繁杂游戏开发任务；其他只是注重 asset 加载，输入，物理效果，音频，sprite 地图和动画，而且相当多样化。还有一些引擎架构极其简单，只包括一个 2D 水平的编辑器和调试工具。

　　大部分的游戏引擎都能提高游戏开发的效率，即使是创建全功能型的游戏。但是，也有一些开发者为了能更好的理解游戏的每个组件，喜欢从头开始创作。现在基于 Javascript-HTML5 的游戏引擎也不少，这是好事，同时，也是个坏事，因为事实上大多数开发出来的产品都没人维护，或者即将停止维护。所以，选择某一游戏引擎需要仔细考虑的就是该引擎在未来几年是否会继续维护，更新，进行功能增强。

　　在这篇文章中，我们经过各种资料探寻，测试，实际应用等方法，收集了专门提供给开发者的20 款免费的 JavaScript 游戏引擎， Enjoy!

<H2 style=‘font: bold 20px/23px "Microsoft YaHei"; margin: 14px 0px; padding: 0px; color: rgb(85, 85, 85); text-transform: none; text-indent: 0px; letter-spacing: normal; word-spacing: 0px; white-space: normal; font-size-adjust: none; font-stretch: normal; background-color: rgb(249, 249, 249); -webkit-text-stroke-width: 0px;‘>　1. Crafty

　　craftyJS 个轻量级的，模块化 JavaScript 游戏引擎，包括了许多组件：动画，事件管理，重新划分区域，碰撞检测，sprite 等等。它支持所有类型的浏览器，比如 IE9。不需要 dom 操作和自定义绘图程序。

　　Quintus 引擎是个 HTML5 游戏引擎，模块化，轻量级，而且带有简洁的 Javascript 友好的语法。 Quintus 是一个易学，使用有趣的 JavaScript HTML5 游戏引擎，支持移动和桌面开发。包含一个模块化的引擎可轻松开发游戏，并在同一个页面上运行多个实例。

　　gameQuery 是个易于使用的 jQuery 插件，可以通过添加相关游戏的类来帮助开发 Javascript 游戏，自从它使用 DOM 操作代替了 Canvas gameQuery ，现在可以兼容大量的浏览器，即使是比较旧的版本：Firefox, Chrome, Internet Explorer, Safari, Safari for iOS, mobile versions of Webkit 和 Opera。

　　GMP 是个杰出的制作基于 sprite ，2D 游戏的引擎。它可以很容易就设计出最 retro 风格的街机游戏，同时也是很好的制作游戏的工具（比如 sudoku 和 gogopop）。在线演示

　　lycheeJS 是个 JavaScript 游戏库，提供完整的原型解决方案和 HTML5 Canvas 部署，在 Web 浏览器或者原生环境的WebGL 或者是基于原生 OpenGL(ES) 的游戏。这个项目的开发过程优化了 Google Chrome 和它自身的开发工具。

　　Enchant.js 是个简单的 JavaScript 框架，可以使用 HTML5 和 JavaScript 来开发简单的游戏和应用。现在还是由 UEI 的 Akihabara 研究中心来开发和维护。在线演示

　　Starling Starling 是在 Stage3D APIs 基础上开发的一种 ActionScript 3 2D 框架（可用于 Flash Player 11 和 Adobe AIR 3的桌面）。 Starling 是为游戏开发设计的，但是你可以将它应用于很多其它的应用程序。在不必涉及低级 Stage3D APIs 情况下，Starling 使得编写具有快速 GPU 加速功能的应用程序成为可能。

　　The Render Engine 是个跨浏览器的，开源游戏引擎，完全使用 JavaScript 编写。它拥有一个扩展的 API 和使用当前最新的现代浏览器特性。此款引擎旨在帮助用户使用基础的工具来开发游戏，加快游戏概念到成品的过程。

　　akihabara 是一系列的库和工具，可以预置创建 pixelated indie-style 8/16-bit era games ，使用 JavaScript ， HTML5 canvas 标签和一些标准 hooks 开发。

　　Js Gamesoup 是个开源免费的软件框架，使用 JavaScript 和其他开放 web 技术来开发游戏：

Modular -可独立工作的 JavaScript 文件组件

使用开放的 web 技术： Canvas 和 HTML5.

支持 Firefox (Gecko), Safari/Chrome (WebKit), Internet Explorer 6+， Android 和 iOS

　　GameJs 是一个基于浏览器的2D游戏开发框架，使用JavaScript和Canvas。使用GameJS这个超酷的Canvas游戏库，能写出优秀的基于Canvas的游戏。

　　CSS game engine 使用 JavaScript 和 CSS (Cascading Style Sheets) 来装饰页面，他们在一起使用非常可靠。使用这个引擎可以创建属于用户自己的游戏，这个项目主要针对的是初学者，想学习如何编写音频游戏的开发者。用户最好是个 web 设计师，有点 CSS 基础。

　　clanfx 是个 2D ，平铺的一个 JavaScript 游戏引擎，使用 JavaScript 和 CSS 开发。当前支持的浏览器有：Firefox, Epiphany 和 Opera browsers。主要特性包括许多动态 sprites，spell 效果，建筑，瓷砖纹理和基础的游戏 AI。

　　gTile 是个基于浏览器的游戏引擎，完全由 Javascript 和 DHTML 开发。它使用 2D 视图来保证简单性和可访问性。此款游戏的成功之处是较强的交互性和游戏对象行为，而不是花俏的图像和动画。在线演示。支持的浏览器有： IE6+, Firefox 2.0+, Safari 2.0+ and Opera 9.5+，不需要下载任何组件或者插件。

　　j5g3 是个开源 Javascript 图像引擎，语法非常易于使用，可以进行快速开发和扩展。

　　Jaws 是个 HTML5 驱动的 2D 游戏库，刚开发的时候只能用来制作 canvas，现在支持通过同样的 API 来制作普通基于 DOM 的 sprites。支持：Chrome 9+, Firefox 3.6+, Safari 5+ & IE9。

　　Cocos2D JavaScript 是 Cocos2D for iPhone 的 HTML5 端口。它是个 2D 图像引擎，允许快速开发 2D 游戏和图像应用。它可以在任何现代化浏览器中运行，不需要第三方插件，比如 Adobe Flash。

　　CopperLicht 是个 WebGL 库，同时也是 JavaScript 3D 引擎，可以创建 3D 游戏和网页应用。它使用 WebGL canvas ，支持现代主流浏览器，不需要任何插件就可以硬件加速渲染 3D 图片。

　　Aves 是个 html 和 javascript 游戏引擎，让人想起 oldieworldie RPGs (除了, 更多的图像功能)，所有的渲染效果都是由 html 和 javascript 开发的，不需要任何插件！

　　LimeJS 是个 HTML5 游戏框架，用来构建游戏。它在现代化触屏设备和桌面浏览器上看起来像是原生的，而且运行速度快。LimeJS 通过 Google 和相关的函数/类来创建 Closure 库，控制时间线，时间，形状和动画效果。同时，此框架完全支持 sprite 表（用户可以从单个文件中收集所有图片）。

　　文章来源 codegeekz.com

内容总结

以上是互联网集市为您收集整理的20 款免费的 JavaScript 游戏引擎全部内容，希望文章能够帮你解决20 款免费的 JavaScript 游戏引擎所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1200974.html

来源：【匿名】

【上一篇】解决js中对象中属性是数组中对应元素，不能使用点数组元素（.数组[i]）来获取value值来循环，属性不能是数组元素array[i]的问题【下一篇】javascript 怎么调用php方法

更多 ►

【20 款免费的 JavaScript 游戏引擎】教程文章相关的互联网学习教程文章

Javascript闭包深入解析及实现方法【代码】【图】

1、什么是闭包闭包，官方对闭包的解释是：一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。闭包的特点：1. 作为一个函数变量的一个引用，当函数返回时，其处于激活状态。2. 一个闭包就是当一个函数返回时，一个没有释放资源的栈区。简单的说，Javascript允许使用内部函数—即函数定义和函数表达式位于另一个函数的函数体内。而且，这些内部函数可以访问它们所在的外部函数中...

Javascript 笔记与总结（1-4）this【代码】

js 中函数的 4 种调用方式：① 作为普通函数来调用，this 的值指向 window，准确地说，this 为 null，被解释成为 window。在 ECMAScript5 标准中，如果 this 为 null，则解释成 undefined<script> function t(){this.x = ‘hello‘; } t(); alert(window.x); </script>弹出：hello ② a.作为对象的方法来调用，this 指向方法的调用者，即该对象<script> var obj = {x:‘hello‘,y:‘world‘,t:function(){alert(this.x)}}; obj.t()...

JavaScript简介

Talk is cheap,Show me your code.JavaScript的历史1995年，Netscape公司的Brenda Eich为Netscape Navigator 2开始着手开发一种名为LiveScript的脚本语言（同时在浏览器和服务器中使用，在服务器上的名字叫LiveWire）。为按期完成开发，Netscape与Sun公司建立了开发联盟。1996年，在Netscape Navigator 2发布前夕，Netscape为蹭热度临时改名LiveScript为JavaScript。因为JavaScript 1.0获得巨大成功，Netscape在Netscape Navigator...

那些必须要知道的Javascript【代码】【图】

JavaScript是前端必备，而这其中的精髓也太多太多，最近在温习的时候发现有些东西比较容易忽略，这里记录一下，一方面是希望自己在平时应用的时候能够得心应手，另一方面也希望能给别人带来一点点的收获。一、JavaScript的==和===，即相等运算符和等同运算符。相等运算符，如果操作数有相同的类型，则判断其等同性，如果两个操作数的值相等，则返回true（相等），否则返回false（不相等）；如果类型不同，则按照...

JavaScript-----4.数据类型【代码】

1.变量的数据变量用来存储值的所在处，有名字和数据类型。变量的数据类型决定将如何代表这些值的位存储到计算机内存中。JavaScript是一种弱类型或者说是动态语言。不用提前声明变量的类型，在程序运行中变量会被自动确定。var age;//不确定类型 age = 10;//确定位整型而java\C中是int age = 10;//直接确定为整形python中可以不用声明age = 10;JavaScript拥有动态类型，同时也意味着相同的变量可以用作不同的类型var x = 6;//x为数...

unigui组件中client javascript delphi组件之间的操作

UniLabel组件：function OnClick(sender, e){ MainForm.UniLabel1.setText(‘Click!‘);}function Onmousemove(sender, x, y){ MainForm.UniLabel1.setPosition(x, y);} unibutton组件：function OnMouseout(sender, e){ sender.setText(‘Out‘);}uniedit组件function form.Onmousemove(sender, x, y){ MainForm.UniEdit1.setValue(x+‘ : ‘+y); ss=MainForm.UniEdit1.getValue();}原文：http://www.cnblogs.com/findumars/...

浏览器中的JavaScript执行机制：08 | 调用栈：为什么JavaScript代码会出现栈溢出？【代码】【图】

前言：该篇说明：请见说明 —— 浏览器工作原理与实践目录　　在上篇文章中，我们讲到了，当一段代码被执行时，JavaScript 引擎先会对其进行编译，并创建执行上下文。但是并没有明确说明到底什么样的代码才算符合规范。　　那么接下来我们就来明确下，哪些情况下代码才算是“一段”代码，才会在执行之前就进行编译并创建执行上下文。一般说来，有这么三种情况：　　1、当 JavaScript 执行全局代码的时候，会编译全局代码并创建...

JavaScript判断两个对象内容是否相等【代码】

ES6中有一个方法判断两个对象是否相等，这个方法判断是两个对象引用地址是否一致let obj1= {a: 1}let obj2 = {a: 1} console.log(Object.is(obj1, obj2)) // false let obj3 = obj1 console.log(Object.is(obj1, obj3)) // trueconsole.log(Object.is(obj2, obj3)) // false当需求是比较两个对象内容是否一致时就没用了。想要比较两个对象内容是否一致，思路是要遍历对象的所有键名和键值是否都一致：1、判断两个对象是否指向同一内...

蓝凌表单的表体调用Javascript【代码】

应用场景：像请假类表单会在从表输入开始时间、结束时间等字段需求1：客户希望根据开始、结束时间自动计算小时数解决方法：1、主表单增加一行，设三个字段[开始时间合计]、[结束时间合计]、[开始结束时间计算结果]在[开始结束时间计算结果]触发脚本calTime()。--计算时间段函数：calTime() --代码如下： var B=0; var E=0; var RowNum=document.all.edittable_OverTimeApplyDetail_tData.rows.length; for(var i=0;i<RowNum;i++) {...

细说JavaScript数据类型及转换【代码】

细说JavaScript数据类型及转换JavaScript数据类型 1.Boolean（布尔）布尔：（值类型）var b1=true;//布尔类型 2.Number（数字）数值：（值类型）var n1=3.1415926;//数值类型 n1.toFixed(3);//四舍五入保留3位小数。 3.String（字符串）var s1=‘hello‘;//字符串类型字符串：（值类型，字符串不可变特性） 4.Undefined（未定义） undefined属于值类型，与其他值计算得到的结果不是我们想要的，但与数据库中的null稍有区别，比如...

<a href="javascript:changePageAndSubmit(1)">首页</a>【代码】

<a>标签中href="javascript:;"表示什么意思？？<a id="jsPswEdit" class="set-item" href="javascript:;">修改密码</a> 有一种说法是：href="javascript:;"会去解析<script></script>里面的代码，跟当前<a>标签有关的就会执行,.没关的就跳过。是不是这样理解呢？最佳答案 <a> 标签的 href 属性用于指定超链接目标的 URL，href 属性的值可以是任何有效文档的相对或绝对 URL，包括片段标识符和 JavaScript 代码段。这里的href="java...

JavaScript强化教程——canvas【代码】

本文为 H5EDU 机构官方 HTML5培训教程，主要介绍：JavaScript强化教程 —— canvas使用 strokeText(): 使用 "Arial" 字体在画布上绘制一个高 30px 的文字（空心）： JavaScript: var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.font="30px Arial"; ctx.strokeText("Hello World",10,50);Canvas - 渐变渐变可以填充在矩形, 圆形, 线条, 文本等等, 各种形状可以自己定义不同的颜色。以下有两种不同...

JavaScript 之垃圾回收和内存管理【代码】

JavaScript 具有自动垃圾收集机制（GC：Garbage Collecation），也就是说，执行环境会负责管理代码执行过程中使用的内存。而在 C 和 C++ 之类的语言中，开发人员的一项基本任务就是手工跟踪内存的使用情况，这是造成许多问题的一个根源。在编写 JavaScript 程序时，开发人员不用再关心内存使用问题，所需内存的分配以及无用内存的回收完全实现了自动管理。这种垃圾收集机制的原理其实很简单：找出那些不再继续使用的变量，然后释放...

Javascript高级程序设计——面向对象之实现继承【代码】

原型链：　　构造函数中都有一个prototype属性指针，这个指针指向原型对象，而创建的实例也有指向这个原型对象的指针__proto__。当实例查找方法时先在实例上找，找不到再通过__proto__到原型对象上查找。如果原型对象是另一个类型的实例，那么原型对象包含一个指向另一个原型对象的指针、另一个原型对象中也包含指向另一个构造函数的指针。原型连继承function superValue(){this.superValue = "superValue"; }superValue.prototype...