问题标签 [two.js]

I want to draw a line that goes through a circle but is clipped by the boundary of the circle. Here is my code so far,

I have tried to comment out and keep the circle.clip = true line but it only hides the circle itself when set to true. The line itself is drawn normally.

What am I doing wrong?

I am using Two.js. This is a working example.

我有几个基本的，愚蠢的问题。我最近才开始在 p5 上编程，对此我感到非常满意。

我正在构建一个非常简单的页面，我想要一个非常简单的气泡动画，就像这个一样。 https://editor.p5js.org/caminofarol/sketches/S_YwpAWdk

现在，我认为即使使用 p5.min 库也能做到这一点，所以我想我也许可以尝试找到另一个更轻量级的 javascript 库，然后我找到了 two.js。这是愚蠢的问题。

据我了解，p5 和 two.js 都只是库，所以即使它们有自己的对象，它们都应该能够使用普通的 javascript 语法？所以，像声明变量、使用条件、运算符或制作自己的函数这样的东西应该适用于这两个库，对吗？

那么，每个库都加载相同的基本 javascript 操作指令吗？

无论如何，目前我设法加载 two.js 库并在画布中制作一个简单的圆圈，但是现在当我试图移动这个小东西时（我猜是通过调用翻译）我失败了，我问自己；为什么两个图书馆看起来像是两个不同的世界？

我有一个 Vue/Vuetify 项目，我想使用Two.js Text创建多行文本。我想要这样的东西

哪里
会指示换行符。我正在使用 SVG 进行渲染，出现的 HTML 条目是

所以它不是多行文本。

我正在 typescript 中访问 Two.js Text的一些内部变量（也许我不应该），所以我设置的想法是id, className（似乎不起作用）和leading. 我希望我能够给出这个id然后使用 CSS 来处理<text...> </text>标签/字符串并添加换行符，但没有运气。

我希望使用 CSS 来注入/处理文本标签中的内容区域，然后使用自动换行的文本（链接可能很旧——但这就是我的想法）。再次没有运气。

我认为 SVG 会妨碍您。我最终希望文本居中前后。对这个挑战有什么想法吗？谢谢！

我正在使用 Two.js 在 Angular 应用程序中绘制 svg 图像。

在 two.js 中绘制 svg（其中包含一些元素）后，我将事件侦听器添加到它的元素中，如下所示：

然后我有一个处理程序，它改变线宽和线颜色，并向服务发送信息以在鼠标位置打开一个弹出窗口。

在我在浏览器中运行控制台（F12）之前它不起作用......我不知道为什么，但正如我所说，当我在谷歌浏览器上单击 F12 时，一切正常......为什么不之前？

编辑：当我在方法 onRenderedLineMouseEnter 中设置断点并且我在行断点上的 mouseenter 被捕获，然后它在没有 Inspector 的情况下工作。

我还在此方法中添加了一些 console.log，并且使用 Inspector 和不使用 Inspector 都会触发代码，但只有使用 Inspector（或使用断点）才会进行 UI 更改。

我想使用 Two.js 编写一个小型 Electron 应用程序，但我意识到 Electron 不喜欢任何人使用eval.

如果我这样做renderer.js：

我得到这个问题：

未捕获的 EvalError：拒绝将字符串评估为 JavaScript，因为“unsafe-eval”不是以下内容安全策略指令中允许的脚本源：“script-src 'self'”。

当然我allowRunningInsecureContent: true在webPreferences.

有什么方法可以运行eval在 Electron 中使用的包？

我正在尝试使用 two.js 使用 makeLine() 函数在屏幕上画一条线。
但它只是给出一条错误消息说TypeError: this.scene is undefined。

谁能帮我解决这个问题？提前致谢。

代码：
index.html

脚本.js

我正在尝试使用 two.js 和 typescript 来制作 2D Canvas 项目。

因此安装@types/two.js

然而不幸的是，当我尝试导入我的 ts 文件时，编译结果显示它找不到解析模块。 找不到模块：错误：无法解析“D:\Projects\blueseacore\src\core”中的“two.js”

但我发现节点模块目录，two.js 存在。

我正在做一些小的性能测试来渲染简单的多线图。我将不得不将多个 twojs 实例呈现为图表。什么被认为是好的做法？

https://jsfiddle.net/76ekv53c/5/

有没有办法从中挤出更多的性能？第一次在这里使用two.js！我只需要更新每个点的位置。

如何绑定此库：https ://www.npmjs.com/package/two.js 与这些类型：https ://www.npmjs.com/package/@types/two.js

我试过了 ：

angular.json 中的“脚本”标签 + import * as Two from 'two.js';

结果 ："export 'Types' (imported as 'Two') was not found in 'two.js'

我必须像下图一样画。

我已经构建了圆柱体并将它们放在一个圆圈中，但是当我尝试旋转它们时它不起作用。

代码如下。当我尝试旋转它时，它会围绕它自己的旋转（如附加图像）。如何围绕中心点旋转，以便每个圆柱体的底部都指向中心。