Blink에서 WebGL 컨텍스트를 노출 할 수 있습니까?

Question

XWalk보기에서 three.js와 함께 https://www.mapbox.com/blog/mapbox-unity/과 동일한 작업을 수행하고 싶습니다.

간단히 말해서지도 상자 플러그인은지도 상자보기의 OpenGL 컨텍스트와 유니티보기의 OpenGL 컨텍스트에 액세스 할 수있는 컨트롤러입니다. 그런 다음 플러그인은 유니티 OpenGL 컨텍스트에서 맵의 텍스처를 렌더링합니다.

제 경우에는 Unity이지만 Three.js는 사용하지 마십시오. OpenGL 컨텍스트를 WebGL에서 다른 활동의 다른 OpenGL 컨텍스트로 공유하여이 작업을 수행하는 방법을 알 수 있습니다.

• 가 점멸하고 XWalk
• betwwen 결합을 통해 WebGL을에서의 OpenGL 컨텍스트를 노출 다른 활동으로는 OpenGL 컨텍스트에서 텍스처 버퍼를 공유 할 XWalk 자바 확장자를 사용하는 데 필요합니다.

주의 사항 :

• 목표로 plaforms :. 아이폰 OS, 안드로이드, (MapboxGL 윈도우 (사용 D3D)를 지원하지 않기 때문에 윈도우 전화로 D3D 플랫폼에서 실행되는 것을 방지하는 가드)
• mapboxGL-JS는 오프라인지도 및 기타 고유 기능 만 필요하므로 옵션이 아닙니다.

Answer 1

WebGL이 다른 API (즉, D3D)에서 작동 할 수 있기 때문에 WebGL에서 OpenGL 컨텍스트를 가져 오는 방법은 없습니다. 그러나 Three.js와 비슷한 것을 달성하기 위해 mapbox-gl-js를 사용할 수 있습니다. 화면을 오프라인 캔버스 (DOM에 추가되지 않은)에 렌더링하고 Three.js 장면에서 비행기의 텍스처로 사용하십시오.

대략,이 같은 다소 보일 수 있습니다 :

const map = new Map({ /* options */ }); 
const texture = new THREE.CanvasTexture(map.getCanvas(), /* ... */); 

map.on('render',() => { 
    requestAnimationFrame(render); 
    texture.needsUpdate = true; 
}); 

function render() { 
    myThreejsRenderer.render(mySceneWhichUsesTexture, camera); 
}