首页 > TAG信息列表 > pixi-js

javascript-使用PixiJS的交互式图形-鼠标悬停不会触发,而单击会触发

将鼠标悬停在Graphics元素上时尝试触发事件. click事件按预期方式工作,但是mouseover似乎没有触发. 这是fiddlejs链接的摘录： var renderer = PIXI.autoDetectRenderer(500, 500, null, true); var stage = new PIXI.Stage(0xFFFFFF); stage.interactive = true; document.getElem

javascript-如何使pixi-filters工作？

我已经像这样导入了pixi和pixi-filters： import 'pixi.js'; import 'pixi-filters'; 但是,运行代码后： const outlineFilterRed = new PIXI.filters.GlowFilter(15, 2, 1, 0xff9999, 0.5); 引发以下错误： Property ‘GlowFilter’ does not exist on type ‘typeof filters’.

javascript – 通过canvas.toDataURL将画布保存到图像会产生黑色矩形

我正在使用Pixi.js并尝试将动画帧保存到图像中. canvas.toDataUrl应该可以工作,但我得到的只是一个黑色矩形.查看实时示例here 我用来提取图像数据和设置图像的代码是： var canvas = $('canvas')[0]; var context = canvas.getContext('2d');

javascript – 在Pixi.js中旋转后沿Y轴缩放

我试图通过旋转45°的正方形然后在(垂直)Y轴上缩小来创建等距网格.然而,我正在使用的Pixi.js似乎在旋转后沿着局部坐标系缩放,导致看起来倾斜而不是压扁的正方形. 有没有办法在Pixi.js中顺序应用变换(首先旋转,然后缩放Y),或者是另一种允许我在旋转后沿垂直Y缩放的方法？ 我目前正在

javascript – 在pixi v3中加载精灵表

我正在尝试学习Pixi.js以寻找一个我想要编写代码的游戏,但我最困难的时候是完成一项最基本的任务：加载精灵表. 真正的问题是Pixi v3破坏了与加载sprite的旧方法的兼容性,这显然是PIXI.AssetLoader().我可以找到的所有教程都使用该方法,但是当我尝试使用它时,PIXI抛出一个错误告诉我