phaser
peade
前端开发
展开
-
phaser3学习笔记:iOS下 load video bug
问题今天在开发的时候,试出来了一个bug,在iOS下,用load.video加载视频,会阻塞其他代码执行,最终导致整个页面没有反应。而在安卓下则没有这个问题。解决方法没有,在issue上看到了一个类似的bug,但是issue状态没有关闭,似乎没有解决。...原创 2020-06-11 17:48:34 · 824 阅读 · 0 评论 -
Phaser3 学习笔记:示例及代码汇集
项目项目git地址展示地址资料来源phaser官网上的示例代码 链接phaser小站示例游戏 链接原创 2020-06-11 09:31:57 · 510 阅读 · 0 评论 -
Phaser学习笔记:游戏demo:MassAttack 平衡下落球
游戏是phaser官方示例里的,相关素材,后续提供。import Phaser from 'phaser'class MassAttack extends Phaser.Scene { constructor() { super({ key: 'MassAttack' }) this.gameOptions = { maxDiameter: 1, ballGrowingSpeed: 0.015, balanceFriction: 400原创 2020-06-09 17:22:30 · 264 阅读 · 0 评论 -
phaser3学习笔记:视频播放
播放视频,找了半天,后来发现没有代码。先空着吧。原创 2020-06-04 10:08:47 · 467 阅读 · 0 评论 -
phaser3学习笔记:camera
#### camera文档描述The Camera Manager is a plugin that belongs to a Scene and isresponsible for managing all of the Scene Cameras.By default you can access the Camera Manager from within a Scene usingthis.cameras, although this can be changed in your game原创 2020-05-30 16:08:43 · 769 阅读 · 0 评论 -
phaser3学习笔记:贪吃蛇游戏
素材文件后续提供示例代码来自phaser官方例子。抄代码的时候,做了些es6改造。这个游戏代码,我没完全理解清楚。import Phaser from 'phaser'// 贪吃蛇食物class Food extends Phaser.GameObjects.Image { constructor(scene, x, y) { super(scene) this.setTexture('food') this.setPosition(x * 16, y * 16)原创 2020-05-29 21:38:08 · 434 阅读 · 0 评论 -
phaser3学习笔记:tween
示例代码素材 后续提供import Phaser from 'phaser'class GameScene extends Phaser.Scene { constructor() { super({ key: 'GameScene' }) } preload() { this.load.image('block', 'assets/example/tween/block.png') } create() { this.add.image(100, 10原创 2020-05-29 09:59:46 · 923 阅读 · 0 评论 -
phaser3学习笔记:scene数据交换
代码素材后续提供下载链接import Phaser from 'phaser'class GameScene extends Phaser.Scene { constructor() { super('GameScene') this.score = 0 this.lives = 6 } preload() { this.load.image('bg', 'assets/example/scene/sky4.png') this.load.imag原创 2020-05-28 14:23:00 · 881 阅读 · 0 评论 -
Phaser笔记:particles emitZone, deathZone
示例代码素材:下载地址import Phaser from 'phaser'class GameScene extends Phaser.Scene { constructor() { super() } preload() { this.load.atlas('flares', 'assets/example/particles/flares.png', 'assets/example/particles/flares.json') } create() {原创 2020-05-27 17:17:24 · 286 阅读 · 0 评论 -
phaser笔记:粒子跟随物体
import Phaser from 'phaser'class GameScene extends Phaser.Scene { constructor() { super() } preload() { this.load.image('sky', 'assets/example/particles/space3.png') this.load.image('logo', 'assets/example/particles/phaser3-logo.png')原创 2020-05-27 16:14:33 · 524 阅读 · 0 评论 -
phaser学习笔记:粒子acceleration
示例代码素材链接import Phaser from 'phaser'class GameScene extends Phaser.Scene { constructor() { super() } preload() { this.load.atlas('flares', 'assets/example/particles/flares.png', 'assets/example/particles/flares.json') } create() {原创 2020-05-27 12:59:33 · 638 阅读 · 0 评论 -
Phaser在单页面应用中加载资源
Phaser加载资源,用的是自带的load方法,这个方法,并不兼容webpack中的import和require。最合适的做法,是把需要用的资源文件,都放到静态资源目录里,然后通过Phaser自带的工具加载。在Vue项目里,最合适的做法是,把图片等资源放到public目录下,然后通过绝对地址来加载目录结构如下图所示:所有有关phaser游戏开发的资源,都放在public/assets目录下面。进行加载资源时:preload() { this.load.image('bullet', 'a原创 2020-05-26 14:52:12 · 584 阅读 · 0 评论 -
phaser学习笔记:物理系统arcade基础平台
import Phaser from 'phaser'class GameScene extends Phaser.Scene { constructor() { super({ key: 'GameScene' }) // 平台 this.platforms = null // 移动的平台 this.movingPlatform = null // 游戏角色 this.player = null // 星星 this.star原创 2020-05-25 15:32:51 · 849 阅读 · 0 评论 -
phaser3笔记:setBounce、setVelocity
示例的里的代码,使用的物理引擎是arcade,里面涉及运动碰撞弹跳的,会有两个方法,setBounce 和 setVelocity, 这两个方法字面意义都挺清晰的,我理解起来,花了一点时间,这里记录一下。设置弹跳 setBounce官方文档是是这么描述的setBounce(x [, y])Sets the bounce values of this body.Bounce is the amount of restitution, or elasticity, the body has when原创 2020-05-17 22:26:01 · 1029 阅读 · 0 评论 -
phaser学习笔记1
移动端全屏咨询了一个用phaser做过游戏的同学的方案,以及网上查了一下相关资料。全屏的解决方案,基本都是要先读取屏幕的宽高,根据宽高再去设置Game的width和height。在宽高的获取和使用上,还要考虑屏幕缩放尺寸问题(devicePixelRatio)。这就是屏幕的真实像素和逻辑像素比例,避免出现显示模糊。加载图片尺寸这是紧接着上一个问题需要考虑的问题。当适配不同屏幕时,Game...原创 2020-01-11 20:16:52 · 566 阅读 · 0 评论 -
Phaser3学习笔记:背景无限滚动
phaser3 简单实现背景滚动的方式是使用tileSpriteclass GameScene extends Phaser.Scene { constructor() { super({ key: 'GameScene' }) } preload(){ this.load.image('bg', 'bg img path') } create() { // 添加进来的图片,默认origin值是[0.5, 0.5], // 把图片从放在0,0的位置时,需要设置一原创 2020-05-13 18:07:02 · 1032 阅读 · 0 评论