一个基于JavaScript的快速2D渲染库
当交互式容器在pixi js中移动到指针后面时，如何让鼠标悬停触发？
我在 pixi js 游戏中遇到这样的情况：鼠标单击选择精灵在平铺平台上移动的位置，然后平台在精灵后面移动，直到它位于选定的图块上。
我正在尝试使用 PixiJS 创建一个奇迹类型的游戏。我在下面分享我的代码，它仍在开发中，但是我似乎不知道如何制作它，以便用户可以选择并拖动让...
我是 PixiJS 的新手，我正在尝试一些简单的东西，比如绘画应用程序。 我很难尝试将一组形状捕获为一个分组。我对工作不感兴趣...
我使用的是pixi js v8.1.1。我能够制作可点击的图形。我尝试将其包装在如下所示的精灵中，但它没有显示在页面上。 渲染器 = 等待 PIXI.autoDetectRenderer({}); 缺点...
我是 pixi js 的新手，正在使用 v8.1.1。我按照简单的教程绘制了一条线，但它没有显示在画布上。这只是一个空的蓝屏。 const { 应用程序、容器、组件...
您好，我对此很陌生，我正在尝试使用 pixi js，但它无法启动。我看过教程并遵循它们，但我不断收到此错误： 未捕获的类型错误：无法读取
尝试通过 React useRef 钩子使用画布时，传递给 checkMaxIfStatementsInShader 的无效值 0
我创建了一个简单的 React 应用程序，它使用 PixiJS 并且运行良好。 无论浏览器窗口宽度如何，画布的 1:1 纵横比都是通过 ResizeObserver 维护的，因为您...
我想设计一个具有矩形/正方形形状的图像，该图像作为 PIXI.JS Sprite 加载，看起来像一个圆形的头像。 这是我的代码示例： 导入“./styles.css&qu...
我有一个运行完美的网页，在 ResizeObserver 的帮助下调整了子画布元素（带有兔子的棋盘）的大小，同时保持其 1:1 的纵横比，当浏览器...
我在文档中发现有这样的更改： SCALE_MODES 替换为 ScaleMode 字符串 SCALE_MODES.NEAREST -> '最近', SCALE_MODES.LINEAR -> '线性', 所以，是支持的。但我不...
我有一个简单的 PixiJS 代码来向场景添加平铺精灵。问题是，普通精灵渲染正常（这意味着资源纹理存在并且加载正常），但平铺精灵却不能。我用的是Pix...
我想使用 Vitest 对创建 Pixi-JS 应用程序的代码进行单元测试，但是我收到“Worker not Defined”错误。 其他代码被剥离，这是我尝试过的（在 vite 项目中）： /*...
我想将 Pixi.js 添加到我的 VueJs 组件之一，但它不起作用。我现在想做的是实现 Pixi.js 网站的基本示例之一。 问题是...
当光标快速移动时，使用 PIXI + React + ts 拖动无法正常工作
我想像这里一样进行拖放操作 主要代码： 从“反应”导入{FC} 从“./DrawPage.module.scss”导入样式 从“@pixi/react”导入{Stage}； 从 & 导入块
在Javascript文件中调用appendChild(app.view)时出错
我在 HTML 脚本中创建了一个简单的 Javascript 代码块，我尝试加载新创建的 Pixi 应用程序，但出现错误： “未捕获的类型错误：无法在 '... 上执行 'appendChild'
我是 Pixi.js 的新手，但我有一些使用 TypeScript 的经验。我真的很难将 Pixi.js 导入到我的项目中。 我使用 Pixi 和 van 的 CDN 导入运行了一个小型 Pixi.js 项目...
我正在使用此代码添加代码。绘制方法如下所示： this.ticker = this.ticker || this.app.ticker.add(this.draw) 这里的应用程序是 PIXI.Application。绘制方法如下所示： p...
我正在使用 PIXI.js 构建一个游戏，它在我的桌面上看起来不错，但在我的手机上玩时，FOV 非常小，所以我几乎看不到周围的环境。同样在大型显示器上...
我用于精灵的图像比所需的大得多（910px）。我需要动态更改容器的高度，遮盖图像。 有谁知道如何做到这一点？ 我用于精灵的图像比所需的大得多（910 像素）。我需要动态更改容器的高度，遮盖图像。 有人知道该怎么做吗？ <Container x={x} y={y} width={width} height={height}> <Sprite image={image} anchor={[0, 0]} x={0} y={0} width={width} height={910} rotation={0} /> </Container> @inlet/react-pixi: "^1.1.9" pixi.js: "^5.2.0" react: "^16.12.0" react-dom: "^16.12.0" 不幸的是，这也不起作用，因为纹理保持静态，而矩形四处移动 <Graphics draw={(g) => { g.clear() const texture = new PIXI.Texture.from(image) g.beginTextureFill(texture) g.drawRect(x, y, width, height) g.endFill() }} /> 试试这个： const maskRef = useRef() <Container mask={maskRef?.current} x={x} y={y} width={width} height={height}> <Graphics name="mask" draw={React.useCallback( (g) => { g.beginFill(0x000000) g.drawRect(0, 0, size.width + 3, size.height + 3) g.endFill() }, [width, height] )} ref={maskRef} /> <Sprite image={image} anchor={[0, 0]} x={0} y={0} width={width} height={910} rotation={0} /> </Container> 官方文档位于此处，解释其工作原理和局限性
我有一个 UI 层和一个 Game 层。 UI 层透明地落在游戏层上。 当我单击游戏层内的精灵时。 我没有收到事件。 我希望这些事件能够重新发生...