13得票3回答
Pixi.js中的自定义字体

我试图将自定义字体加载到Pixi.js(2D WebGL框架)中。他们有一个使用.woff谷歌字体的示例:https://github.com/GoodBoyDigital/pixi.js/tree/master/examples/example%2010%20-%20Text我将我的.ttf...

11得票5回答
在PIXI.js中,如何从兄弟或父DOM元素捕获鼠标事件?

我希望能够在 PIXI 画布和覆盖的 div 上捕获鼠标事件。 我有以下类型的 HTML 设置,其中 div.overlay 在 canvas.pixi 上方:<div class="parent"> <canvas class="pixi"></canvas...

10得票1回答
使用Pixi.js实现的里程表动画

几天前,我开始开发一个用HTML和JavaScript编写的动态里程表,我打算将其用于我正在开发的角色扮演游戏中。此外,我一直在使用Pixi.js来帮助我进行动画制作。以下两个图像是程序的主要组件: 里程表: 数字行: 这是我目前所做的成果: 基本上,前两个按钮会立即更新里...

10得票1回答
如何在PIXI.js中绘制多个相同基元的实例?

我称使用drawCircle()、drawRect()等方法渲染的对象为“原始对象”。 考虑到以下因素: 原始对象的位置会发生改变(受约束条件(1)影响) 用原始对象表示的物体经常被创建/销毁 如何以最快的速度在不同的位置上绘制多个相同的原始对象: 创建一个graphics对象,...

10得票1回答
Pixi.js、Konva.js和D3.js之间的区别

我是一个图形新手,需要帮助了解各种JavaScript 2D库的功能. . . 使用Pixi.js与使用基于canvas的Konva等库相比,我能得到什么区别? 使用Konva.js与使用HTML / SVG / CSS库如D3.js相比,我能得到什么区别? 目前我只知道Pixi是一个...

9得票1回答
如何在PIXI.js中镜像一个精灵

我需要通过底线翻转精灵。我知道可以通过“scale”属性进行翻转,但那只能以中心为翻转点。查找Pixi.js文档也没有帮助。

8得票4回答
如何在PixiJS中实现图形(圆形)的抗锯齿处理?

我在使用Pixi JS绘制圆圈时遇到了平滑度的问题。当我绘制大圆时,已经可以看到一些角落,而当我将其缩小时,问题会变得更严重。(我需要一个小圆)。 这是代码: renderer = PIXI.autoDetectRenderer( document.getElementById("...

8得票1回答
Pixi.js可以从一个动态gif文件生成SpriteSheet动画或MovieClip。

我正在制作一个游戏,允许玩家链接到自己的gif图像,并立即使它们在游戏中可播放,并需要将动画.gif文件转换为精灵表。 我有一个jsfiddle,可以加载您粘贴到输入框中的任何图像,但它只加载第一帧。 http://jsfiddle.net/40k7g0cL/ var animatedG...

8得票2回答
在PIXI.js中,我如何增加精灵的亮度?

我有一个通过new PIXI.Sprite.fromImage(path)创建的sprite,如何实时增加它的亮度?

8得票4回答
如何为跟踪鼠标移动的动画添加惯性?

我想使用鼠标移动事件围绕原点旋转三角形。 我正在使用touchstart和touchmove事件获取触摸起始点和当前触摸点,然后很容易地找到方向角度: alpha = y2 - y1 / x2 - x1; // alpha is the tangent of the angle be...