peade的博客

创建项目在Egret Launcher里创建项目，按照指引，一步步下去，创建好项目就行。IDE软件开发软件建议使用VS Code，Egret Wing官方已经不更新了。####　启动和调试在终端里运行：egret run -a 就可以启动项目代码调整后，项目会自动编译。不过在浏览器上，不会自动刷新，需要手动刷新。...

Phaser3学习笔记移动物体射出子弹移动物体实现原理：在场景里添加上物体监听鼠标移动事件，将鼠标的x位置赋值给目标物体示例代码： this.ship = this.add.image(400, 500, 'ship'); this.input.on('pointermove', (pointer) => { this.ship.x = pointer.x; });射出子弹实现原理：使用arcade物理引擎创建子弹设置子弹的初始位置设置子弹的Y

当我们开始练习spritejs时，用官方示例时，例如这个示例 精灵，我们把官方的代码直接用上时，里面的图形会变形。这个时候，其实需要在new Scene时配上一个stickMode，代码如下：const scene = new Scene('#demo', { viewport: ['auto', 'auto'], resolution: [1540, 600], stic...

在运行示例代码，涉及到自定义类时，在webpack打包时，会报这个错误。解决方法，在webpack的配置项里，配置alias别名，配置完就可以了 resolve: { alias: { spritejs: 'spritejs/dist/spritejs.js' } }参考：https://github.com/spritejs/spritejs/i...

fabric提供了7种基础图形fabric.Circle fabric.Ellipse fabric.Line fabric.Polygon fabric.Polyline fabric.Rect fabric.Triangle使用示例var circle = new fabric.Circle({ radius: 20, fill: 'green', left: 10...

fabricjs中的动画元素中，多个动画执行时，可以只在其中一个动画里面设置onChange，其他属性值，每一个动画，都要单独设置。import {fabric} from 'fabric'let cas = document.getElementById('canvas')let canvas = new fabric.Canvas(cas)let rect = new ...

最近想在vue项目里使用spritejs，在引入spritejs和sprite-extend-shapes时，控制台报错了。通过在github上提问，和浏览之前的issue，这个问题，一用有两个解决方案// 方案一，引入时，直接引入具体的问卷，import * as Spritejs from 'spritejs/dist/spritejs.min.js'// 方案二：修改w...