PIXI.js精灵在应用滤镜后失去旋转
PIXI.js是一个轻量级的2D渲染引擎，用于创建交互式的图形和动画。它提供了丰富的功能和工具，使开发者能够轻松地构建高性能的Web应用程序。
在PIXI.js中，精灵（Sprite）是一个可视化对象，可以用于表示图像、文本或其他可渲染的元素。应用滤镜后，精灵的外观会发生变化，但有时可能会导致旋转功能失效。
滤镜是PIXI.js中的一种特性，可以通过改变精灵的外观和行为来增强视觉效果。常见的滤镜包括模糊、颜色调整、阴影等。当应用滤镜后，精灵的外观会根据滤镜的设置进行修改。
然而，有时候在应用滤镜后，精灵的旋转功能可能会失效。这可能是由于滤镜的特性或设置与旋转功能产生冲突导致的。为了解决这个问题，可以尝试以下几种方法：
- 调整滤镜的设置：检查滤镜的参数和属性，确保它们与旋转功能兼容。有时候，某些滤镜可能会限制或改变精灵的旋转行为。通过调整滤镜的设置，可以尝试解决旋转失效的问题。
- 使用其他滤镜：如果某个特定滤镜导致旋转失效，可以尝试使用其他滤镜替代。PIXI.js提供了多种滤镜选项，可以根据需求选择适合的滤镜。
- 自定义解决方案：如果以上方法无法解决问题，可以考虑自定义解决方案。通过编写自定义的旋转和滤镜逻辑，可以实现精灵在应用滤镜后仍然能够旋转的效果。
总结起来，当使用PIXI.js中的精灵应用滤镜后失去旋转功能时，可以通过调整滤镜的设置、使用其他滤镜或自定义解决方案来解决问题。具体的解决方法需要根据具体情况进行调试和实施。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云数据库 MySQL 版（CMYSQL）：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mpns
- 区块链（BCS）：https://cloud.tencent.com/product/bcs
- 元宇宙（Metaverse）：https://cloud.tencent.com/product/metaverse
相关·内容
1回答
我首先旋转一个应用了纹理的精灵，然后应用一个带有碎片着色器的滤镜，这会导致精灵变形。但是，当我将滤镜添加到精灵中时，它会旋转到正常的水平位置，而不是以前的角度位置。 我尝试在着色器中应用旋转函数来旋转uv。这会旋转图像，但会在旋转的部分之外更改图像。这里有一些截图。 添加和更改角度后精灵的初始外观： ? 应用滤镜后的外观： ? 如你所见，旋转被移除了。 我尝试在着色器中添加一个旋转矩阵，结果如下： ? 旋转是正确的，但仅旋转纹理，而不旋转实际容器。将角度应用回精灵不起任何作用。 实际结果应该是第一个+第二个图像，以便滤镜应用于旋转的精灵。 以下是将滤镜添加到图像的代码
浏览 41提问于2020-10-03得票数 0
回答已采纳
有没有办法手动打开/关闭图形对象的抗锯齿？我在PIXI.js上写股票图表，它有几个形状。如果在创建呈现器时将抗锯齿属性设置为true，则所有图表形状都是抗锯齿的(直线形状也会应用抗锯齿)。由于存在抗锯齿形状，图表变得模糊。因此，如果我有办法手动打开/关闭每个PIXI图形对象的抗锯齿，我认为图表将变得清晰。
我想听听关于这个问题的任何建议。
提前感谢！
浏览 15提问于2018-06-11得票数 0
我正在开发一个小的迷你狼游戏，在这个游戏中，用户可以通过移动光标来设置角度，并且应用的力将是箭头的长度(当光标靠近球时，力较小)。你可以在这里查看它是如何工作的：
我已经知道如何旋转箭头精灵来跟随光标，但我还不知道如何让它在球周围移动，现在它只是在它的锚中旋转，在这个例子中是箭头的头部。
我使用Panda.js (一个基于Pixi.js的框架)来开发游戏，但它的应用编程接口类似于原生Canvas函数。我不需要确切的实现(这就是为什么我不发布任何代码)，但我想了解一些关于如何在给定半径内围绕一个点旋转sprite的想法。在这种情况下，点将是球的中心，半径将是球的半径。谢谢!
浏览 0提问于2017-11-04得票数 0
1回答
我试图创建一个等距网格，旋转一个45°，然后在(垂直)Y轴上缩小。然而，我使用的Pixi.js似乎在旋转后沿着局部坐标系缩放，导致一个看起来倾斜而不是压扁的正方形。
是否有一种在Pixi.js中依次应用转换(首先旋转，然后缩放Y)的方法，或者允许我在旋转后沿垂直Y进行缩放的另一种方法？
我目前正在使用Graphics对象的.rotation和.scale属性来进行转换。
浏览 2提问于2016-09-07得票数 5
回答已采纳
2回答
我正在尝试应用一个png精灵作为另一个图层的蒙版。我从pixi.js官方网站上得到了演示，并做了这个小提琴：
这是我正在使用的掩码的核心代码：
var brush = PIXI.Sprite.fromImage('http://i.imgur.com/LtSbbSP.png');
brush.anchor.set(0.5);
app.stage.addChild(brush);
brush.x = app.renderer.width / 2;
brush.y = app.renderer.height / 2;
var thing = new PIXI.Graphics
浏览 1提问于2017-05-03得票数 1
1回答
旋转一个精灵不会旋转它的框架，而是放大它以适应精灵的新尺寸，文档中的。精灵周围的附加区域创建了空白空间。
在确定旋转的精灵是否包含另一个精灵或其点时，contains() 会考虑旋转的精灵周围的空accumulatedFrame空间。
如何更改帧以匹配精灵，从而避免这种情况发生？
浏览 1提问于2018-11-26得票数 0
1回答
我在IOS/spritekit工作，在那里我有一个旋转的精灵。旋转很好，但是我还想让精灵跳起来。因此，我在我的雪碧physicsBody中添加了动态和恢复功能：
SKSpriteNode *sprite = [SKSpriteNode spriteNodeWithImageNamed:@"bigball"];
sprite.position = location;
sprite.physicsBody = [SKPhysicsBody bodyWithCircleOfRadius:sprite.size.width/2];
sprite.physicsB
浏览 0提问于2014-02-22得票数 0
回答已采纳
1回答
我试图使用定向旋转插件与pixi.js插件。
然而，它似乎不起作用。如果您撤消codepen：中的注释，您可以看到我尝试了三种不同的方法：
1 directly adding "_cw" doesn't work
2. using directional rotation plugin without pixi.js plugin result in crazy rotating
3. combining directional rotation plugin with pixi plugin doesn't work at all. no rotatio
浏览 1提问于2018-04-19得票数 0
回答已采纳
我注意到，在pixi.js版本1.3中，如本例所示，堆叠精灵，然后单击并拖动仅拖曳最上面的精灵。
bunny.mousedown = bunny.touchstart = function(data)
{
// data.originalEvent.preventDefault()
// store a refference to the data
// The reason for this is because of multitouch
// we want to track the movement of thi
浏览 4提问于2015-05-16得票数 0
回答已采纳
1回答
我正在用Ue4做一个2d射击游戏。我正在尝试旋转一个精灵来面对鼠标。稍后，精灵将是一个隐藏的箭头，用于确定子弹在产卵时的方向。添加sprite是为了帮助我进行可视化调试。由于游戏是2d的，精灵应该只需要绕Y轴旋转。 精灵未正确旋转。当我在游戏窗口的边缘移动鼠标指针时:它不是在一个圆圈中旋转360度，而是前后摇摆(见第二张图)。 我认为这是弧度或世界空间的问题，但我已经做了基本的故障排除，我知道如何。第一个图像是产生错误的蓝图的最干净版本。我尝试过ATAN、ATAN2和GetMousePosition解决方案，所有这些解决方案看起来都与此略有不同。 在精灵图像中，红色圆圈显示了我的光标所在的位
浏览 17提问于2020-12-19得票数 0
回答已采纳
我正在尝试让精灵相互交互。我不是程序员，所以我只使用了Pixi.js站点上的拖动示例和交互式示例的代码，并且能够获得可拖动的精灵，当鼠标在它们上面时，它们会改变颜色(当鼠标不在上面时，它们会恢复正常)。我想要做的是避免精灵重叠，并在它们足够接近时强制它们连接(一个在另一个的侧面，或者一个在另一个下面)。我真的很感谢任何人的帮助。谢谢
浏览 1提问于2016-05-10得票数 0
Pixi.js Touchmove和鼠标移动事件目标具有不同的目标。一个似乎指向DisplayObject，另一个指向里面的精灵。有没有办法停止传播？
谢谢!
浏览 1提问于2014-12-15得票数 0
3回答
有没有一种方法可以让精灵在与其他精灵接触后旋转，而不对其施加摩擦力？
如果我设置
sprite.physicsBody.friction = 0.0;
sprite.physicsBody.allowsRotation = YES;
不会发生旋转。
浏览 1提问于2013-10-15得票数 0
我正在使用PIXI.JS中的片段着色器或滤镜在图像精灵上，基本上将整个容器设置为红色。传递time uniform会将所有内容设置为黑色，而不是在红色和黑色之间更改颜色。有任何关于为什么它没有按预期更新的提示吗？
谢谢!
import * as PIXI from 'pixi.js';
// Variables
const width = window.innerWidth, height = window.innerHeight;
let uniforms = {
time: {
type: 'f',
value: 0
}
};
/
浏览 30提问于2019-08-02得票数 2
1回答
检查圆范围内的碰撞
、、、
我正试着用一些线条相似的精灵来填充圆圈。我在+-半径内生成随机位置x和y，但当它不与圆界相交时，我想画雪碧，例如：
绿线，我想画，红色线-我不想。我想知道一些想法，可以帮助发现不想要的精灵快速。我有什么可以用于这个目的的吗？我用的是pixi.js，它的高度和宽度总是一样的。
浏览 3提问于2020-11-11得票数 0
回答已采纳
我想用pixi.js在多边形上渲染一个纹理，精灵给我提供了一个正方形的选项。我需要更改(top，left)，(top，right)，(bottom，left)，(bottom，right)，以便在其中渲染图像。
我该如何解决这个问题？
例如，beginFillBitmap或任何其他方式？
浏览 1提问于2013-12-17得票数 2
1回答
我正在尝试缩放到PIXI.js精灵对象上的特定点。我可以通过改变锚点来达到类似的效果，但是，这会扰乱坐标系，这是我不可能发生的。有没有人知道如何通过重新定位精灵对象来做到这一点？
这个例子就是我想要实现的，但是在代码中，他们使用了一些pixi新版本中不存在的函数。
谢谢!
浏览 0提问于2015-01-07得票数 1
2回答
在AS3中，我有一个应用了Z轴旋转的精灵。
如何根据Sprite.rotationZ和Sprite.getRect(...)计算Sprite尺寸(原始大小)？
浏览 0提问于2010-01-26得票数 0
回答已采纳
在CSS中，我们可以使用clip-path遮罩/剪裁一个形状内的正方形图像，例如，clip-path: ellipse(60px 40px at 75px 30px);将图像裁剪成一个椭圆。
如何在Pixi.js中将精灵裁剪成椭圆？
浏览 31提问于2018-10-14得票数 1
我有大约50张图片，我将它们加载到应用程序中。然后，我为每个图像创建sprite。图像的宽度和高度不同，它们的宽度/高度也不一样，而且与我在屏幕上需要的精灵相比，图像相当大。
我使用的是最新的PIXI.jS版本。我已经定义了宽度(假设width = 100)。我需要所有的精灵是与= 100，但高度应按比例计算的图像(纹理是从创建)。
有可能吗？
let mySprite = new PIXI.Sprite(app.loader.resources[imgName].texture);
mySprite.anchor.set(0.5, 0.5);
mySprite.width = 100;
m
浏览 0提问于2020-11-24得票数 0
为什么在使用过滤器时cacheAsBitmap会自动设置为true？
我有一个电影剪辑，它每一帧都会被画到舞台上，因为它有一个播放时间轴，而且它每隔一段时间就会旋转一次，我希望将cacheAsBitmap设置为false。但是电影剪辑有一个dropshadow-filter，它将cacheAsBitmap设置为true，这是否意味着缓存每一帧会损失很多性能？
从正在绘制的电影剪辑中删除dropshadow滤镜，并将其应用于其所有子对象，这是否是一种解决方案？
浏览 1提问于2013-03-26得票数 2
回答已采纳
目前，我正在使用andEngine版本1在安卓中创建一个游戏演示应用程序。
目前，我的sprite以如下代码所示的角度旋转
aircraft.setRotation((float) rotationAngle);
但是我的精灵每次都是从它的初始位置旋转的，但我想从它的当前位置而不是它的初始位置开始旋转，在我的游戏应用程序中，.Because精灵反复地以不同的角度旋转(多次)。所以这看起来很糟糕！(每次都是这样)所以我想平滑地旋转我的精灵，我该怎么做呢？
我也使用了这个代码的平滑旋转，但我仍然没有得到平滑旋转..？
//这是为了使飞机的旋转变得平滑
for (int i= 0；I <=
浏览 2提问于2013-04-12得票数 2
回答已采纳
1回答
我用libGdx编写简单的游戏。我有一个英雄，它总是在屏幕中央，我必须移动我的背景精灵(或区域？)做动作假象。但我的背景精灵并不是无限的。
我怎样才能创造无边无际世界的错觉呢？
当然，我可以添加几个背景精灵，试图覆盖所有的空白屏幕。但是我必须把所有其他的东西都画出来:房子，怪物，其他英雄等等。所以我还有第二个问题：
当我试图画其他对象(很多对象！)在屏幕外，它对记忆的影响有多大？如何正确地绘制它？
我知道libgdx中的OrthographicCamera只绘制viewportHeight区域。如果是正确的话，那么我必须移动我的相机和我所有的精灵。我觉得这不对。
如
浏览 2提问于2013-04-13得票数 0
1回答
我正在寻找一种方法来模拟风向对二维场景中各种精灵的影响。我能用什么相对简单的技术来解决这个问题呢？
我所想的是给这些精灵一种“弹簧”的效果，我可以用一种力量将它们旋转到一个特定的方向，并最终使其退化，并随着时间的推移使精灵恢复到“静止”的旋转状态，并有一点反弹/摆动/摇摆.我不明白如何在数学上利用旋转创造弹性/弹簧效应，同时考虑到质量、阻力或刚度等因素。我该如何在代码中这样做呢？这不一定是超现实的。
我希望建立一个全局的风变量，这个变量被应用于精灵，从屏幕的一边开始，到另一边去，看起来就像一阵风吹过。我应该能够做到这一点，一旦我有了一个方法，将风力应用到一个单一的精灵。
我该怎么做？
浏览 0提问于2014-04-27得票数 3
1回答
我的pixiJS应用程序出现问题。我有很多精灵可以在我的场景中移动。我的目标是创建一个带有精灵之间碰撞的计划，为此我使用了bump插件和rectangleCollision函数：
let collision = b.rectangleCollision(selectCont,c2,true,false,true);
如果我的精灵没有旋转，但如果我旋转精灵，碰撞就不起作用(图片中的左边和右边)，它可以工作(图片中的中间案例)。
我认为这是一个精灵边界的问题，但我不知道。
我有一个包含所有精灵的数组，我有一个函数，当我右键单击一个精灵时，它会应用旋转，当我想应用旋转时，它确实可以工作，但
浏览 45提问于2021-02-15得票数 0
1回答
我正在做一个基于拉斐尔的脚本，可以旋转，调整大小，翻转和翻转图像。我在IE中遇到过一个奇怪的问题:当不透明的图像旋转某个角度，然后用矩阵进行翻转时，上面有黑色区域。
图像被旋转和翻转：
看到黑色边框了吗？
我已经尝试过应用AlphaImageLoader，但是没有结果。你有什么想法吗？
浏览 0提问于2010-10-28得票数 2
嗨，我想知道为什么我在Pixi.js中的精灵比我预期的要大得多。如果我把我的精灵“蝙蝠”添加到我的舞台上，它看起来是正确的，但是当我使用一个叫做“背景”的精灵并添加我的精灵“蝙蝠”时，它的大小就变得混乱了。
我的背景是这样的
function Background(screenWidth , screenHeight, imgPath)
{
var bgImage = PIXI.Texture.fromImage(imgPath);
PIXI.Sprite.call(this, bgImage);
this.position.x = 0;
this.positi
浏览 6提问于2014-03-11得票数 1
我有这个精灵旋转算法(它的名字很糟糕，只是用来测试)。它是如此接近，用它绘制的精灵都会旋转。每一帧我可以添加+5度，并看到我可爱的小精灵旋转。问题是，画到画布上的其他东西现在闪烁了。如果我不做旋转，常规绘制的精灵效果很好。我想我已经接近了，但我只是不知道我错过了哪一块。下面是我的两个"Draw_Sprite“方法，一个只是将之前加载资源的位图绘制到传入的画布上。另一个，做一些旋转，最好的我知道如何旋转精灵这么多的degrees..and，然后绘制它。如果我有一个很好的游戏循环来绘制几个对象，其中一种类型是旋转类型。然后，未旋转的精灵闪烁，但旋转的精灵永远不会闪烁。虽然如果我首先绘制未旋
浏览 3提问于2010-08-28得票数 7
回答已采纳
3回答
我有一个带有旋转和平移变换的System.Drawing.Drawing2D.Matrix，我需要将其应用于sprite。不幸的是，旋转原点位于精灵的左上角。
如何将旋转原点更改为精灵的中心？
浏览 1提问于2011-03-07得票数 3
回答已采纳
我在Chrome中使用了色调旋转、模糊、对比度和亮度，但Firefox不支持它们。
是否有任何替代方案可以与<video>配合使用
浏览 1提问于2013-08-15得票数 0
3回答
我目前正在将sprites组合在一起，然后对then应用旋转转换：
private void UpdateMatrix(ref Vector2 origin, float radians)
{
Vector3 matrixorigin = new Vector3(origin, 0);
_rotationMatrix = Matrix.CreateTranslation(-matrixorigin) * Matrix.CreateRotationZ(radians) * Matrix.CreateTranslation(matrixorigin);
}
这里的源头是我的精
浏览 0提问于2011-11-29得票数 7
回答已采纳
2回答
是否可以使用pixi.js制作2D图形，然后使用three.js添加3D对象，或者在同一视图中旋转2D pixi对象？
例如，可以用pixi制作2D gui，然后用three.js旋转到3D场景中吗？
或者像这样使用这两个库是不可能的？
浏览 9提问于2013-09-29得票数 1
我试图让一个精灵直接向鼠标移动，利用它们之间的角度。这个角度是通过atan2函数找到的。虽然此角度适用于将精灵朝向鼠标旋转，但精灵会根据给定角度的象限以错误的方向移动。它有时会冻结在一个象限内，或者直接移动到鼠标的对面。
我正在使用基本的Trig函数来找到角度，并计算适当的添加到精灵的X和Y变量。同样重要的是要注意，我计算的角度，虽然它不适用于移动，但却完美地适用于旋转。奇怪的是，我传递了两个点之间的X差，然后是Y差，这与反切函数的处理方式相反。因此，我甚至不确定这个角度是如何使旋转正确工作的。
我尝试将Y差值和X差值(按该顺序)传递给atan2函数。然而，这导致我的精灵上的旋转是错误的，使我
浏览 30提问于2019-05-21得票数 3
1回答
我想用精灵创建一个小动画，并希望找到最合适的工具/库。基本上，我想知道什么是与对应的反应非本地的。
我尝试过创建gifs，但是透明性有很多工件。我可以使用类似phaser/pixi.js之类的东西，但是对于一些简单的动画，它似乎有点过分。
浏览 6提问于2016-12-02得票数 0
回答已采纳
2回答
我有这样的html结构。
<div class="block>
content
<span class="child">text</span>
</div>
在css中，我说：
.block{
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.99254615, M12=0.12186934, M21=-0.12186934, M22=0.99254615, sizingMethod='auto expand');
}
这样块就会旋转负
浏览 1提问于2009-12-18得票数 0
我正在写一个基于画布的游戏，其中涉及到画布上的许多精灵在同一时间。在某些情况下，精灵是不可见的，为了节省渲染周期，如果玩家看不到它们，我不会将它们渲染到画布上。这对于未旋转的精灵非常有效，但一旦它们被旋转(特别是矩形)，我就不能再准确地确定它们是否仍在可见的画布中。
到目前为止，作为我的主呈现循环的一部分，我正在做以下工作：
if (image !== null) {
ctx.save();
ctx.translate(this.x, this.y);
ctx.rotate(this.rotatio
浏览 1提问于2011-01-08得票数 2
回答已采纳
事情是这样的，我正在用opengl ES编写一个2D框架/游戏引擎。我正在使用VBOs和正交投影在屏幕上绘制精灵的排列(作为测试的一部分)，一切都进行得很顺利，直到我不得不玩平移和旋转。我遇到的具体问题是，当我在旋转之前使用glTranslatef()应用平移时，该函数不仅移动了精灵，还移动了我的原点，弄乱了我的整个转换。我100%确定它是以这种方式工作的，因为我使用glTranslatef()将sprite移动到屏幕大小的一半的右下方(是的，我的原点在左上角)，然后应用恒定的旋转，它只是在围绕屏幕中心的圆形路径上移动(实际上是旋转，但不是我预期的那样)。
如果你想要一些代码，我们开始吧：
g
浏览 3提问于2012-12-04得票数 0
1回答
我在下面有一个类，我将它附加到一个对象上，以便使它围绕其轴心旋转。我通过检查员发送了精灵的枢轴。
这也是我想要的工作方式，但我遇到的问题是，每当我触摸并拖动它，然后再次触摸并拖动它，它就会捕捉到一个新的位置。
我想让它做的是，当它旋转，然后再次旋转时，精灵保持相同的旋转，而不是捕捉到新的位置，我希望精灵的角度重新设置为0。下一步是我想让角度连续旋转。因此，如果我在正方向上旋转它，角度应该保持在正方向上增加，而不是change..Such为0 -> 360 -> 720 ->等等。然后当鼠标释放时，精灵保持在相同的位置，但角度现在被设置回0。然后当再次单击以旋转时，它将从该确切
浏览 1提问于2016-01-14得票数 0
在我的太空游戏中，我在给飞来飞去的物体上色时遇到了一个很大的问题。
当我射击并击中他们时，受影响的敌人会眨眼。图形是预先渲染的(即，有一个旋转数组和函数，其中存储/计算对象的度数及其适当的旋转，以获得更好的性能)。
所以-我的想法是用额外的着色功能来增强旋转功能；但是着色和旋转的对象应该与正常的旋转对象分开存储。为此，我创建了一个嵌套数组:在第一行中有360个旋转的对象图形，在第二行中有360个旋转的彩色对象的图形。
问题:着色工作，但它们不旋转(始终为0度)。请帮帮我-我花了几个小时弄清楚为什么它不起作用，所以我放弃了。如果有人能找到问题所在，那就太酷了！非常感谢!
public funct
浏览 1提问于2011-07-06得票数 1
回答已采纳
我正在使用带有Box2D的Cocos2D，并且从具有单个fixture的Box2D移动到具有多个fixture的Box2D，每个具有对应的sprite。通过使用
body->GetTranform().p.x + shape->m_centroid.x
body->GetTranform().p.y + shape->m_centroid.y
body->GetTransform().q.GetAngle()
我能够正确地定位精灵，直到身体旋转。在这一点上，所有的事情都出错了，每个精灵相对于它的兄弟姐妹旋转，整个组围绕着我认为是(0，0)身体锚点旋转。
我的猜测是
浏览 1提问于2012-03-15得票数 0
回答已采纳
3回答
我旋转一个视图的角度，旋转之后，我得不到视图的平滑边缘。请检查附件中的图像。有没有办法让UIView有一个平滑的边缘？
为此，我使用了以下语句。
CGContextRotateCTM(currentContext, RADIANS(-5));
浏览 0提问于2013-06-04得票数 0
我有一个使用pixi.js构建的游戏，每当用户按下某个精灵下面的代码时，我都想运行一些代码。我正在使用hammer.js处理媒体事件。问题是sprite的y属性和用户触摸事件的y属性与我在屏幕上看到的不匹配。
例如，请考虑下面的代码：
if (touchPointer.clientY > this.children.marker1.position.y) {
console.log("******* Clicked Below the Line ********: ");}
else{
console.log("******* Clicked Above
浏览 0提问于2017-11-30得票数 0
我的应用程序在画布周围启动sprite实例，然后在屏幕上向x/y坐标移动。我希望能够围绕它的中心旋转精灵，这样它就可以面对它的目标坐标。我正在使用精灵工作表，并有与剪辑的问题。我也发现了很多很好的例子，但似乎没有什么能完全覆盖我正在寻找的东西。但为了提高效率，我使用了一个ImagePooler类，不能在每次绘制/旋转时重新加载图像。因此，如果有人有一个想法，如何旋转预加载的图像，而不是剪切我的精灵工作表，我将非常感激。
浏览 0提问于2011-05-15得票数 6
回答已采纳
3回答
绕Y轴旋转雪碧(2D)
、、、
我将很快创造一个游戏，其中一部分涉及旋转精灵。精灵将围绕Y轴旋转(想象一个旋转板在一根棍子上，在那里棍子竖立起来。
我想到的主要方法是有一系列不同旋转值的精灵，当‘板块’旋转时，我会模糊它们之间的旋转值(不过，精灵比板块更复杂)。
游戏将是为iPhone，但我开放使用任何2D给它的开发库。
浏览 0提问于2012-06-11得票数 0
回答已采纳
使用pixi.js创建精灵和
var sprite = new PIXI.Sprite(textureSprite);
sprite.buttonMode = true;
sprite.position.x = _.provinces[0].posX;
sprite.position.y = _.provinces[0].posY;
// make the button interactive...
sprite.interactive = true;
sprite
// set the mousedown and touchs
浏览 2提问于2015-08-19得票数 2
我是javascript的初学者，试图制作一个javascript空间游戏，你可以移动宇宙飞船来避开小行星。
这里有一个预览链接。它应该可以在台式机或移动设备上运行：
我希望船在移动时稍微向左或向右倾斜。使用sprite sheet倾斜船体，还是在javascript中实际旋转图形更好？
我目前正在使用精灵工作表来做这件事。船舶动画是两帧(使助推器火焰闪烁)。我有两个帧专门用于每个直，左，右，在一个精灵工作表。当精灵左右移动时，这似乎会导致闪烁。每隔一段时间它就会消失。我不知道为什么。
精灵工作表是预先加载的，我想这会防止闪烁。它是这样的，直到我决定为倾斜的宇宙飞船增加4个框架。
如果我使用j
浏览 0提问于2016-10-14得票数 0
我随机取了一个内核，并将其应用于padding='valid'，stride=(1,1)的图像，内核的大小= (3,3)。 这是正常的图像： ? 这是应用滤镜后的图像： ? 然后我将原始图像旋转了90度，它变成了这样： ? 然后我对这个旋转后的图像应用了相同的滤镜，并将其作为输出： ? 然后我旋转了这张输出图像，以便它的旋转与之前的特征图相同。在我旋转了这个旋转后的特征图，并将它与之前的特征图进行比较后，我注意到它们是不同的。 以下是两个功能图的图像： ? ? 正如您所看到的，它们显然是不同的。 这意味着随着输入图像中特征位置的改变，特
浏览 31提问于2020-09-11得票数 0
1回答
我希望在OpenGL 1.1中有一个广告牌精灵，但是每当我旋转相机时，它就会被抵消。它看上去很好，直到相机旋转。这是我的代码：
glPushMatrix();
glRotatef(player.rot%360, 0, 1, 0);
glTranslatef(player.x, 0, player.z);
level.render();
glRotatef(player.rot%360, 0, -1, 0);
// Render billboard here
glPopMatrix();
摄像机旋转时的广告牌
浏览 3提问于2018-10-07得票数 0
回答已采纳
1回答
倾斜方向上的点- iPhone
、、、、
在我的cocos2d游戏中，我有我的玩家精灵，我想让他沿着我倾斜iPhone的方向移动。我可以解决这个问题，最困难的是我不能解决这个问题：
我如何让我的精灵旋转，指向我倾斜的方向？这在应用商店的“Tilt to Live”游戏中得到了很好的体现。我想要这样的控制。
我的精灵(对于那些不熟悉cocos2d的人)确实有一个旋转值，如果这有帮助的话。
谢谢。
浏览 1提问于2011-02-27得票数 13
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
