问题标签 [two.js]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 二.曲线上的JS点
我有一个 Two.JS 多边形对象。现在我想要一个点的 x/y 位置(点的位置在曲线上以 % 给出)
Two.JS 多边形具有属性结尾。你可以在那里给出一个 0 到 1 之间的数字。这就是我想要的一个特定点。有没有办法获得曲线上某个点的 x/y?
也许可以使用另一个 JS Canvas/SVG Lib。
javascript - 如何将 DIV 导出到图像
我想将 div 导出为 PNG 或 JPG 图像。基本上 div 有一个附加的 two.js 对象。Two.js使用 SVG 绘制,这意味着我猜想我不能使用那些画布toDataURL
替代品。
two.js 实例是一个 400 x 400 像素的框,包括使用two.makeLine(x1,y1,x2,y2)
.
如果可能,JavaScript 应该返回该 div 或 two.js 对象的生成图像/屏幕截图。
cocoonjs - CocoonJS 路径演示中的奇怪工件
在 CocoonJS 的路径演示中缩小时,我得到了一些奇怪的效果。(爱康尼亚 A510)。矩形中缺少像素。如果我放大它,它看起来又很坚固(但非常像素化)。有人可以确认这也发生在其他设备上吗?
附录
我想这与 smae 问题有关。相同的测试代码在 CocoonJS(相同设备)和 Win 7 / Chrome 30.0.1599.66 m 上运行
这是 Nexus 7 的另一个测试
https://f.cloud.github.com/assets/220033/1242079/0003f2e2-2a31-11e3-8c53-282493a462a9.png
关于 TwoJS 的 github 的更多信息:https ://github.com/jonobr1/two.js/issues/48
javascript - 创建动态 Two.js 变量以涉及单个点击事件
在创建two.js对象时,以下是部分:
我试图将所有必要的参数保存在一个数组中,如下所示:
[x position, y position, radius, color]
所以我有这个功能
后者的问题是线条
每次触发时都需要一个新变量,因此输出是一组圆圈,当单独单击时,只有最后一个会改变颜色,因为我所拥有的设置var rotato
应该是新的每个圆圈和迭代。
如何使变量动态化,或者有更好的解决方案来解决这个混乱?
javascript - 如何在 two.js 中解释外部 svg 文件
有什么方法可以在 two.js 中解释带有 object 标签的外部 svg 文件吗?我尝试了下面的方式但是..
HTML
JS
如果我可以导入外部 .svg 文件,那就太好了,因为我的 svg 文件太大而无法以 HTML 格式写入内联 SVG。
提前致谢。
javascript - 如何正确解释用于 two.js 的外部 SVG 文件?
如果 object 标记不是很合适,那么是否有更可取的方法来获取 SVG 文件并直接使用 two.js 对其进行操作?还是我必须进入 SVG 并内联添加它们?
使用这个问题的代码和我自己的一些编辑,我无法让我的对象旋转,Chrome 给了我错误: Uncaught TypeError: Cannot read property 'x' of undefined
HTML
JS
由于引用问题中的代码似乎适用于个人,我假设我只是有一个语法错误。关于发生了什么的任何想法?
编辑:在弗朗西斯的帮助下,我能够解析我自己的 SVG,以便与弗朗西斯提到的 for 循环一起使用,以便访问其中的元素,但似乎正在考虑以下 SVG 中的嵌套 G 标记为空。 ..由于某些原因:
此外,Chrome 在加载时会引发以下错误:
'Uncaught TypeError: Cannot read property 'nodeName' of null' 在第 68 行,在 handler() 函数中(这是我认为嵌套的 G 被认为是 null):
'Uncaught TypeError: Cannot read property 'childNodes' of undefined' 在上述 for 循环中,我认为这是因为 null 元素被认为是 null 的事实:
javascript - 在一段时间内保持球的形状和动画一致性
我是two.js的新手。我正在尝试使用橡胶球示例进行一些基本实验,以根据随机输入而不是鼠标移动每秒重新定位球。
所以,我写了下面的代码,但经过一些迭代后它正在消除橡皮球效应。我不知道出了什么问题。
第二个问题,经过一些迭代,橡胶球的形状正在从圆形变为椭圆形。
JSFiddle: http: //jsfiddle.net/2v93n/尝试了很多次,但没有与 jsFiddle 一起工作。
请帮助某人。
javascript - Some shapes not being removed in Two.js when looping through array of all shapes
I'm building a web-app using Two.js which generates shapes and then removes them again after their lifespan is up.
When making the shapes I push them into a new array which I then loop through every frame to check if the lifespan is up. If it is then the shape is removed and spliced from the array.
This works 99% of the time, but sometimes a shape does not get removed from the stage, even though it gets removed from the array. So it gets stuck and there is no reference to it so I can't remove it.
Also if I remove the 'if shape' check in the loop I get this error a lot: Uncaught TypeError: Cannot read property 'creationTime' of undefined which I'm sure means something is not right.
javascript - Two.JS:“尝试删除从 SVG 解释的形状时,无法在“节点”上执行“removeChild”
我正在使用 Two.JS 向舞台渲染形状,这些形状已使用 Two.js 解释方法从 SVG 解释。
它们添加了生命周期属性,在 Two 的渲染循环中,我检查插图并在时间到时将其删除。
这在大多数情况下都有效(> 99%),但偶尔形状会卡住并且我收到此错误:
Uncaught NotFoundError: 无法在“节点”上执行“removeChild”:要删除的节点不是该节点的子节点。
这是我删除插图的循环:
这是发生错误的 two.js 中的相关代码。
这只发生在解释的 svg 上,而不是形状。形状和解释形状都返回 two.polygon 对象,所以这看起来很奇怪。
我能想到的一件事是 two.js 使用它解释为多边形的 id 的元素的 id,如果有两个具有相同 id 的元素,那么这会在尝试删除时导致错误。但是,如果有任何现有的插图,每次都停止添加插图,但 alreadyIllustration 检查似乎都能正常工作。
我还尝试将 id 设置为它的创建时间,而不是元素的 id,因此它每次都是唯一的,但这会导致其他问题和错误。
非常感谢。