two.js中的文本不会显示

Question

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

The Code

这是特别的代码

var list = ["list","of","names"];
var person = ("")
person = list[Rnd(0,2)]; 
var text1 = new Two.Text(person ,250,250, 'normal');

和

text1.value = person;
text1.fill = '#FFFFFF';
text1.stroke ='#FFFFFF';
text1.visible = true;

编辑：

我特别想使用二进制文本而不是HTML

Answer 1

我可以通过使用圆的半径作为添加文字的条件来获得效果。我将圆的半径设为100。

Seurat

bind循环播放圆形动画。圆扩大到200的半径后，它将停止动画，并将text1添加到两个画布中。

var circle = two.makeCircle(two.width / 2, two.height / 2, 100);
circle.fill = "orange";
var list = ["list","of","names"];
var person = list[Math.floor(Math.random() * list.length)];
var text1 = new Two.Text(person, two.width / 2, two.height / 2, 'normal');
text1.fill = '#FFFFFF';
text1.stroke ='#FFFFFF';

Answer 2

只要圆达到一定的宽度。

根据您的数组大小生成一个随机数，然后使用getElementById和list[i]（i =您的随机数）来设置元素的值。

Answer 3

对所有文本执行此操作：

two.scene.add(text);