需要有关THREE.js TextGeometry的帮助

时间:2011-12-28 13:28:35

标签: three.js

不确定为什么以下代码(基本上是示例中的剪切和粘贴)返回错误。

var textWhy = new THREE.TextGeometry(“Why”,{size:10,height:5,curveSegments:6,font:“helvetiker”,weight:“normal”,style:“bold”});

无法读取未定义的属性'normal'

我是webgl的新手,希望有人能指出我的解决方案。

感谢。

尝试使用这个最简单的代码段。结果是一样的。

<html>
<head>
<title>Three.js Why Text</title>
<script src="typeface-0.15.js"></script>
<script src="helvetiker_regular.typeface.js"></script>
<script src="helvetiker_bold.typeface.js"></script>
<script type="text/javascript" src="Three.min.js"></script>
<script type="text/javascript" src="jquery-1.7.1.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        textWhy = new THREE.TextGeometry( "Why", { size: 10, height: 5, curveSegments: 6, font: "helvetiker", weight: "normal", style: "normal" });
    });
</script>
</head>
<body>
</body>
</html>

1 个答案:

答案 0 :(得分:8)

发现我不应该使用“typeface-0.15.js”而只使用字体helvetiker _ * .typeface.js。 “load”功能在Three.js中提供。所以它应该是:

<html>
<head>
<title>Three.js Why Text</title>
<script type="text/javascript" src="Three.min.js"></script>
<script src="helvetiker_regular.typeface.js"></script>
<script src="helvetiker_bold.typeface.js"></script>
...