如何在three.js中沿圆形弯曲网格?

时间:2018-07-01 12:48:40

标签: javascript graphics three.js

我想沿圆形弯曲或弯曲文本网格。我从4天开始研究它,但仍然找不到任何解决方案。

我使用Bend-modifier库来放置文本。它有帮助,但仅使对象从中心弯曲。因此,如果我想转一圈,那就帮不了我。即,如果我将文字弯曲90度,则该文字将为“ U”形。

我只想使其完整或半圈。它以不会变形的方式弯曲。宽度保持不变。

    textMesh = new THREE.Mesh(geometry, materials);

    var bendModifier = new THREE.BendModifier();
    var direction = new THREE.Vector3(0, 0, -1);
    var axis = new THREE.Vector3(0, 1, 0);
    var angle = Math.PI/2.6
    bendModifier.set(direction, axis, angle).modify(textMesh.geometry);
    scene.add(textMesh);

但是我希望这可以使场景中的文本完美地变成半圈

有人知道怎么做吗?

0 个答案:

没有答案