Skip to content

Instantly share code, notes, and snippets.

@hjlld
Last active May 23, 2019 07:36
Show Gist options
  • Save hjlld/aaa6ecf6bbe8cd41680d7748b1c38902 to your computer and use it in GitHub Desktop.
Save hjlld/aaa6ecf6bbe8cd41680d7748b1c38902 to your computer and use it in GitHub Desktop.

请在网页中使用 3D

1 性能问题

1.1 OffscreenCanvas 和 Web Worker 可以避免 3D 内容阻塞主线程

1.2 WebAssembly 可以解决部分昂贵计算问题

1.3 压缩算法:OpenCTM/Crunch vs Draco/Basis

2 易用性

2.1 WebComponent

2.2 Babylon.js 和 Three.js

2.3 A-Frame、vue-babylonjs 和 svelte.gl

2.3 AssemblyScript

2.4 丰富的生态:Sketchfab、Shadertoy、Google Poly

3 用途

3.1 3D 模型展示

3.2 AR\VR

3.3 用 Shader 代替 CSS、图片、视频特效

3.4 并行计算

4 网页图形的未来

4.1 WebGPU

4.2 Node.js N-API: Vulkan for Node.js

4.3 SSR

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment