问题标签 [phaser-framework]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
2981 浏览

javascript - 如何使用 PhaserJS 添加基本的世界碰撞?

我正在使用适用于 HTML5 的 PhaserJS 库开发一款新游戏,但遇到了一个问题,我不知所措。我将 P2 物理引擎用于基本平台物理,但我无法让世界边界碰撞工作。这是我的代码:

游戏.js

播放器.js

现在我的理解是我需要通过调用“game.world.setBounds(width, height)”来设置世界边界,然后通过调用“player.instance.body.collideWorldBounds = true;”来检查边界,但是玩家精灵仍在通过边界。任何帮助是极大的赞赏。谢谢!

编辑:我正在使用 PhaserJS 2.0.7。

0 投票
1 回答
916 浏览

javascript - 音频进入移相器?

我正在设计一款游戏,玩家将获得 4 种声音,他们必须猜测这些声音的共同点。它的工作原理与“4张图片1字”游戏完全一样,但玩家必须猜测声音而不是图片。

用户必须按 1、2、3 和 4 键才能听到声音。一旦玩家听到了这些声音,玩家就必须猜测这些声音的共同点。我如何编码玩家听到 4 个声音后输入单词来猜测的部分?

以第 1 关为例,玩家将听到猫、狗、鹦鹉和仓鼠的声音,并猜测这四种声音的共同点。玩家听到声音后会被告知该单词由 3 个字母组成,他们必须猜测它是什么。如果假设玩家插入字母“E”,则“E”将被插入丢失的单词中,玩家需要猜测剩余的单词。正确的词是“PET”。如何在 Phaser 中编码?

(顺便说一句,该游戏没有图形或动画,因为它是为盲人用户准备的)。

如果 ( game.input.keyboard.isDown ( Phaser.Keyboard.P ) { "

听到四个声音后我仍在尝试播放的输入不起作用。我不知道我哪里出错了。

我的代码:

0 投票
2 回答
2689 浏览

javascript - TexturePacker settings for phaser

Can anyone describe TexturePacker settings that work for phaser? I am using an atlas with the JSON hash format to place objects in my game... they are not even animated. But I am getting many "Cannot set frameName: someimage.gif" errors... what am i doing wrong? I actually did get it right once, with the free version of TexturePacker... then I bought it, tried to make some changes and cannot get it right again!

My TexturePacker settings:

Data:

Data Format: json (hash)

Texture

Texture format: PNG Pixel format: RGBA8888

Layout

Max size W/H: 4096 Size constraints: POT (Power of Two) Force squared: on Allow Rotation: off Detect identical Sprites: on

Sprites

Trim mode: Trim Trim/Crop Threshold: 1 Pivot Point: Center Extrude: 0 Border padding: 0 Shape padding: 0 Inner Padding: 0 Common divisor x: 1 y: 1

and nothing else turned on...

0 投票
1 回答
1014 浏览

javascript - 如何从停止Phaser中的碰撞检测中停止精灵大小的变化?

我正在使用 Phaser 开发一个小型 JavaScript 游戏,并且我有一个在某些点改变其大小的精灵。它使用该sprite.body.setSize方法执行此操作。然而,看起来精灵在改变大小时停止与它应该碰撞的对象发生碰撞。我理解它为什么这样做,因为精灵的边界在大小变化期间处于不断变化的状态,但我担心我的用户可以利用这个问题并穿过墙壁。我不确定如何让精灵在改变大小的过程中响应碰撞。有没有办法防止这种情况?

应 Supamiu 的要求进行编辑:

这是我在游戏中尝试做的一个简单示例。此外,这里是该示例的源代码。

你可以看到,如果你在精灵改变大小(和纹理)时推动墙的左侧,它可以穿过墙。

0 投票
1 回答
2249 浏览

javascript - Phaser、Tileset 和 Tilemap 透明度

我使用 Tiled 来制作地图。但是,在 Phaser 中渲染地图时,透明度似乎不起作用。

它在 Tiled 中按预期工作:

在此处输入图像描述

不幸的是,在使用 Phaser 渲染时不会:

在此处输入图像描述

主.js:

和 test.json:

0 投票
2 回答
2127 浏览

javascript - Phaser 中的精灵和装备精灵衣服

如何在 Phaser 中为精灵装备衣服?假设我使用以下内容:

http://opengameart.org/sites/default/files/human_base.png

http://opengameart.org/sites/default/files/styles/medium/public/16x18hair-clothingpack_preview2.png

我能想到的唯一方法是制作每个精灵的图像。必须有不同的方式,比如覆盖或其他什么?

0 投票
2 回答
1998 浏览

javascript - 如何在 Phaser 框架中通过按键长按来实现加速

我正在为客户开发我的第一个移相器游戏。比赛是一辆前进的汽车,它有两分钟的时间来进球。

我想在按下向上键的同时逐渐增加车速,直到达到限速。

我正在通过以下方式移动赛道而不是汽车:

所以,我的问题是:
如何控制 autoScroll 的速度来模拟加速?有没有办法知道按键按下了多少时间?这是完成这项工作的正确方法吗?

先谢谢了。

0 投票
1 回答
963 浏览

javascript - fixedToCamera 时改变 Phaser.Text 的位置

当 Phaser.Text 元素的属性 fixedToCamera 设置为 true 时,如何更改它的位置。在下面的代码中,counterText.x 的值总是重置为 45;

0 投票
1 回答
4030 浏览

javascript - 如何在 JavaScript (Phaser) 中延迟计时器的开始时间

我有一个 JavaScript 文件,我正在为使用 Phaser 框架的游戏处理,并且我有多个计时器,唯一的事情是我不确定如何让其中一个计时器在第一个计时器开始运行后一点点运行开始了。由于框架 JS 文件,我无法提供实际工作的代码,但我可以提供我正在使用的代码。

我不确定如何解决这个问题,如果有人可以帮助我,那就太好了!

0 投票
3 回答
1158 浏览

javascript - 使用 AngularJS/Phaser.io 和销毁方法进行游戏

我正在和朋友一起制作游戏,我们在使用 AngularJS 和 Phaser 时遇到了一些问题。

所以,我们有一个名为 game 的页面,它有一个模板、一个控制器和一个工厂。有一个页面将我们“重定向”到游戏页面(仅带有链接)。

在模板中:

在工厂:

在控制器中:

当然,还有更多的代码。

问题很简单:

如果我来到游戏页面,Phaser 会很好地加载游戏(我们只显示带有精灵的地图)。之后,我点击返回按钮并重新点击链接返回游戏页面。如果我这样做 7 次,控制台中会出现错误:

几秒钟后,我有这个错误:

我已经在网上搜索了,解决方法是:

  1. 使用 iFrame(我真的不认为 iFrame 是一个好的解决方案)
  2. 使用destory方法(不起作用)

你知道如何解决这个问题吗?

如果您有任何想法,请不要犹豫。即使您使用另一个游戏框架(也许它的工作方式相同)。