2015-07-13 97 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