pixi.js相关内容

pixiJS 和 socket.io 如何协同工作?(一般问题)

我从 pixiJS 开始，遵循这本书:“学习 Pixi.js为游戏和网络创建出色的交互式图形"- 雷克斯范德斯皮.我了解基本游戏的以下一般结构是如何工作的， let state = play;函数游戏循环(){请求动画帧(游戏循环)；状态();renderer.render(stage);}函数播放(){//做一点事} 我不知道如何修改上述内容以包含客户端-服务器通信.我想为此使用 soket ..
发布时间：2021-12-30 22:08:42 其他开发

Pixi.js 行在专用区域外呈现

我想使用 pixijs lineTo 方法绘制某种popyline 图表.问题是线条呈现在专用区域之外. 示例: var stage = new PIXI.Stage(0xFFFFFE);var renderer = new PIXI.WebGLRenderer(600, 600);document.body.appendChild(renderer.view);var graphics ..
发布时间：2021-11-24 22:31:24 C#

在 Angular 6 中使用 PixiJ

我无法将 pixi 连接到 angular我添加到 angular.json “脚本":[“../node_modules/pixi.js/lib/index.js"], 在课堂上: import * as PIXI from 'pixi.js';导出类渲染{公共应用程序:任何；构造函数(el){this.app = new PIXI.Application({宽度:800，高度:600}) ..
发布时间：2021-11-09 00:25:59 其他开发

如何在 PixiJS 中更优雅地处理 WebGL CONTEXT_LOST_WEBGL 错误?

我有一个 React 应用程序，它使用了一个使用 PixiJS 的数据可视化库. 我偶尔会在 Chrome 中遇到令人沮丧的 CONTEXT_LOST_WEBGL 错误，这些错误迫使用户手动重新加载页面，以便(重新)呈现页面. 我无法经常或可靠地重现该错误，但我知道它会发生，因为其他人告诉我该应用程序偶尔不显示任何数据.引发此错误的情况似乎非常依赖于上下文，因此难以概括 - 低功耗图形 ..
发布时间：2021-09-23 18:35:54 前端开发

如何在 Vuejs 中加载 Pixi 实例?

我正在按照 Pixi 教程 在 VueJS 组件中学习 PixiJS我控制台显示此错误: vue.runtime.esm.js?2b0e:619 [Vue 警告]:渲染错误:“TypeError:将循环结构转换为 JSON {{ displayPixi() }}从 'pixi.js' 导入 * 作为 PIXI导出默认{name: 'HelloWorld',方法: ..
发布时间：2021-09-20 20:02:14 前端开发

全屏显示时，用于填充父级IFrame或调整大小的CSS的CSS是什么?

我正在移植我写为pixi.js HTML5游戏的游戏，可以将其嵌入itch.io.我的游戏会打印到HTML文件中的 canvas 上.itch.io将该HTML文件嵌入到 iframe 中，并提供全屏按钮，以全屏显示 iframe . 在CSS缩放之前，我的游戏以720x960的固定分辨率运行. itch.io 具有固定大小的 iframe ，我可以使用其界面进行设置.我将其设置为720x9 ..
发布时间：2021-05-15 19:38:35 前端开发

PIXIJS检测两个DisplayObjectContainer之间的重叠

我需要检测两个对象是否相互碰撞/重叠，为了达到这个目的，我偶然发现"run pixie run"游戏中使用的碰撞算法无效，因此我将其传递给在 pixijs论坛(下面的代码)，但是即使在某些情况下，它也只能工作. 命中测试中涉及的对象是两个DisplayObjectContainer，其中包含Sprite和Graphics元素(即用于显示Sprite的boundingBox的矩形).精灵的锚点 ..
发布时间：2021-04-21 19:23:16 前端开发

优化pixi网格视口

我正在使用pixi.js创建一个交互式网格.该网格由PIXI Graphics矩形组成.我现在正在创建一个25000个矩形的布局，浏览器很难处理它(下面的代码沙箱) 这是我的设置: setup(){//制作30 x 13的瓷砖网格for(令i = 0; i ..
发布时间：2021-04-21 19:19:31 其他开发

允许更多的WebGL上下文

我目前正在一个包含项目列表的网站上工作.每个项目都有一个缩略图，我正在使用 PixiJS 在所有项目上添加着色器效果.问题是列表上有16个以上的项目，因此出现以下错误: 警告:活动的WebGL上下文太多.最早的上下文将丢失. 是否有增加此限制的方法?我无法在WebGL上制作整个页面，而且使用范围非常有限(没有交互作用，没有特效)，以至于我认为更多的WebGL上下文不会使页面变得迟钝或类 ..
发布时间：2020-11-17 20:54:40 前端开发

在没有GPU的情况下以无头chrome渲染WebGL图像

我正在尝试在没有GPU的Linux服务器上导出使用WebGL渲染的图像.为此，我使用的是无头Chrome，但是导出的图像是黑色的(导出的图像示例 ，拍摄页面的屏幕截图显示的是黑色的纯画布).我希望能得到一些帮助，弄清楚为什么会发生这种情况. 要导出图像，我将图像渲染到画布中，通过canvas.toDataURL('image/jpeg')导出数据，然后将数据发布到服务器.我正在使用Pixi. ..
发布时间：2020-11-17 19:42:32 前端开发

色度键片段着色器找不到颜色

我正在尝试编写一个片段着色器，以用作特定颜色的色键过滤器(例如，使所有具有特定绿色的像素透明). 我正在编写的着色器用于通过PIXI.js的WebGL. JSFiddle: https://jsfiddle.net/IbeVanmeenen/hexec6eg/14/ 到目前为止，我已经基于我发现的着色器为着色器编写了这段代码 varying vec2 vTextureCoord; ..
发布时间：2020-11-10 20:06:09 前端开发

在画布上绘制渐变线

我希望这篇帖子不会重复。 我想画一条线，如图所示，可能具有不同的线宽和渐变。我尝试了createLinearGradient，但它没有达到我的预期。我应该改用图片吗？或者如何渲染上面的线？ 我可以使用PixiJS。 更新： 现在可以生成渐变线了颜色，但是如何创建动态宽度的颜色呢？ $（function（ } {var canvas = document.getEleme ..
发布时间：2020-09-29 02:33:43 其他开发

在Angular 6中使用PixiJ

我无法将pixi连接到角 我添加到angular.json "scripts": [ "../node_modules/pixi.js/lib/index.js" ], 课堂上: import * as PIXI from 'pixi.js'; export class Render { public app: any; constructor(el) ..
发布时间：2020-08-31 03:18:28 其他开发

动态调整pixi阶段的大小，其内容在窗口大小调整和窗口加载上

我正在尝试在窗口调整大小上动态调整pixi阶段(画布和内容)的大小.并且还可以使它最初以浏览器窗口的大小加载，而无需更改比率. 我正在使用以下方法将初始大小基本上设置为window.innerWidth& window.innerHeight-但是它做了一些奇怪的事情，它以较小的尺寸(而不是html中指定的画布的尺寸)加载，然后进行扩展以适合窗口. var w; var h; win ..
发布时间：2020-06-27 20:08:42 前端开发