![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Html游戏
布袋的世界
布袋的世界...
展开
-
PHASERJS3 应用对象池随机产生炸弹并销毁 -- JavaScript Html5 游戏开发
scene.js/// <reference path="../../libs/phaser/phaser.min.js"/> 'use strict';var BootScene = new Phaser.Class({ Extends: Phaser.Scene, initialize: function BootScene() { ...原创 2018-11-09 16:05:19 · 646 阅读 · 0 评论 -
Phaser Matter Collision Plugin 碰撞插件 -- iFiero技术分享
Phaser 自带的Arcade虽然易用,但复杂的物理碰撞明显就不够用了,于是Matter等物理引擎还是不得不学的,以下是Matter物理体碰撞的一个插件,它省去了我们判别两个物理体相撞后哪个是gameObjectA和gameObjectB,实在是好用又省心,特推荐如下:引入插件:const config = { // ... physics: { default: "mat...原创 2018-12-13 14:17:00 · 789 阅读 · 0 评论 -
Phaser3跟随自定义路径移动的赛车 -- iFIERO游戏教程
在线预览:http://www.ifiero.com/uploads/phaser/pathrotate/代码:var config = { type: Phaser.AUTO, width: 720, height: 520, backgroundColor: '#2d2d2d', parent: 'phaser-example', scen...原创 2018-12-07 17:24:48 · 953 阅读 · 0 评论 -
Phaser3让超级玛丽实现轻跳、高跳及加上对应的跳跃声音
在线测试地址:http://www.ifiero.com/uploads/phaserjs3/jumper/空格键:轻按:跳低 ,长按:跳高键盘:–> 向右 , <-- 向左请确保已打开电脑的音乐开关var config = { type: Phaser.AUTO, width: 650, height: 450, parent: "ifie...原创 2018-12-03 10:55:34 · 1720 阅读 · 0 评论 -
用EC5/EC6自定义class的区别及用法 -- Phaser3网页游戏框架
EC6 自定义classclass Brain extends Phaser.GameObjects.Sprite { constructor (scene, x, y) { super(scene, x, y); this.setTexture('brain'); this.setPosition(x, y); }...原创 2018-12-04 16:12:43 · 480 阅读 · 0 评论 -
PHASER3 设置场景SCENE SLEEPING休眠和WAKE唤醒
A good way to set scene stop when hidden and run while visible again !使用sleep和wake方法的好处:1.可以彻底让scene场景彻底休眠2.update function不会再运行3.同时会暂停场景内的Timer事件GameScene.js代码// phaser version 3.15.0// 监听是否当前...原创 2018-11-20 18:00:22 · 952 阅读 · 0 评论 -
Phaser3游戏三角学应用--一只跟随屏幕点击位置游动的鱼
资源图:代码var config = { type: Phaser.AUTO, parent: 'iFiero', // game id; html中为 <div id="iFiero"></div> width: 500, height: 380, scene: { preload: preload, ...原创 2018-11-15 13:15:59 · 928 阅读 · 0 评论 -
Phaser3 场景Scene之间的传值 -- HTML JAVASCIRPT 网页游戏开发
一、首先当然得有至少有二个场景sceneA.js,sceneB.js二、从场景A传值到场景B二种方法1)通过事件this.events.emit(‘event key’,{objKey:objValue});从sceneA通过 ths.events.emit时传值到sceneB时有个需要特别注的事项就是,得把sceneB的 active设为 ture,否则因为 sceneB还未激活,是监听...原创 2018-11-08 15:32:36 · 1718 阅读 · 0 评论 -
Phaser3 屏幕适配iPhoneX、iPhoneXS的坑 -- JavaScript Html5 游戏开发
巨坑:在config内不要把 width 设为 window.innnerWidth在config内不要把 width 设为 window.innnerWidth在config内不要把 width 设为 window.innnerWidth重要的事情得说三遍…var game;// once the window loads...window.onload = function (...原创 2018-11-07 11:45:00 · 2554 阅读 · 0 评论 -
Phaser游戏框架与HTML Dom元素之间的通信交互
本想按照PHASER的HTML Dom元素官方实例:http://labs.phaser.io/index.html?dir=game objects/dom element/&q= 来创建HTML DOM元素,但this.add.dom 一直提示错误,无奈直接用HTML5的语法来创建DOM元素,然后在Phaser内获取该DOM元素,也不用再使用第三方的Phaser Html Input插...原创 2018-12-29 11:36:49 · 596 阅读 · 0 评论