TextGeometry和PointCloud

时间:2015-01-09 09:45:23

标签: three.js

我想获取任何给定文本的顶点。通过TextGeometry创建文本,然后实例化PointCloud:

var textGeo = new THREE.TextGeometry( "three.js", {...});
var textMaterial = new THREE.MeshBasicMaterial({
            color:0x8080FF,
            side:THREE.DoubleSide,
        });
textObject = new THREE.PointCloud( textGeo, textMaterial)

效果如下:

PointCloud

正如您所看到的,问题在于,点不是均匀分布的,特别是它们在直线上缺失。

你们有什么建议可以达到更好的效果吗?

1 个答案:

答案 0 :(得分:1)

我遇到了同样的问题。然后在THREE.FontLoader.load()中更改.JSON,然后可以看到大部分内容。

$("#submit").click(function(){
        // (DO VALIDATION HERE)
        // show a hidden div to indicate progression
        $('#sayThankYouDiv').show();

        // call AJAX
        $.ajax({
            url: this.action,
            type: this.method,
            data: $(this).serialize(),
            success: function() {
                // finished, handle the results and hide sayThankYouDiv
                $('#sayThankYouDiv').hide();
            }
        });
        return false;
    });
});

尝试fontLoader.load('build/optimer_bold.typeface.json', function (font) { let fontOptions = { font:font, size:10 ...... } ..... } );