2015-07-13 73 views
0

我一直喜欢它的这个链接描述阿尔法着色过滤器适用于点云:https://www.mapbox.com/blog/colorize-alpha-image-filter/实现一种热图。three.js所渲染到纹理同步摄像机

我在纹理渲染2D点云比使其成为使用该处理彩色化-α滤波的自定义着色器的平面。

的问题是,我不明白我怎么能正确地放大膨松点云内,但保持点云点的原始大小。

我创建了一个简单的例子没有一个真正的彩色化-α的过滤,但随着结构我渲染到纹理:http://jsfiddle.net/q8fpt7eL/1/

我想达到的效果是完全一样的,你可以实现当你直接画点云。在jsfiddle中,您可以评论RTT部分,并直接评论渲染部分以查看我在说什么。

//render to texture 
//renderer.render(sceneRTT, cameraRTT, rtTexture, false); 
//renderer.render(scene, camera); 

//render directly the point cloud 
renderer.render(sceneRTT, camera); 

我已经尝试过使用相同的相机,或者将相机位置/旋转复制cameraRTT对象上,但似乎无法正常工作。我也尝试在RTT场景中使用正射相机,但没有成功。

任何人都有一个想法,我如何能实现我的目标是什么?

感谢

回答

2

在线41上,您正在设置OrbitControls控制“飞机的场景”,相机,当你真的想控制现场RTT。试试这个:

new THREE.OrbitControls(cameraRTT, renderer.domElement); 

看起来好多了,你可以放大点云。

最后,所有你需要做的就是让camera字形和设置你的飞机,使其充满了现场。

+0

感谢亚当,但我也需要控制飞机?有两种方法可以同步两台相机吗?简单地复制旋转和位置似乎以奇怪的方式工作,相同的使用相同的相机。 – markov00