two.js 中的文本不會顯示

Question

我有一個顯示不斷擴大的圓圈的程序。 最后，我希望它顯示一個名為 list 的數組中隨機生成的項目。

代碼

這是特別的代碼

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 以開始。

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';

綁定循環播放圓形動畫。 一旦圓擴展到半徑 200，它就會停止動畫，並將 text1 添加到兩個畫布。

two.bind('update', function() {
  if (circle.radius > 200) {
    two.pause();
    two.add(text1);
  }
  circle.radius++;
});

Answer 2

每當圓圈達到一定寬度時。

根據您的數組大小生成一個隨機數，然后使用getElementById和您的list[i] （ i = 您的隨機數）設置元素的值。

Answer 3

對所有文本執行此操作：

two.scene.add(text);