Phaser3

Phaser3 ES6+入门教程（7）——物理系统（2）之碰撞与重叠

上次说到世界边界的碰撞，这里说一下其它情况。首先要补充一点的是上次说静态体和静态体也会碰撞是不对的，因为静态体是不能动的，所以不能碰撞，因此只有动态体和动态体以及静态体和动态体（或者反过来）之间的碰撞。然后还有一个是重叠，碰撞和重叠的区别就在于一个会阻止前进，而另一个则不会。默认情况下，假设有两个物理体（一个动态，一个静态），那么它们之间是不会发生碰撞的，如果要让它们有这么一个效果，那么就要添加碰
遨游于学海·2024-02-06 15:50

Phaser3 ES6+入门教程

最近，在寻找一些HTML5的游戏引擎，发现一些比较知名的引擎还是原来那些，不过经过长久的时间发展，这些引擎也都更新了很多内容。最初，还是比较喜欢cocos的，但是cocos3.x虽然依然支持JavaScript，但是编辑器中只能新建TypeScript了。所以，最终还是选择了Phaser。在Github上，Phaser的Stars是cocos的3倍。然而，Phaser的中文资料少之又少，很多英文资
遨游于学海·2024-01-22 17:10

Phaser3 ES6+ 入门教程（2）——输入系统

这一篇文章，让我们来看看Phaser3中的输入系统。所谓的输入系统，指的是全局事件，即键盘输入、鼠标输入、游戏手柄输入等。
遨游于学海·2024-01-18 04:54

Phaser3 ES6+ 入门教程（3）——输入系统（2）

前面一小节，我们讲了键盘输入，这里补充一下关于鼠标的。键盘事件是通过Phaser.Scene.input.keyboard.on()方法添加事件监听器的，但是鼠标事件和部分其它事件，则是通过Phaser.Scene.input.on()方法来添加事件监听器的。在鼠标事件中，虽然本教程中称为鼠标事件，但是具体指的是点击事件，在PC端就是使用鼠标点击，在移动端就是用手指点击。因此，在Phaser中，该
遨游于学海·2024-01-11 03:28

Phaser3 ES6+ 入门教程（4）——动画

Phaser3中，有补间动画（Tween）和逐帧动画（Animation）两种，使用这两类动画，我们可以很容地做出一些动态效果。
遨游于学海·2024-01-09 02:42

Phaser3 ES6+ 入门教程（6）——物理系统

Phaser3有三种物理引擎可供选择，Arcade、Matter和Impact，其中Arcade是一种简单快速的物理引擎，因此只能进行一些简单的处理，我们从Arcade开始，过几篇之后再讲其它的。
遨游于学海·2023-11-20 20:12

phaser3入门教程-从零开始开发一个打砖块游戏

项目代码项目代码体验一下空格开始，左右箭头控制移动体验一下Phaser简介Phaser是一个HTML5游戏框架。它使用了许多HTML5API，例如Canvas，WebGL，Audio，Gamepad等，并添加了一些有用的逻辑，例如管理游戏循环并为我们提供了物理引擎。使用Phaser，我们可以只用HTML，CSS和JavaScript来构建2D游戏。项目需求在使用Phaser构建Breakout克隆
__豆约翰__·2023-09-24 18:21

环球飞行--图片替换

分数牌跟随主角移动这个分数牌物体跟随主角移动，暂时在phaser3没找到，phaser2里的镜头模块找到了，这步暂停。
alan6bu6·2023-09-02 03:35

好玩的H5小游戏·圈小猫~

这个小游戏是ganlv大佬使用Phaser3游戏引擎，迁移自ChatNoir，仿写的一个H5小游戏。初次见面是在吾爱破解的404页面，觉得这游戏挺好玩就去github了解了一下。githu
hojun·2023-06-15 13:02

Phaser3中使用纹理集创建动画

创建纹理集这里我使用TexturePacker把事先准备好的素材生成Phaser3支持的纹理集，TexturePacker使用非常简单，官网有教程，这里不多赘述json文件中记录的都是关于纹理集中每一帧的位置
随便看看用户·2020-12-17 23:37

Phaser3中使用纹理集创建动画

创建纹理集这里我使用TexturePacker把事先准备好的素材生成Phaser3支持的纹理集，TexturePacker使用非常简单，官网有教程，这里不多赘述json文件中记录的都是关于纹理集中每一帧的位置
随便看看用户·2020-08-24 16:04

开发第一个Phaser3游戏

1.前言这是我们第一个用Phaser3开发游戏的教程。我们将学习如何创建一个小游戏，包括玩家在平台上跑和跳，收集星星并避免一些不好的行为。什么是Phaser？
AndyFree96·2020-08-24 16:18

Phaser3入门

本文我们将学习搭建可以用Phaser进行游戏开发的环境，包括一个本地Web服务器，IDE，最新版本的Phaser，并确保它们能正常工作。为什么需要一个本地Web服务器？如果我们写了HTML网页，将这个文件拖到浏览器中，可以看到最终相应的效果。还可以将整个网页“另存为”，再打开的话，可以看到没有什么很大的不同。这两种方法都起作用，为什么不能将HTML5游戏拖动到浏览器中运行它呢？这与访问文件的协议有
AndyFree96·2020-08-24 16:37

【译】Phaser3 入门教程（附带webpack版本，见part1）

player物理精灵动画Part6-物体速度：一个物理世界Part7-用键盘操纵playerPart8-星尘Part9-分数的实现Part10-弹跳炸弹结论网上没翻到对应的中文版，故而我学习的时候随手翻译了一下Phaser3
tiger_BeA·2020-08-24 14:12

[phaser3学习]使用phaser3做一款飞刀小游戏

前言phaser作为一款流行的游戏/动画框架,受到很多web开发者的青睐,最近笔者在逛意大利开发者:emanueleferonato论坛的时候发现了这款小游戏,所以就照着说明做了一下,在这里记录下来.开发准备nodejs+npmhttp-server插件phaser脚本飞刀和靶子的图像或者gitclonehttps://github.com/YexChen/canvas_game.git这个项目里
比那名居天子·2020-08-24 14:08

[phaser3入门探坑]使用phaser3制作山寨马里奥

今年1月新发布了phaser3，到今天为止已经更新到了3.30。声明本游戏来自于phaser小站的官方教程，加入了一些个人的注释，本文旨在帮助各位观众老爷快速上手。
比那名居天子·2020-08-24 14:14

Phaser3跟随自定义路径移动的赛车 -- iFIERO游戏教程

在线预览：http://www.ifiero.com/uploads/phaser/pathrotate/代码：varconfig={type:Phaser.AUTO,width:720,height:520,backgroundColor:'#2d2d2d',parent:'phaser-example',scene:{preload:preload,create:create}};vargam
布袋的世界·2020-08-02 22:07

Phaser3让超级玛丽实现轻跳、高跳及加上对应的跳跃声音

在线测试地址：http://www.ifiero.com/uploads/phaserjs3/jumper/空格键：轻按：跳低，长按：跳高键盘：–>向右,0){if(cursors.left.isDown&&player.body.velocity.x>-50){player.body.velocity.x-=10;}}else{if(cursors.right.isDown&&player.bo
布袋的世界·2020-08-02 22:06

Phaser3 屏幕适配iPhoneX、iPhoneXS的坑 -- JavaScript Html5 游戏开发

坑：在config内不要把width设为window.innnerWidth在config内不要把width设为window.innnerWidth在config内不要把width设为window.innnerWidth重要的事情得说三遍…vargame;//oncethewindowloads...window.onload=function(){//接收websocket;//configof
布袋的世界·2020-08-02 22:06

用EC5/EC6自定义class的区别及用法 -- Phaser3网页游戏框架

EC6自定义classclassBrainextendsPhaser.GameObjects.Sprite{constructor(scene,x,y){super(scene,x,y);this.setTexture('brain');this.setPosition(x,y);}preUpdate(time,delta){super.preUpdate(time,delta);this.rot
布袋的世界·2020-08-02 22:06

使用 pixi.js 开发微信小游戏

colloc源码phaser3版微信开发者工具里打包编译实在是太弱。不建议小伙伴使用，建议通过输出webpack打包后的game.js文件同时去掉开发工具里一些编译选项。
JetLu·2020-07-30 16:17

Phaser3入门

本文我们将学习搭建可以用Phaser进行游戏开发的环境，包括一个本地Web服务器，IDE，最新版本的Phaser，并确保它们能正常工作。为什么需要一个本地Web服务器？如果我们写了HTML网页，将这个文件拖到浏览器中，可以看到最终相应的效果。还可以将整个网页“另存为”，再打开的话，可以看到没有什么很大的不同。这两种方法都起作用，为什么不能将HTML5游戏拖动到浏览器中运行它呢？这与访问文件的协议有
AndyFree96·2020-07-12 04:54

开发第一个Phaser3游戏

1.前言这是我们第一个用Phaser3开发游戏的教程。我们将学习如何创建一个小游戏，包括玩家在平台上跑和跳，收集星星并避免一些不好的行为。什么是Phaser？
AndyFree96·2020-07-12 04:54

全新 Phaser 3 游戏引擎特性一览

目前Phaser存在三个版本：分别是Phaser2版本、社区版本PhaserCE和最新版本Phaser3。关于P
凹凸实验室·2020-07-10 00:26

Phaser3 Scene切换及animation记录

记录一、场景的构造Game构造varconfig={type:Phaser.AUTO,parent:'phaser-example',width:window.innerWidth,height:window.innerHeight,backgroundColor:0x444444,scene:{preload:preload,create:create}};//CreateanewPhaserG
宇拓信息·2020-04-14 05:44

Phaser3 对象池随机产生炸弹并销毁 -- HTML网游教程

效果图对象池ObjectPoolscene.js///'usestrict';varBootScene=newPhaser.Class({Extends:Phaser.Scene,initialize:functionBootScene(){Phaser.Scene.call(this,{key:'Boot',active:true//listeningresizeevent;});},init:
布袋的世界·2020-04-03 02:53

Phaser3跟随自定义路径移动的赛车 -- iFIERO游戏教程

racingcar在线预览：http://www.ifiero.com/uploads/phaser/pathrotate/代码：varconfig={type:Phaser.AUTO,width:720,height:520,backgroundColor:'#2d2d2d',parent:'phaser-example',scene:{preload:preload,create:create
布袋的世界·2020-03-26 12:55

用EC5/EC6自定义class的区别及用法 -- Phaser3网页游戏框架

customclassEC6自定义classclassBrainextendsPhaser.GameObjects.Sprite{constructor(scene,x,y){super(scene,x,y);this.setTexture('brain');this.setPosition(x,y);}preUpdate(time,delta){super.preUpdate(time,delt
布袋的世界·2020-03-26 05:50

Phaser3让超级玛丽实现轻跳、高跳及加上对应的跳跃声音

mariojumper在线测试地址：http://www.ifiero.com/uploads/phaserjs3/jumper/空格键：轻按：跳低，长按：跳高键盘：-->向右,0){if(cursors.left.isDown&&player.body.velocity.x>-50){player.body.velocity.x-=10;}}else{if(cursors.right.isDow
布袋的世界·2020-03-22 15:15

Phaser3游戏三角学应用--一只跟随屏幕点击位置游动的鱼

fishfish资源图:fish-136x80.pngundersea-bg.png代码varconfig={type:Phaser.AUTO,parent:'iFiero',//gameid;html中为width:500,height:380,scene:{preload:preload,create:create}};vargame=newPhaser.Game(config);//初始化代
布袋的世界·2020-02-09 16:50

Phaser3屏幕适配iPhoneX、iPhoneXs的坑 -- JavaScript Html5 游戏开发

PhaserJS坑：在config内不要把width设为window.innnerWidth在config内不要把width设为window.innnerWidth在config内不要把width设为window.innnerWidth重要的事情得说三遍...vargame;//oncethewindowloads...window.onload=function(){//接收websocket;
布袋的世界·2020-02-09 13:03

Phaser3 场景Scene之间的传值 -- HTML网页游戏开发

PHASERJS3一、首先当然得有至少有二个场景sceneA.js,sceneB.js二、从场景A传值到场景B二种方法1)通过事件this.events.emit('eventkey',{objKey:objValue});从sceneA通过ths.events.emit时传值到sceneB时有个需要特别注的事项就是，得把sceneB的active设为ture,否则因为sceneB还未激活，是监听
布袋的世界·2020-02-08 00:58

环球飞行模拟器之镜头移动

（或者这个回调函数里写背景变换，这样设计不是很好，因为需要准备的图片比较多）镜头移动实际上phaser3提供了镜头的物理实体，先看代码：this.cameras.main.setBounds(0,0,1920
alan6bu6·2019-03-31 23:49

【译】Phaser3 入门教程（附带webpack版本，见part1）

player物理精灵动画Part6-物体速度：一个物理世界Part7-用键盘操纵playerPart8-星尘Part9-分数的实现Part10-弹跳炸弹结论网上没翻到对应的中文版，故而我学习的时候随手翻译了一下Phaser3
tiger_BeA·2018-07-26 00:00

[phaser3学习]使用phaser3做一款飞刀小游戏

前言phaser作为一款流行的游戏/动画框架,受到很多web开发者的青睐,最近笔者在逛意大利开发者:emanueleferonato论坛的时候发现了这款小游戏,所以就照着说明做了一下,在这里记录下来.开发准备nodejs+npmhttp-server插件phaser脚本飞刀和靶子的图像或者gitclonehttps://github.com/YexChen/canvas_game.git这个项目里
比那名居天子·2018-07-06 00:00

[phaser3入门探坑]使用phaser3制作山寨马里奥

今年1月新发布了phaser3，到今天为止已经更新到了3.30。声明本游戏来自于phaser小站的官方教程，加入了一些个人的注释，本文旨在帮助各位观众老爷快速上手。
比那名居天子·2018-03-26 00:00
上一页 1 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他