phaser2-点击区域物理元素随机旋转关注热度:210

核心代码解析： vargame=newPhaser.Game(800,600,Phaser.CANVAS,phaser-example,{preload:preload,create:create,update:update,render:render});functionpreload(){game.load.image(contra2,assets/pics/contra2.png);game.load.image(bunny,assets/s..[详情]

phaser2-p2physics物理引擎之元素点击事件关注热度:235

今天带来phaser3-p2physics物理引擎之元素点击事件 预览效果： 介绍： 主要是给物理元素绑定点击事件，如果点击到物理元素则根据这行代码获得命中 var bodies = game.physics.p2.hitTest(pointer...[详情]

phaser3入门思导图关注热度:333

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

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

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

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

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-瓦面地图关注热度:237

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-组概念关注热度:192

代码片段： 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-添加光源关注热度:161

今天学习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-移动端适配关注热度:413

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

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

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

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

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

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

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方法关注热度:169

场景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入门教程-快速入门关注热度:432

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

用Phaser来制作一个html5游戏——flappy bird （二）【转】关注热度:486

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

用Phaser来制作一个html5游戏——flappy bird （一）【转】关注热度:498

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

Phaser飞机大战讲义（三）关注热度:423

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

Phaser飞机大战讲义（二）关注热度:464

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

Phaser飞机大战讲义（一）关注热度:401

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

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

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

Phaser实现2048关注热度:488

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

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

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