问题标签 [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.

0 投票
1 回答
113 浏览

javascript - Twojs 闪烁的圆圈

我正在研究图形编辑器。我需要突出显示一个圆圈,并将该圆圈置于屏幕中心并将缩放比例设置为 2。如果该圆圈已被高亮显示,请将其切换并设置为普通圆圈。我需要至少让圆圈闪烁才能将其关闭。

我不知道如何使圆圈闪烁。知道“two.js”怎么做的人可以吗?我知道它在函数 two.update();

并触发眨眼

这是让这个眨眼的最好方法吗(即使它只眨了一次)

这是一个 JsFiddle https://jsfiddle.net/hichem147/uf0b82ry/

使用方法:点击 [(+) Node],然后创建一些节点,然后点击 [Select] 并点击一个圆圈,然后点击 [Blink] 按钮。

0 投票
3 回答
492 浏览

javascript - two.js 中的文本不会显示

我有一个显示扩大圈的程序。最后,我希望它显示从名为 list 的数组中随机生成的项目。

编码

这是特别的代码

编辑:

我特别想使用两个文本而不是 HTML

0 投票
0 回答
93 浏览

javascript - 二.JS从不同范围渲染

我正在使用ElectronTwo.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 无法绘制它们,因为我用作参数的变量在该范围内无法访问,因此在进行了一些调试后,我解决了这个问题。

0 投票
1 回答
704 浏览

javascript - 如何在 Two.js 中为形状添加事件?

我有一组 two.js 形状。当用户将鼠标悬停在一个形状上时,我希望那个形状旋转。

http://merhoo.github.io/secrets.html

css 动画问题:如果我将 :hover 动画应用于 svg 形状,它会以某种方式影响形状的位置,将其移动到左上角。

所以我试图将鼠标悬停事件绑定到每个孩子,让他们旋转。

那么如何将悬停/鼠标悬停动画应用于 two.js 中的形状?

0 投票
1 回答
317 浏览

javascript - 我可以将类添加到动态创建的 two.js 元素吗?

我正在使用下面显示的代码在包装器(div)绘制形状中创建 46 个小圆圈;

所有绘图都是使用 Two.js 库制作的。我在文档中阅读了我可以更改创建元素的 id,但我还需要为每个元素分配一个类。我已经尝试了从纯 js setAttribute 到 jQuery .attr 和 .addClass 方法的所有方法,但它们都不起作用,所以我开始怀疑这是否可能做到?如果有人知道方法,请告诉我如何。感谢。

0 投票
1 回答
662 浏览

javascript - 使用 javascript 设置 svg 组的中心点

在我目前正在制作的游戏中,您处于从节点构建的地图中,当您单击它们时,您正在扭曲到不同的节点。我当前的地图看起来像这样(使用 two.js 创建,它是一个 svg 组,其中每个圆和线都是 svg 路径元素,例如:

地图看起来像这样: 游戏地图

标记为红色的节点是您在区域/地图上当前位置的指示器。如何重新定位 svg 组,以便当前玩家位置始终位于容器的中心,将整个地图移动到左/右/上/下并变成这样: 在此处输入图像描述 在此处输入图像描述

使用以下函数,我可以更改 svg 组的 x,y 坐标:

我还有一个检测当前玩家位置节点坐标的功能,所以我尝试这样做:

不幸的是,位置不准确,地图到处移动/移动,超出容器边界等。非常感谢任何帮助。谢谢!

提示:可能可以通过 twojs 锚点进行,但我不确定如何。更多信息在这里:https ://two.js.org/#two-anchor

0 投票
0 回答
44 浏览

javascript - 是否可以在 SVG 中的字符串(句子或单词)中找到字符宽度

我正在尝试使用 two.js 在 SVG 中创建一个动态文本编辑器,我有一个自定义闪烁光标(光标功能,它与 HTML 中的输入字段相同,就像我可以在句子编辑中移动光标,添加,删除字符) . 我想将光标准确地放在特定字符之后。

我正在使用并保持光标位置来获取 DOM 宽度.getBBox().getBoundingClientRect但是当我尝试在句子中间进行编辑时遇到了问题。

0 投票
0 回答
433 浏览

javascript - Two.js webgl 对于许多对象来说太慢了

我使用 Two.js + Vue.js 在 webgl 中显示我的 svg 以优化其渲染,但是渲染函数比通过 Vue 调用 svg 需要更长的时间

我尝试使用 Pixi,但路径没有四舍五入

两个有这个,但在 webgl 模式下,因为它绘制了很长时间的大量对象,并且对剪辑也有限制

Vue.js(不要看大函数(动画,头发等),这是固定的)

在此处输入图像描述

二.js

在此处输入图像描述

0 投票
3 回答
170 浏览

javascript - 使用 css、css-doodle 或 bootstrap 创建图表

我正在寻找使用 CSS 生成 12 个房屋图表的矩形形状。我能用的最好的是下面的 CSS-doodle 代码;即使它在任何地方都不完美。下面的示例图像如何实现?结构必须是单一结构,我想为所有房屋添加文字。

在此处输入图像描述 在此处输入图像描述

0 投票
2 回答
66 浏览

javascript - two.js 中的弧扫方向

two.js 库有如下功能;

我计算我的参数如下;

我的输出有点出乎意料。

在此处输入图像描述

在第一个节点(长度为 225.46 的线之后),扫描方向为逆时针方向。在第二个节点(142.35 之后),扫描方向为顺时针方向。如何强制它始终为逆时针方向?

谢谢。