Phaserjs
DaveLeeCN
专业前端+PHP全栈!
展开
-
Phaserjs基础教程第五节:位移、拖拽和补间动画
我在之前的教程中说过,所有游戏窗口中能看到的元素,几乎都是有有x,y坐标的,通过对改变坐标值,就可以实现它的移动操作,比如下面这个奔跑的机器人:function preload() { game.load.atlasJSONHash('bot', 'assets/sprites/running_bot.png', 'assets/sprites/running_bot.json');原创 2018-01-22 21:43:14 · 3571 阅读 · 0 评论 -
Phaserjs基础教程第六节:Physics.ARCHDE物理引擎
物理引擎,听起来很高大上,其实说白了,就是解决物理现象的一些算法:比如速度、加速度、重力等等,我们这一节就来学习一下Phaserjs中物理引擎的简单使用。 Phaserjs中的物理引擎有三个,Arcade、Ninja和P2,三个物理引擎都提供了关于碰撞、重叠、移动等的处理方法,也都包含了重力、加速度、移动等方面的属性,不过也有不同,Arcade属于Phaserjs的内置引擎,它对Phaserj原创 2018-01-23 21:47:15 · 1256 阅读 · 0 评论 -
Phaserjs基础教程第三节:鼠标、触屏和按键事件
本来这一节是要讲加载音频和视频文件的,不过由于其中涉及到了一些交互操作,所以先放到下一节,本节主要介绍下如何实现这些互动。 Phaserjs框架毕竟是用于游戏开发的,所以除了鼠标、键盘、触屏这些常规操作外,还有手柄、控制器等设备,不过这些设备我们暂时不涉及,只学习基本的操作。 一、鼠标 说到鼠标,也就是Phaserjs中的game.input.mous原创 2018-01-16 21:12:49 · 5355 阅读 · 0 评论 -
Phaserjs基础教程第四节:加载音频、视频文件
这一节我们来学习加载音频和视频文件,以及一些相关的操作。 首先说音频文件,其实就是一段音乐,想象一下与音乐有关的操作:播放、暂停、继续、停止、加大音量、减小音量,常规的操作也就这几个,那我们先来看一段代码,怎么实现这些操作,代码如下:var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { prelo原创 2018-01-18 20:53:20 · 2102 阅读 · 0 评论 -
Phaserjs基础教程第七节:Time和Timer对象
原创 2018-01-25 21:05:29 · 2648 阅读 · 0 评论 -
Phaserjs基础教程第二节:加载图片、文字和动画
原创 2018-01-09 21:21:38 · 6914 阅读 · 2 评论 -
Phaserjs基础教程第九节:代码实战-模拟雷电
由于到年底了,事情比较多,也比较烦,所以这段代码的书写和调试都是断断续续进行的,拖的时间比较久,不过事先给自己定过目标,一定要在年前完成这段代码,今天终于写完了,赶紧发上来。 讲解代码之前,我们首先了解一下Phaserjs的状态管理,状态管理其实很简单,我就没有单独开出一节来讲解。 大家都知道,在玩一个简单的网页游戏的时候,一般会有加载页、游戏菜单、游戏页等几个页面...原创 2018-02-09 17:39:28 · 1154 阅读 · 2 评论 -
Phaserjs基础教程第八节:Weapon对象
原创 2018-01-25 21:13:30 · 1544 阅读 · 0 评论