Возможно ли открыть контекст WebGL из Blink?

Question

Я хотел был бы сделать то же самое, чем https://www.mapbox.com/blog/mapbox-unity/, но с three.js в представлении XWalk.

Вкратце, как я понимаю, плагин mapbox является контроллером, который имеет доступ к контексту OpenGL вида Mapbox и контексту OpenGL в представлении Unity. Затем плагин выполняет рендеринг текстуры карты в контексте Unity OpenGL.

В моем случае я не использую Unity, а Three.js. Я вижу способ сделать это, разделив контекст OpenGL с WebGL на другой контекст OpenGL из другого действия. Он должен был бы:

• разоблачить контекст OpenGL из WebGL с помощью привязки betwwen Blink и XWalk
• использовать расширение XWalk Java, чтобы разделить текстуры буфер из контекста OpenGL в другой деятельности.

Важные примечания:

• направленные plaforms:. IOS, Android, (Как MapboxGL не поддерживает ОС Windows (с использованием D3D) охранник помешают работает на D3D платформы, такие как Windows Phone)
• mapboxGL-JS не является вариантом, поскольку мне нужна автономная карта и другие родные функции.

Answer 1

Невозможно получить контекст OpenGL из WebGL просто потому, что WebGL может работать с другими API (например, D3D). Однако для достижения аналогичной вещи с помощью 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); 
}