网站地图    收藏    合作   

主页 > 游戏引擎 > Phaser游戏引擎 >

 Phaser游戏引擎




自学php网翻译----纯中文API  QQ群号:410138145,

加群领取会员币,可享有免费中文文档     ->    
群号:410138145

请按CTRL+D收藏本页.

phaser2中文文档
http://www.zixuephp.com/manual/phaser/name/index.html

phaser3中文文档
http://www.zixuephp.com/manual/phaser3/name/index.html

 

    Phaser是一种快速、自由和乐趣的开源HTML5游戏框架。它使用一个自定义构建的WebGL和画布渲染跨桌面和移动浏览器pixi.js。游戏可以编译iOS,通过第三方工具如茧Android和桌面应用程序,科尔多瓦电子。

    随着美妙的开源社区的相位是积极开发和利用光子风暴有限公司保持。由于快速的支持和开发人员友好的API移相器是目前最主演的游戏框架在GitHub上。

    全球数以千计的开发者使用它。从印度和多国数字机构到学校和大学。每一个创造自己的不可思议的游戏。抓住源,加入乐趣!

官方API:
http://shouce.zixuephp.com/phaser/docs/index.html
延伸阅读:
http://www.swjxzy.com/plus/list.php?tid=89
所有demo:
https://www.phaser-china.com/show.html
 

  • phaser3入门思导图关注热度:116

    新加入思维脑图,方便大家入门,后续会持续完善.....[详情]

  • phaser3-实现瓦片地图

    phaser3-实现瓦片地图关注热度:232

    phaser3如何实现瓦片地图? 如上图所示首先要准备一个工具 Tiled 然后把准备好的图片精灵导入进工具里面,随便涂涂画画,很简单,网上有资料。 最后导入JSON格式的瓦片文件给phaser3使..[详情]

  • phaser3-瓦片地图2

    phaser3-瓦片地图2关注热度:156

    varconfig={type:Phaser.AUTO,width:800,height:600,parent:phaser-example,pixelArt:true,backgroundColor:#1a1a2d,scene:{preload:preload,create:create}};vargame=newPhaser.Game(config);functionpreload(){this.load.image(tiles,assets/tilemaps/tiles..[详情]

  • phaser3-瓦面地图

    phaser3-瓦面地图关注热度:120

    varconfig={type:Phaser.WEBGL,width:800,height:600,backgroundColor:#2d2d2d,parent:phaser-example,pixelArt:true,scene:{preload:preload,create:create,update:update}};vargame=newPhaser.Game(config);varcontrols;varmap;functionpreload(){this.load..[详情]

  • phaser3-组概念

    phaser3-组概念关注热度:93

    代码片段: varconfig={type:Phaser.AUTO,width:800,height:600,backgroundColor:#2d2d2d,parent:phaser-example,scene:{preload:preload,create:create}};vargame=newPhaser.Game(config);functionpreload(){this.load.image(cokecan,assets/sprites/co..[详情]

  • phaser3-添加光源

    phaser3-添加光源关注热度:53

    今天学习phaser3如何添加光源 源码解读: this.lights.enable(); this.lights.setAmbientColor(0x808080); var spotlight = this.lights.addLight(100, 100, 180).setIntensity(6); setIntensity(6) 实列: var config = { type: Phaser.WE..[详情]

  • phaser3-移动端适配

    phaser3-移动端适配关注热度:100

    代码如下: //ThisScenehasnoaspectratiolock,itwillscaletofitthebrowserwindow,butwillzoomtomatchtheGameclassBackgroundSceneextendsPhaser.Scene{gameScene;layer;constructor(){super(BackgroundScene);}preload(){this.load.image(guide,assets/tes..[详情]

  • phaser3-如何给元素添加点击事件

    phaser3-如何给元素添加点击事件关注热度:22

    相信很多接触phaser3的小白,发现phaser3和phaser2文档有很大出入,又都是英文的,很难受。 连基本的点击事件都处理不了, 经过我发现,phaser3的元素点击事件默认情况下是不开启的,需..[详情]

  • phaser3-物理引擎详解

    phaser3-物理引擎详解关注热度:182

    phaser3官方给的案例来说: 官方给出的是一个LOGO在屏幕中来回跳跃,LOGO设置的是物理引擎, 代码如下: functioncreate(){this.add.image(400,300,sky);varparticles=this.add.particles(red);//此处是设置粒子..[详情]

  • phaser3入门教程-镜头点击切换关注热度:84

    classExampleextendsPhaser.Scene{constructor(){super();}preload(){this.load.image(map,assets/tests/camera/earthbound-scarab.png);}create(){this.cameras.main.setBounds(0,0,1024,2048);this.add.image(0,0,map).setOrigin(0);this.cameras.main.setZ..[详情]

  • phaser3入门教程-场景A调用场景B方法关注热度:79

    场景A调用场景B方法 varSceneA=newPhaser.Class({Extends:Phaser.Scene,initialize:functionSceneA(){Phaser.Scene.call(this,{key:sceneA});},create:function(){varsceneB=this.scene.get(sceneB);//获得场景Bthis.input.on(pointerup,function..[详情]

  • phaser3入门教程-快速入门

    phaser3入门教程-快速入门关注热度:131

    第一节 - 前言 欢迎来看我们的第一个Phaser 3 游戏实例教程!在此我们将学习怎样做一个小游戏,它会有个玩家(player)在平台(platform)上来回跑、跳,收集星星,躲避坏蛋。在此过程..[详情]

  • phaser3入门教程-场景切换

    phaser3入门教程-场景切换关注热度:106

    以下代码是创建2个场景,每次点击时候切换场景,每个场景都是单独随机创建一堆元素。 场景切换代码: this.scene.start(sceneA); classSceneAextendsPhaser.Scene{constructor(){super({key:sceneA});}preload()..[详情]

  • phaser入门视频教程关注热度:481

    phaser入门视频教程..[详情]

  • phaser教程之相机camera

    phaser教程之相机camera关注热度:384

    相机 Camera 1. 镜头跟随 实现游戏角色在大地图中的镜头跟随效果,角色保持在镜头中间,靠近边界时镜头也不会超出地图边界。 game.physics.startSystem(Phaser.Physics.P2JS); player = game.add.sprite..[详情]

  • phaser经常用到的API大全关注热度:890

    今天带来phaser经常用到的API大全,这篇文章很值得今后资料查找学习,请大家务必收藏。 1. 游戏画布的尺寸 var width = game.width, height = game.height; 2. 中心点坐标 var game = new Phaser.Game(...);..[详情]

  • 如何使用TexturePacker为Phaser 3创建精灵表

    如何使用TexturePacker为Phaser 3创建精灵表关注热度:618

    本教程涵盖了Phaser 3。如果您仍在使用Phaser 2,请访问 如何为Phaser 2创建精灵表 。 你将学到什么 使用TexturePacker创建精灵表 在Phaser 3中加载精灵表 使用TexturePacker设置轴心点 从精灵表中..[详情]

  • Phaser微信小游戏开发教程三

    Phaser微信小游戏开发教程三关注热度:331

    今天带来Phaser微信小游戏开发教程三教程, 写在前面的话:这篇文章涉及到一些后端知识,这里不会放出服务器代码,想要代码的同学可以加入QQ群,找站长要。 微信登录几乎是每个游..[详情]

  • Phaser微信小游戏开发教程二

    Phaser微信小游戏开发教程二关注热度:578

    今天带来Phaser微信小游戏开发教程二教程, 废话不多说,依次列举下上一篇移植过来后的一些bug。 Canvas的替换 上一篇中讲到,微信小程序中只能使用adapter里面的canvas进行绘制。我们修..[详情]

  • Phaser微信小游戏开发教程一

    Phaser微信小游戏开发教程一关注热度:606

    今天带来Phaser微信小游戏开发教程一, 微信小游戏的开放,让无数游戏开发者,特别是H5游戏开发者看到了机会。依靠微信的流量和社交平台,游戏很容易获取用户和传播,做得好的话..[详情]

  • 用Phaser来制作一个html5游戏——flappy bird (二)【转】

    用Phaser来制作一个html5游戏——flappy bird (二)【转】关注热度:404

    在上一篇教程中我们完成了boot、preload、menu这三个state的制作,下面我们就要进入本游戏最核心的一个state的制作了。play这个state的代码比较多,我不会一一进行说明,只会把一些关键的..[详情]

  • 用Phaser来制作一个html5游戏——flappy bird (一)【转】

    用Phaser来制作一个html5游戏——flappy bird (一)【转】关注热度:420

    Phaser是一个简单易用且功能强大的html5游戏框架,利用它可以很轻松的开发出一个html5游戏。在这篇文章中我就教大家如何用Phaser来制作一个前段时间很火爆的游戏:Flappy Bird,希望大家..[详情]

  • Phaser飞机大战讲义(三)

    Phaser飞机大战讲义(三)关注热度:346

    作者:channingbreeze 日期:2017-03-19 Phaser实战系列教程第三课,以飞机大战为素材,讲述了Phaser中通过Group实现对象池的思想与技巧,实现飞机子弹,敌机的性能优化,完善游戏剩余部分,..[详情]

  • Phaser飞机大战讲义(二)

    Phaser飞机大战讲义(二)关注热度:377

    作者:channingbreeze 日期:2017-03-12 Phaser实战系列教程第二课,以飞机大战为素材,讲述了Phaser中精灵的使用,定位技巧,逐帧动画和渐变动画的使用技巧,介绍了Phaser中的物理引擎,详..[详情]

  • Phaser飞机大战讲义(一)

    Phaser飞机大战讲义(一)关注热度:333

    作者:channingbreeze 日期:2017-03-04 Phaser实战系列教程第一课,以飞机大战为素材,讲述了Phaser中游戏的基本概念,Phaser中关键的几个类,Phaser中的场景的深入理解,Phaser中加载资源的一..[详情]

  • Phaser实现水果忍者

    Phaser实现水果忍者关注热度:514

    作者:channingbreeze 日期:2016-11-23 作为一个游戏引擎,不能仅仅实现简单的游戏,这次挑战了水果忍者。水果忍者,游戏玩起来简单,实现起来有一定难度,因为很多效果,很多逻辑,..[详情]

  • Phaser实现2048

    Phaser实现2048关注热度:397

    作者:channingbreeze 日期:2016-12-11 2048作为前段时间十分火爆的小游戏,以其简单的操作,有趣的玩法,一下子从小游戏的角逐中脱颖而出。本教程通过phaser来实现了一个标准版的2048,可..[详情]

  • Phaser实现飞机大战

    Phaser实现飞机大战关注热度:399

    作者:channingbreeze 日期:2016-10-04 相信微信的飞机大战游戏,大家还记忆犹新。是的,H5的小游戏就是这样,拥有病毒性传播能力。今天,我就带着大家用phaser来实现一款简版的飞机大战..[详情]

  • Phaser实现Flappybird

    Phaser实现Flappybird关注热度:317

    作者:channingbreeze 日期:2016-09-10 Flappybird小游戏曾经风靡全世界,虽然是一款非常简单的小游戏,但是却非常容易让人上瘾,一只呆萌的小鸟,几根绿色的柱子,随着手指的点击,在屏..[详情]

  • Phaser入门教程

    Phaser入门教程关注热度:513

    作者:channingbreeze 日期:2016-09-05 Phaser是一款相当强悍的HTML5游戏引擎,它最大的特点就是入门超级简单,不需要复杂的环境,不需要复杂的概念,更不需要复杂的IDE,它只需要你会一点..[详情]

  1. 130条记录

栏目列表一览

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com