草庐IT

javascript - 使用 PIXI JS 更改弯曲文本中的字体大小

是否有一种简单的方法可以更改PIXIJS弯曲文本中的字体大小?文本是通过newPIXI.mesh.Rope(pixiText.texture,points)创建的。使用调整大小按钮(检查下图),您可以更改对象的大小。我可以使用scale但它会降低质量。在基本文本对象中可以更改字体大小text.style.fontSize=newFontSize。 最佳答案 没有比更改字体大小更简单的方法了。这里的问题是通过Text对象生成的字母使用特殊机制,使其能够快速重新呈现。要创建网格,您需要纹理,它不能是Text或Graphics对象,因为它

javascript - PIXI.js 的 Closure Compiler EXTERNS - 自定义对象参数注释

我正在为pixijs库准备externs文件以与闭包编译器一起使用。到目前为止,我遇到的唯一问题是自定义对象参数。这是一个简短的例子:pixi.js来源:/***Setthestyleofthetext**@param[style]{object}Thestyleparameters*@param[style.font='bold20ptArial']{string}Thestyleandsizeofthefont*@param[style.fill='black']{string|number}Acanvasfillstylethatwillbeusedonthetexteg'red

javascript - 如何从控制台中删除 pixi.js 横幅?

看到它1000次后,它变得很烦人,所以我希望可以选择删除它。网上有人回答了这个设置PIXI.dontSayHello=true;将解决旧版本PIXI中的问题,但在3.0.3版本中它不起作用。在源代码中搜索“dontSayHello”没有呈现任何结果。 最佳答案 这在较新的版本中已弃用:PIXI.utils._saidHello=true;这是对的:PIXI.utils.skipHello(); 关于javascript-如何从控制台中删除pixi.js横幅?,我们在StackOverfl

javascript - 如何在没有Stage的情况下使用pixi.js?

我有这个pixi.js代码,它执行它应该做的事情:绘制一个矩形。varstage,renderer,graphics;(function(){//initPIXI//createannewinstanceofapixistagestage=newPIXI.Stage(0x66FF99);//createarendererinstance.renderer=PIXI.autoDetectRenderer(400,300);$('#pixi-area').append(renderer.view);graphics=newPIXI.Graphics();graphics.beginFill

javascript - Pixi.js 从动画 gif 文件生成 SpriteSheet 动画或 MovieClip

我正在制作一款游戏,允许玩家链接到他们自己的gif图片并立即使它们在游戏中可玩,并且需要将动画.gif文件转换为spritesheet。我有一个jsfiddle可以将您过去的任何图像加载到输入中,但它只加载第一帧:http://jsfiddle.net/40k7g0cL/varanimatedGif=PIXI.Sprite.fromImage('http://i.imgur.com/egzJbiI.gif');但是pixi.js资源加载器似乎只能加载动画.gif文件的第一帧,而不能加载其余部分。我能找到的关于这个主题的所有信息都说我应该提前将动画.gif文件转换为SpriteSheet

javascript - 如何在 PIXI.js 中绘制同一图元的多个实例?

我将使用drawCircle()、drawRect()等渲染的对象称为“原始”对象考虑到:图元的位置发生变化(有约束(1))原语*表示的对象被频繁创建/销毁在不同位置绘制相同图元的多个实例的最快方法是什么:创建一个图形对象,一次性将其添加到容器中,每帧清除它,并在每帧的不同位置调用多次drawSomething()?为每一帧的每个图元创建一个图形对象,调用一个drawSomething()到它,并将它添加到容器的指定位置?另一个解决方案?为了清楚起见,如果我使用drawCircle()简单地渲染了子弹,并且知道我在每一帧都收到了游戏的完整状态(即约束(1)),渲染它们的最快方法是什么?

javascript - 从 PIXI.js 中的兄弟或父 DOM 元素捕获鼠标事件

我想在两个层上捕获鼠标事件:PIXI的Canvas和覆盖的div。我有以下类型的HTML设置,其中div.overlay位于canvas.pixi之上:当canvas位于顶部时,PIXI交互工作正常,但当Canvas被div.overlay覆盖时,我无法捕获任何事件。我发现setTargetElement似乎可以让我们为捕获元素定义DOM元素,我尝试像这样使用它:constrenderer=PIXI.autoDetectRenderer(...);renderer.plugins.interaction.setTargetElement(document.querySelector('

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

想法嗨!我和一个开发团队正在创建一个用于交互式图形编辑的开源图形界面。我希望这个界面能够处理大量连接的节点,允许用户移动它们、重新连接、放大/缩小等。每个节点上都可以有文本、按钮、slider和其他控件。另外,我们想创建一个非常先进的、可插入的图形界面——每个面板都是一个插件——你可以把它想象成基于web的eclipse。面板可以是图形编辑器、时间线或3D视口(viewport)。问题我想问你,哪个库会给我们带来更多好处-Pixi.js、ThreeJS还是其他?也许我们应该混合使用它们——在Pixi.js中创建界面,在ThreeJS中创建一些需要3D支持的插件(我个人不喜欢这个想法,因

javascript - 如何用 PixiJS 渲染 SVG?

我正在尝试使用SVG图像制作游戏以实现可扩展性并从中按程序制裁剪理对象(有关操作方法,请参阅matter.js)。我遇到的问题是,如果我加载2个不同的SVG纹理然后渲染它们,第二个在第一个下面有一层。这不会发生在光栅图像上,也不会发生在Canvas选项上,只有在WebGL上才会发生。有没有办法阻止这种情况,还是我做错了SVG?varrenderer=PIXI.autoDetectRenderer(window.innerWidth,window.innerHeight,{backgroundColor:0xffffff,resolution:2});//addviewportandfi

javascript - PIXI - 禁用 preventDefault 触摸事件在 Android 设备上不起作用

因为我正在做一个项目,我需要能够在我的Canvas周围拖动对象,而且还需要通过将实际的Canvas“背景”拖到我的PIXISprites后面来滚动整个页面,所以我遵循了这个人的发现这里:https://github.com/pixijs/pixi.js/issues/2483:Bydefault,thePixicanvas/display-areacannotbeusedtoscrollthewebpagethatcontainsit.Whichisimportantontouchscreens.(eg.Ifyouusetherestoftheweb-pagetopinch-zoomi