pixi.js 相关问题

一个基于JavaScript的快速2D渲染库

文件结构：索引.html main.js pixi.js 我的index.html：身体{ 边距：0 像素；溢出：隐藏； ...</desc> <question vote="0"> <p>文件结构：</p> <ul> <li>index.html</li> <li>main.js</li> <li>pixi.js</li> </ul> <p>我的index.html：</p> <pre><code><!doctype html> <html> <head> <style> body{ margin: 0px; overflow: hidden; } </style> <script src="main.js" type="module" defer></script> </head> <body> </body> </html> </code></pre> <p>main.js：</p> <pre><code>import * as PIXI from './pixi.js'; const app = new PIXI.Application({ resizeTo:window, antialias: true, autoDensity: true, resolution: 2 }); document.body.appendChild(app.view); </code></pre> <p><strong>错误：<pre><code>Uncaught TypeError: PIXI.Application is not a constructor</code></pre></strong></p> <p>尝试过的其他解决方案：当我作为脚本标签导入时，这可以正常工作，例如<pre><code><script src="pixi.js" type="module"></script></code></pre> 中的 <pre><code>index.html</code></pre> 然后删除 <pre><code>main.js</code></pre> 中的导入语句。这种方法的一个主要缺点是我想使用带有 linting 的 JSDoc，并且在这种导入方法下，它不会将 <pre><code>PIXI</code></pre> 识别为有效类型，尽管它是有效的。另一种解决方案是使用 jsbundler 和 <pre><code>import * as PIXI from 'pixi.js'</code></pre>，但这种方法需要......一个捆绑器。我可以直接导入它而不需要额外的工具吗？</p> </question> <answer tick="false" vote="0"> <p>要在静态环境中使用 PixiJS，请首先包含指向 CDN 的 <pre><code><script /></code></pre> 链接，或者如果您愿意，也可以包含您自己下载的文件：</p> <pre><code><script src="https://pixijs.download/release/pixi.js"></script>  <script src="/pixi.js"></script> </code></pre> <p>然后，制作您的 <pre><code>main.js</code></pre> 并在以下时间后导入：</p> <pre><code><script src="https://pixijs.download/release/pixi.js"></script> <script src="/main.js"></script> </code></pre> <p>您现在可以在<pre><code>main.js</code></pre>中使用PixiJS。没有必要使用<pre><code>type="module"</code></pre>。如果您想使用 JavaScript <pre><code>import</code></pre> 语句导入库，则需要使用捆绑器。</p> </answer> </body></html>

javascript pixi.js

回答 0 投票 0

将加载的精灵表应用到脊柱骨架而不是本机图集

有脊柱骨架（json）和精灵表，其中包含来自脊柱的捆绑（通过texturepacker）资产。如何将精灵表中的资源放入书脊而不是图集中？不加载原生图集？ p...

pixi.js spine

回答 1 投票 0

无法点击六边形地图中的六边形 Pixi.js (Vue)

我有一张使用 pixi.js 的六边形地图，当我想向我的六边形添加点击事件侦听器时 const hex = new PIXI.Graphics(); hex.beginFill(0xffffff, 1); hex.lineStyle(2.5,

vue.js onclick pixi.js

回答 1 投票 0

如果使用 Pixi.js 渲染器，Matter.js 不会更新主体属性

如果用户点击它，我想更新某些主体属性，例如body.render.lineWidth = 5; 如果使用默认的画布渲染器，它就可以正常工作。如果我切换到 Pixi.js 渲染器，它就会停止...

pixi.js matter.js

回答 1 投票 0

PIXI.Loader 不是构造函数？

我创建了一个仅包含可导出函数的 JavaScript 文件：导出函数 addImageToCanvas(imagePath, spriteX, spriteY) { const loader = new PIXI.Loader(); loader.add('图像', 图像...

java html pixi.js

回答 1 投票 0

为什么我可以使用大于 MAX_TEXTURE_SIZE (WebGL) 的纹理？

根据这个线程，我的 MAX_TEXTURE_SIZE 是 8192 ：文本根据这个线程， MAX_TEXTURE_SIZE 实际上定义了我的纹理的最大尺寸的最大值：文本然而，我可以使用一个...

webgl textures pixi.js

回答 1 投票 0

如何使用 require 或 import 而不是 balise html

我测试了很多路径，我在很多文件夹和默认文件夹上安装了npm pixi.js，ESLint没有看到我的错误，因为他没有看到我的库，我想更改脚本库js以导入或需要。 ..

node.js electron node-webkit pixi.js nwjs

回答 1 投票 0

JavaScript typeof 在类中未定义

当我上课时：对话选择类 { constructor(text, resultFunc) //对话行文本，选择时调用的函数 { this.integer = 25; ... } 测试（） ...

javascript class pixi.js

回答 1 投票 0

有没有办法将纯 HTML 元素插入到 React 组件中？

我想使用 PixiJS 和 Next.js 创建一个适合屏幕的最佳缩放比例舞台。我知道@pixi/react，但我想创建一个游戏，每次都重新渲染舞台效率很低......

javascript reactjs pixi.js

回答 1 投票 0

Pixi JS 7 / PIXI.Assets.load(json) 上出现错误

我从 Pixi 示例中获取此代码（https://pixijs.io/examples/?v=dev#/sprite/animatedsprite-jet.js）：从 'pixi.js' 导入 * 作为 PIXI；从 './assets/fighter.json' 导入 json；常量应用程序 = 新...

2d vite pixi.js

回答 2 投票 0

用于高级 Web GUI 的 Pixi.js 和 ThreeJS

想法你好！我和一个开发团队正在创建一个用于交互式图形编辑的开源图形界面。我希望这个接口能够处理大量连接的节点，从而...

javascript canvas three.js webgl pixi.js

回答 1 投票 0

PIXI 图形在鼠标悬停和鼠标移出时不会改变颜色

我试图在悬停时更改 PIXI 图形的颜色。这里我附上了我尝试过的代码片段。当我悬停时，“onmouseover”和“onmouseout”功能都会起作用，但颜色不会改变。我是你...

pixi.js

回答 1 投票 0

在窗口调整大小和窗口加载时动态调整 pixi 舞台及其内容的大小

我正在尝试在窗口调整大小时动态调整 pixi 舞台（画布和内容）的大小。并且最初以浏览器窗口的大小加载，而不改变比例。我正在使用以下...