为 WebGL 示例嵌入 ChakraHost (c#)

我研究了涉及嵌入 javascript 框架 (paper.js) 的示例，用于通过 ChakraHost 的 JsBridge 实现将输出绘制到 XAML 的 CanvasControl。

要包含 paper.js 框架和调用该框架的 javascript（例如 paper.js 的 tadpoles 示例），我们只需要以下语句：

await host.ReadAndExecute("paper-core.js", "paperjs-refs");
await host.ReadAndExecute("tadpoles.js", "paperjs-refs");

使用例如嵌入 WebGL javascript 框架WebGL 第 3 课，此外还包括 javascript 库和调用代码，例如Lesson3.js，需要这些着色器代码。

<script id="shader-fs" type="x-shader/x-fragment">
 precision mediump float;

 varying vec4 vColor;

 void main(void) {
     gl_FragColor = vColor;
 }
</script>

<script id="shader-vs" type="x-shader/x-vertex">
 attribute vec3 aVertexPosition;
 attribute vec4 aVertexColor;

 uniform mat4 uMVMatrix;
 uniform mat4 uPMatrix;

 varying vec4 vColor;

 void main(void) {
     gl_Position = uPMatrix * uMVMatrix * vec4(aVertexPosition, 1.0);
     vColor = aVertexColor;
 }
</script>

问题：

(1) 如何将这些着色器 JavaScript 代码包含到 Lesson3 webgl jsbridge C# 示例中？

// WebGl lesson3
await host.ReadAndExecute("glMatrix-0.9.5.min.js", "webgl-refs");
await host.ReadAndExecute("webgl-utils.js", "webgl-refs");
await host.ReadAndExecute("lesson3.js", "webgl-refs");

2016 年 9 月 14 日修订当我在 2016 年 2 月发布这个问题时，我还没有弄清楚 ChakraBridge 提供的示例如何仅限于 Canvas2D。我最近重新审视了这个问题，并意识到要使 ChakraBridge 与 WebGl.js 或派生框架（例如）一起使用， Three.js，需要解决多个差距才能实现目标WebGL 3D 上下文:

1. 对于 UWP，第一步是让 OpenGL ES for c# 通过 Microsoft Angle 工作
2. 使用 OpenGL ES C# 接口开发 WebGL4UWP 库，然后使用WebGL 第 3 课
3. 那么将（b）引入 ChakraBridge 来解决启动该项目的问题是可行的。