三.js行不更新
three.js lines does not update
我正在使用三个.js。并且行未更新。我想实时延长这条线。
- 我认为,首先,通过读取两个数据来画一条线。
- 二是场景清晰。 第三
- ,阅读第三条信息和扩展线。
- 第四,场景清晰。
- 最后,实时线路更长。
但是,不会生成此行。
var geometry = new THREE.Geometry();
var material = new THREE.LineBasicMaterial ({color : 0x0100FF, linewidth : 6});
function line_(k){
if(k-1 >= 0){
geometry.vertices.push (new THREE.Vector3 (py[k]*API.Orbit_Scale ,pz[k]*API.Orbit_Scale ,px[k]*API.Orbit_Scale));
}
else{
geometry.vertices.push (new THREE.Vector3 (0,0,0));
}
line = new THREE.Line (geometry, material);
line.geometry.verticesNeedUpdate = true;
scene.add (line);
}
function animate(){
onWindowResize();
line.geometry.verticesNeedUpdate = true;
renderer.render(scene, camera);
scene.remove(line);
requestAnimationFrame(animate);
}
使用 THREE.Geometry
实例,您可以更新数组中现有顶点的位置,并使用 verticesNeedUpdate
对线条进行动画处理。您不能向现有线添加顶点,并期望verticesNeedUpdate
使用添加的顶点绘制新线。
向现有线几何添加顶点的最简单解决方案是:
- 从场景中删除旧行
- 创建具有额外顶点的新线
- 向场景添加线条
您还可以将其绑定到动画循环。
如果要在不删除/添加几何体的情况下进行动画处理,则必须改用带有drawCalls
的THREE.BufferGeometry
实例。如何做到这一点,你可以在这里阅读这个答案
相关文章:
- 有条件更新d3.js力图中节点的最佳方法
- d3.js用按钮更新条形图工具提示
- React js更改状态不会更新组件
- 谷歌地图/Angular JS:地图更新并不总是反映数据,并且可以't删除标记
- 如何让React JS点击处理程序在执行时更新DOM
- 更新从Mysql查询检索到的数据?Node.js节点mysql
- JS在更新面板后重置
- Node.js错误“;ReferenceError:全局未定义“;在从0.10.2更新到0.12.2之后
- 使用PHP更新external.js中的Javascript变量
- Angular JS-文本框未在独立范围内更新
- 在第三次onPageClick事件后,使用twbspagination插件和AJAX更新JS分页
- 基于元素ID更新JS对象
- 持续更新 JS 变量的 HTML 显示
- 更新JS类的属性基于其他属性
- 在angular $scope中更新JS数组
- Jquery .html()似乎没有更新JS代码
- React Native,自动更新.js文件
- 如何通过ajax更新js对象类型变量
- 如何让grunt用户更新JS来引用我们的图像
- 基于本地存储更新JS对象