![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
phaser
Thomas Ho
唯有南风旧相熟,径开门户又翻书。
展开
-
Phaser 小游戏 —— 不靠谱的忍者
需求 1. 按住屏幕,棍子伸长,放开手指,棍子放下。 2. 具有计时功能。 3. 计时结束或者棍子没有放到安全区域,则游戏结束。 单独一个 Scene 作为背景,防止显示 Scene 重叠时有遮挡 // background.ts export default class extends Phaser.Scene { constructor() { super({ key: 'BackgroundScene', ...原创 2020-11-19 17:33:31 · 245 阅读 · 0 评论 -
[Phaser] 小游戏——消消乐
体验链接 当前版本一次只能消除一处! 若有不足,欢迎指正! let’s go! 需求: 图标成矩形随机排列 可以拖动一行或一列 3个或以上个相同图案连在一起时会被消除 0. 先把 Phaser 的主要代码搭起来 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">...原创 2020-05-08 15:39:23 · 508 阅读 · 0 评论 -
[Phaser] 小游戏——小球成长
一起来写一个小球成长的游戏吧 let’s go! 需求: 小球在画布内不规则运动,不会发生碰撞,只会重叠在一起 有和小球相同数量的按钮 每个小球都有自己都编号并且和相应编号的按钮绑定 长按按钮,相应的小球会变大 松开按钮,小球停止变大 如果正在变大的小球和其他任何一个小球相碰,两个小球的大小缩小一半并且停止变大 每个球只能变大一次 0. 先把简单的框架搭起来 <!DOCTYPE ht...原创 2020-04-27 18:42:59 · 378 阅读 · 0 评论 -
[Phaser] Phaser 的基本使用
<!DOCTYPE html> <html> <head> <!-- 引入 phaser --> <script src="https://cdn.jsdelivr.net/npm/phaser@3.15.1/dist/phaser-arcade-physics.min.js"></script> </head&...原创 2020-04-26 18:49:25 · 264 阅读 · 0 评论 -
[Phaser] 画布截图
现在很多在微信做推广的 h5 经常需要用到长按保存活动图片的功能,Phaser 就有这样一个 api 可以直接用来截图保存 <!DOCTYPE html> <html> <head> <!-- 引入 phaser --> <script src="https://cdn.jsdelivr.net/npm/phaser@3.15.1/di...原创 2020-04-27 14:40:35 · 317 阅读 · 0 评论