我正在看两个例子,一个是画布交互式对象,另一个是鼠标工具提示.我尝试将两者结合起来在每个立方体上生成文本标签,这是我到目前为止所拥有的.
但是,文本随着旋转的立方体移动,文本有时会向后或侧向显示.
如何在鼠标工具提示(http://stemkoski.github.io/Three.js/Mouse-Tooltip.html)示例中使用精灵修复文本？我试图合并精灵,但我一直在收到错误.我不知道怎么做.你能解释一下我是怎么做到的吗？
谢谢.
到目前为止,这是我的代码:
<!DOCTYPE html>
<html lang="en">
<head>
<title>three.js canvas - interactive - cubes</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style>
body {
font-family: Monospace;
background-color: #f0f0f0;
margin: 0px;
overflow: hidden;
}
</style>
</head>
<body>
<script src="js/three.min.js"></script>
<script src="js/stats.min.js"></script>
<script>
var container, stats;
var camera, scene, projector, renderer;
var projector, mouse = { x: 0, y: 0 }, INTERSECTED;
var particleMaterial;
var currentLabel = null;
var objects = [];
init();
animate();
function init() { …我使用Three.js可视化图形,并且对于图形的每个节点,我使用TextGeometry添加标签.这是一个非常小的图,但是当我添加文本时,我的应用程序变得非常慢.我该怎么办呢？