问题标签 [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 回答
116 浏览

angularjs - 使用 System.js 在 AngularJS 中导入第三方库

在这个 angular2 plunkr中,我正在尝试导入 two.js(第三方库)并将其引导到我的应用程序中。使用 system.config.js,我在映射和包 vars 中添加了以下几行:

在 main.ts 中,如果我取消注释以下行:

并补充说:

我收到以下错误:

0 投票
1 回答
280 浏览

javascript - 如何在 two.js 中创建深度

我最近一直在学习如何使用 two.js,我想围绕另一个物体(比如行星)绕一个圆轨道。由于它需要从环绕它的物体后面经过,我试图在它移动时动态地改变圆的大小,以创造深度的错觉。我看到另一个关于使用矩阵在 two.js 中更改大小的溢出问题,并尝试在此处应用它,但我无法使大小更改与轨道运动同步。我将不胜感激任何帮助。

JS bin(因为它需要两个.js 库,所以一开始不会产生任何东西,但我为了方便任何想要帮助的人而制作它):https ://jsbin.com/rugakojivu/edit?html,output

0 投票
1 回答
1511 浏览

javascript - 未捕获的类型错误:无法读取 null 的属性“appendChild”?

错误

错误发生在 two.js 中的这一行

这是我的代码

我刚开始学习Javascript。这个怎么解决???

0 投票
2 回答
59 浏览

javascript - JQuery .show() 仅适用于点击事件

我正在尝试使用 two.js 编写一个简单的游戏。我有一个从按钮单击事件和游戏循环调用的函数:

该行$("#startGame").show()仅在从事件调用时才能正确执行,其余的在两种情况下都可以正常工作。

单击事件处理程序:

无法正常工作的调用(this.update() 在游戏循环中调用):

0 投票
1 回答
286 浏览

javascript - 使用 webpack 和 two.js 的问题

我正在使用webpacktwo.js编写一个 Web 应用程序。为了完整起见,这些是我的依赖项:

我有以下内容webpack.config.js

入口文件myentry.js只导入two.js

捆绑成功...

two.js是我的 npm 依赖项的一部分,因此可以在node_modules文件夹中的本地节点模块中找到它。当我继续创建捆绑包时:

成功了,我得到以下输出:

生成的捆绑包可在此处获得。

但是......运行失败:

所以我在我的 HTML 页面中使用了这个包:

当我在 Chrome 中打开页面时(我使用http-server来避免与 CORS 相关的问题),我在 F12 Tools 中收到这些错误

怎么了?

0 投票
0 回答
326 浏览

javascript - 使用 Two.js 和 Webpack 时下划线未定义

我是webpack的新手,我正在尝试使用webpacktwo.js编写一个 web 应用程序。为了完整起见,这些是我的依赖项:

我有以下内容webpack.config.js

文件myentry.js只导入two.js

捆绑成功...

two.js是我的 npm 依赖项的一部分,因此可以在node_modules文件夹中的本地节点模块中找到它。当我继续创建捆绑包时:

成功了,我得到以下输出:

生成的捆绑包可在此处获得。

但是......运行失败:

所以我在我的 HTML 页面中使用了这个包:

当我在 Chrome 中打开页面时(我使用http-server来避免与 CORS 相关的问题),我在 F12 Tools 中收到这些错误

如果您检查捆绑包,您将看到错误出现在这一行:

所以下划线没有定义,但是在two.js里面提供了!为什么webpack有问题?

0 投票
2 回答
196 浏览

angularjs - Angular js:TypeError:无法读取未定义的属性“elem”

我在图像上画了一个多边形,我想用鼠标点击来移动它,我有这个错误,我不能让他们有你的想法。对于这个问题,我使用了 librairie Two.js,但我做不到

0 投票
0 回答
190 浏览

angularjs - AngularJS:使用 Two.js 的 DragAndDropPolygon

我能够在我的 AngularJS 应用程序中使用 Two.js 正确绘制多边形,现在我正在尝试用鼠标操作多边形。我创建了这个功能,但它不起作用,谁能帮我找出原因?

0 投票
0 回答
39 浏览

javascript - 我想调用 AngularJS 控制器来查询一个文件中的数据库并使用另一个文件中的值

我正在进行一个学校项目,我正在从数据库中读取 x 和 y 坐标,并使用这些数据和 Two.JS 在网页上的地图图像上绘制一系列桌椅。我已经使用 ng-repeat 来确认我正在接收我想要的数据,但是在我的绘图脚本中找不到任何使用它的方法。

我的 HTML 调用 div 中的绘制脚本(地图和 tablenchairs 绝对定位,因此 tablenchairs 绘制在地图图像的顶部):

获取数据.js:

绘制.js:

有没有一种简单的方法可以做到这一点?

0 投票
1 回答
129 浏览

javascript - 图形编辑器 Javascript - 观察者设计模式

我正在使用 two.js(SVG 画布)开发一个图形编辑器。在这个应用程序中,我需要拖动节点(圆圈)。该节点有一个形状(圆形)和一个标签。节点通过线连接到其他节点,每条线都有自己的标签。

移动节点时的图形编辑器

这个想法是当我拖动节点(圆圈)时,我会随着它的标签移动,并相应地更新线条,并相应地更新标签角度和位置。我需要知道如何使用事件来使用最佳实践来编写我的代码,比如观察者设计模式。

我的意思是当我移动节点(圆圈)时,它会通知链接线它们应该更新。现在我只是将行的更新放在移动节点函数中。这是代码:

更新 node_label 和链接线

这是 JSFiddle https://jsfiddle.net/hichem147/fdzn1u0x/中的整个示例 使用它: