流行的前端游戏引擎/框架

前端游戏引擎/框架

1 Pixi.js

是一个轻量级的2D渲染引擎,它能自动侦测使用WebGL还是Canvas来创建图形。这个库经常被用来制作HTML5游戏以及有复杂交互的H5活动页。

Pixi.js 主打轻量,性能卓越。

2 Phaser

是一个免费开源的桌面和移动 HTML5 2D 游戏开发框架,渲染内核使用Pixi.js。

支持 JavaScript 和 TypeScript。

官网:https://phaser.io/

3 CreateJs

免费开源,基于HTML5开发的一套模块化的库和工具。基于这些库,可以非常快捷地开发出基于HTML5的游戏、动画和交互应用。http://www.createjs.cc/

核心库分为四个,分别支持渲染、动画、预加载和音频,可以按需求加载对应库。

可以使用纯代码开发,或者使用 Adobe Animate 软件开发。Adobe Animate 软件可导出基于该库生成的代码。

4 Egret 白鹭引擎

知名的国产H5游戏引擎,只支持TypeScript开发,工具链完善,国内市场占有率过半。

6 Cocos2d-js

Cocos2d-x的js分支,老牌游戏引擎,工具链完善。

4 Three.js

基于HTML5 WebGL资深的3D库,可用于开发3D效果。

5 Babylon.js

出自微软http://www.babylonjs.com/

6 LayaBox

https://www.layabox.com/

后端框架

1 Pomelo Framework

由网易开源的基于Node.js 的高性能、分布式游戏服务器框架。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
web前端拼图小游戏是一个通过HTML、CSS和JavaScript实现的游戏。你可以使用该游戏来学习和练习前端开发技术。该游戏的源代码可以在引用中找到,作者是博主青丝缠光阴。这个拼图游戏的画面精美,非常适合初学者学习使用。 如果你想要使用该游戏作为HTML网页设计结课作业的一部分,可以根据你的需要进行定制和修改。引用提供了一些常见的网页设计题材,你可以选择其中之一来设计你的网页。同时,引用中提供了一些代码实现,你可以根据需要进行参考和使用。 总的来说,这个web前端拼图小游戏是一个很好的学习和练习前端开发技术的工具,你可以根据自己的需求来使用和定制。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Web前端小实践之拼图游戏.rar](https://download.csdn.net/download/UZDW_/12755504)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [web前端期末大作业--HTML+CSS+JS实现美女拼图游戏](https://blog.csdn.net/BYGFJ/article/details/121869002)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值