jjzjj

Graphics

全部标签

javascript - 将图形置于 Phaser 中动态添加的 Sprite 之上

我正在使用定时事件动态添加Sprites。我找不到在生成的sprite上方添加新图形(填充矩形)的方法。Sprite总是在最上面create(){vargraphics=game.add.graphics(0,0);graphics.beginFill(0xFFFF0B);graphics.drawRect(0,0,windowWidth,70);graphics.endFill();timer=game.time.events.loop(1500,addSprite,this);}addSprite(){sprite=game.add.sprite(20,30,'sprite');}

javascript - 与轨迹网格碰撞

我想避免我的播放器能够站在墙内。每个游戏刻我的玩家移动一小段距离和/或旋转。TL;DR请提供经典线段->-三Angular形交集算法的变体,该算法也返回未命中,或以其他方式解决问题如果线段在三Angular形的给定距离内通过,则该线段相交。这个问题有很多微妙之处,比如三Angular形的轨迹Angular是圆的,线段是否与三Angular形相切。我有通常的射线/三Angular形相交代码。但是,射线对于移动玩家的近似值非常差!我遇到了播放器中心缺失边缘但播放器网格穿过它们的问题。您如何有效地确定玩家在3D环境中何时何地与墙壁和障碍物发生碰撞?一种通用方法是使用近乎未命中的三Angula

javascript - 如果比较函数不可传递,Array.sort() 的行为如何?

我正在编写一种算法来对3D框数组进行排序,以便按从前到后的顺序进行绘制。有一种定义明确、稳定的方法来决定两个盒子中的哪个盒子在另一个盒子前面,所以我编写了一个函数来做到这一点,然后我将我的函数传递给Array.prototype.sort()以获得正确的绘制顺序。但也可能存在这样的框循环,即A>B、B>C和C>A都为真。这意味着整个列表没有明确定义的排序顺序,即使任何对的顺序都是明确定义的。在实践中,这种情况不太可能出现,如果出现,我可以忍受一两个盒子的顺序错误。但是,在这种情况下,是否存在可能对整个列表进行错误排序或崩溃的JS实现?16年11月10日更新现在项目已经完成,只是为了补充

javascript - 仿射变换矩阵偏移

这几天一直在折磨我。不是开玩笑,但我一直在努力解决这个问题。我目前正在尝试使用仿射变换矩阵在HTML5中创建等距投影。我收到一个方block,它是一个旋转45度的正方形(本质上是方形Canvas上的方形菱形)。然后,我根据x或y方向是否存在增量来缩放其中一个轴。然后我将轴倾斜一个因子以适合。然后,我通过将初始旋转向后旋转-45度来取消初始旋转。目前,我的仿射矩阵是://note:thedifferenceinzisabout10inthisexample,//so,xDiffisusually40varxDiff=4*(center.z-map[x+1][y].land.z);vary

javascript - 将 SVG 曲线拟合为多项式

假设我有像x²或2x+3x²这样的函数,如何创建适合这些函数的SVG路径?根据我对SVG和Bezier曲线的有限理解,我相信我正在寻找for是一种构造贝塞尔曲线控制点的简单技术,可确保生成的图形符合给定函数。您可以放心地假设(如果您还没有猜到的话)我是图形编程的新手。我知道像gnuplot这样的框架可以执行这种类型的插值,但我正在寻找有关如何使用SVG和JavaScript手动执行此操作的解释。编辑:精确拟合不是严格要求,但生成的图表必须相当准确(出于教学目的)。 最佳答案 SVG提供了2阶和3阶贝塞尔曲线,对于二次和三次多项式应该

javascript - 绘制具有厚度/宽度的线的算法

我正在寻找一种绘制具有一定粗细的线条的快速算法。线条不必抗锯齿,速度优先。像这样相当简单的东西就足够了:用例是一个Javascript游戏,蠕虫会留下痕迹。(HTML5Canvas明显画线,但是getImageData()很慢,碰撞检测也很慢)在过去的2.5小时内,我找不到执行此操作的任何东西。是的,我知道关于SO的问题几乎相同,实际上有很多,但没有一个有可行的解决方案。我目前唯一的解决方案是沿着Bresenham线画圆,这不是很有效。一些代码(伪代码、JS或至少一篇文章的链接)会很棒。 最佳答案 http://members.ch

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 - 我可以在 Javascript 中识别(绘图板)Pen Pressure 吗?

有什么方法可以使用javascript识别笔压。最好我不想使用任何Flash并尝试将其作为纯JS完成。编辑:好吧,我意识到Wacom数位板是有可能的,因为它们带有可以与它们的javascriptapi一起使用的软件,使之成为可能(demos)。但这对使用Trust平板电脑或任何其他品牌的人没有好处……所以真的没有好处。如果不是JS,有人知道如何在C#中实现吗? 最佳答案 是的-如果用户安装了Wacom数位板,那么他们的浏览器将有一个您可以访问的插件。http://www.wacomeng.com/web/index.html作者编辑

javascript - JavaScript 中的对象句柄

是否有像这样的javascript替代方案或解决方案:www.objecthandles.com我正在制作一个基于网络的类似图表的程序,您可以在其中添加需要能够移动、调整大小和旋转的基本形状。 最佳答案 嗯,也许这行得通?http://www.jointjs.com/ 关于javascript-JavaScript中的对象句柄,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/566

javascript - javascript中的图形马尔可夫链

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于StackOverflow来说是偏离主题的,因为它们往往会吸引自以为是的答案和垃圾邮件。相反,describetheproblem以及迄今为止为解决该问题所做的工作。关闭9年前。Improvethisquestion我有一个马尔可夫链,我想用javascript以图形方式表示。我需要表示节点、链接和转移概率。也许类似于这两个图表之一:找到一个好的图片库(比如Raphael)不是问题。对我来说,问题是找到一种方法来确保节点布局合理,在其他节点或线前面