Threejsのtextの大きさを動的に変更させたい

前提・実現したいこと

Three.jsでのtextの大きさを動的に変更させたい。boxとかと同じようにしても変化されない。

該当のソースコード

javascript
1var loader = new THREE.FontLoader();
2var tex;
3loader.load('./optimer_regular.typeface.json', (font)=>{
4      var geo_tex = new THREE.TextGeometry("A", {
5        font: font,
6        size: 2,
7        height: 5,
8        curveSegments: 12
9      });
10      var mat_tex = new THREE.MeshBasicMaterial( { color: 0x00ff00} );
11      tex = new THREE.Mesh(geo_tex,mat_tex);
12      scene.add(tex);
13      tex.position.set(0,0,0);
14      animate();
15});
16
17function change(){
18      tex.scale.x=5;//変更されない
19      tex.scale.y=5;//変更されない
20      tex.scale.z=5;//変更されない
21}
22
23function animate(){
24    requestAnimationFrame(animate);
25    change();
26    renderer.render(stage);
27}

色々

Threejsのtextに関するサイトが少なくて困っています。みんな使うjsonもバラバラで何をしていいのかがわかりません。

補足情報（FW/ツールのバージョンなど）

threejs version 3.3.1

行動規範の内容に同意します

回答2件

自己解決

sizeを0スタートにするとscaleは倍率で増えるため変更されない、カメラ位置や元の大きさによっては変更が目につきにくいことが原因でした。
開発中にカメラ位置を動かして確かめたりするので注意が必要でした。
お騒がせしました。

投稿2019/08/29 05:13

akatsuki1910

総合スコア14

前の質問と同じでコールバック関数は非同期で動作するので

js
1var loader = new THREE.FontLoader();
2var tex;
3loader.load('./optimer_regular.typeface.json', (font)=>{
4      var geo_tex = new THREE.TextGeometry("A", {
5        font: font,
6        size: 2,
7        height: 5,
8        curveSegments: 12
9      });
10      var mat_tex = new THREE.MeshBasicMaterial( { color: 0x00ff00} );
11      tex = new THREE.Mesh(geo_tex,mat_tex);
12      scene.add(tex);
13      tex.position.set(0,0,0);
14      tex.scale.x=5;//変更されない
15      tex.scale.y=5;//変更されない
16      tex.scale.z=5;//変更されない
17});