问题标签 [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 - Twojs 闪烁的圆圈
我正在研究图形编辑器。我需要突出显示一个圆圈,并将该圆圈置于屏幕中心并将缩放比例设置为 2。如果该圆圈已被高亮显示,请将其切换并设置为普通圆圈。我需要至少让圆圈闪烁才能将其关闭。
我不知道如何使圆圈闪烁。知道“two.js”怎么做的人可以吗?我知道它在函数 two.update();
并触发眨眼
这是让这个眨眼的最好方法吗(即使它只眨了一次)
这是一个 JsFiddle https://jsfiddle.net/hichem147/uf0b82ry/
使用方法:点击 [(+) Node],然后创建一些节点,然后点击 [Select] 并点击一个圆圈,然后点击 [Blink] 按钮。
javascript - 二.JS从不同范围渲染
我正在使用Electron和Two.js构建一个桌面应用程序。该应用程序基本上是一个 2D 级别的编辑器。在游戏中有Tile
代表32x32
瓷砖的对象。有一组 Tile 对象,我尝试使用它们来绘制它们,Two.JS
但事实证明two
无法找到不在同一范围内的可渲染内容two.update()
我尝试使用创建一个组two.makeGroup()
,然后在循环 Tile 对象时,我尝试使用two.add(newRect)
. 没运气。
这样做根本行不通。(超出范围?)
但由于某种原因,这种方式工作得很好
我的问题是:如何从不同的范围渲染多个对象?
(它不绘制)这个函数是我试图从中绘制的:https ://github.com/idontreallywolf/gyarb_mapper/blob/750eddc6cbb179d359c47b4fc6711c9e79a0472d/renderer.js#L73
编辑:(它能够绘制)我尝试添加一个随机函数,它适用于这个。由于某种原因,以前的范围没有(检测到?)
更新:
Two.js 无法绘制它们,因为我用作参数的变量在该范围内无法访问,因此在进行了一些调试后,我解决了这个问题。
javascript - 如何在 Two.js 中为形状添加事件?
我有一组 two.js 形状。当用户将鼠标悬停在一个形状上时,我希望那个形状旋转。
http://merhoo.github.io/secrets.html
css 动画问题:如果我将 :hover 动画应用于 svg 形状,它会以某种方式影响形状的位置,将其移动到左上角。
所以我试图将鼠标悬停事件绑定到每个孩子,让他们旋转。
那么如何将悬停/鼠标悬停动画应用于 two.js 中的形状?
javascript - 我可以将类添加到动态创建的 two.js 元素吗?
我正在使用下面显示的代码在包装器(div)绘制形状中创建 46 个小圆圈;
所有绘图都是使用 Two.js 库制作的。我在文档中阅读了我可以更改创建元素的 id,但我还需要为每个元素分配一个类。我已经尝试了从纯 js setAttribute 到 jQuery .attr 和 .addClass 方法的所有方法,但它们都不起作用,所以我开始怀疑这是否可能做到?如果有人知道方法,请告诉我如何。感谢。
javascript - 使用 javascript 设置 svg 组的中心点
在我目前正在制作的游戏中,您处于从节点构建的地图中,当您单击它们时,您正在扭曲到不同的节点。我当前的地图看起来像这样(使用 two.js 创建,它是一个 svg 组,其中每个圆和线都是 svg 路径元素,例如:
标记为红色的节点是您在区域/地图上当前位置的指示器。如何重新定位 svg 组,以便当前玩家位置始终位于容器的中心,将整个地图移动到左/右/上/下并变成这样:
使用以下函数,我可以更改 svg 组的 x,y 坐标:
我还有一个检测当前玩家位置节点坐标的功能,所以我尝试这样做:
不幸的是,位置不准确,地图到处移动/移动,超出容器边界等。非常感谢任何帮助。谢谢!
提示:可能可以通过 twojs 锚点进行,但我不确定如何。更多信息在这里:https ://two.js.org/#two-anchor
javascript - 是否可以在 SVG 中的字符串(句子或单词)中找到字符宽度
我正在尝试使用 two.js 在 SVG 中创建一个动态文本编辑器,我有一个自定义闪烁光标(光标功能,它与 HTML 中的输入字段相同,就像我可以在句子编辑中移动光标,添加,删除字符) . 我想将光标准确地放在特定字符之后。
我正在使用并保持光标位置来获取 DOM 宽度.getBBox()
,.getBoundingClientRect
但是当我尝试在句子中间进行编辑时遇到了问题。