WebGL

Awesome WebGL Awesome

这是一个精选的WebGL库,资源等等的精选列表.

What is WebGL

WebGL(Web图形库)是一种JavaScript API,用于在其中呈现交互式3D计算机图形和2D图形 任何兼容的Web浏览器,不使用插件. WebGL完全集成到所有Web标准中 浏览器允许GPU加速使用物理和图像处理和效果作为网页画布的一部分.

WebGL元素可以与其他HTML元素混合,并与页面的其他部分或页面背景合成. WebGL程序包括用JavaScript编写的控制代码和在计算机图形上执行的着色器代码 处理单元(GPU).

WebGL

>所有与WebGL有关的事情

WebGL sub-categories

Articles

> WebGL文章和/或博客文章(非教程)

Blog Series

>博客系列的WebGL主题

Books

>关于WebGL的流行书籍

Bug Reporting

>报告错误可以长期帮助每个人

GLSL Editors

>在线GLSL编辑

>注意: WebGL must conform to The OpenGL ES Shading Language, Version 1.00

Official Specs for GLSL Version 1.00

Official Specs for Open ES Version 2.0.25

  • Fractal Lab - 在线分形探测器,允许您探索2D和2D分形.
  • GLSL Sandbox - 片段着色器的在线实时编辑器.
  • GLSLbin - 片段着色器沙箱支持 glslify.
  • Shader Toy - 片段着色器最流行的实时编辑器.
  • ShaderFrog - WebGL着色器编辑器和编辑器.
  • SHDR Editor - Live GLSL着色器编辑器,查看器和验证器.
  • ShaderExpo - 具有内联错误日志,自动完成,模型和纹理加载的无依赖关系着色器编辑器.

References

> WebGL参考

Talks

> WebGL相关会谈

Tools/Debugging

>用于开发和调试WebGL的工具

  • Khronos Dev Tools - 有用的WebGL开发人员工具,旨在用作ES6模块.
  • Spector.js - Agnostic JavaScript framework for exploring and troubleshooting your WebGL scenes.
  • WebGL Inspector - 受gDEBugger和PIX启发的工具,目的是使高级WebGL应用程序的开发更容易.
  • WebGl Playground - 编辑器允许您以方便的方式同时处理JavaScript代码和GLSL顶点/片段着色器(如果有的话). 一切都按照您的意愿进行组织,格式化和突出显示.
  • WebGL Report - 查看浏览器支持WebGL的详细信息.
  • WebGL Support Stats - 交互式仪表板,显示在不同浏览器和设备中对WebGL功能的支持.
  • WebGL Texture Tester - 尝试加载WebGL支持的每种纹理格式之一,旨在快速显示浏览器/设备支持的格式.
  • Web Tracing Framework - 用于跟踪和调查复杂Web应用程序的库,工具和可视化工具集.

Chrome Specific Tools/Debugger

Firefox Specific Tools/Debugger

  • Canvas Debugger - 快速教程如何使用Firefox的开发人员工具来调试WebGL着色器.
  • Firefox Developer Tools - 所有Firefox调试工具的官方列表.
  • Shader Editor - 快速教程如何使用Firefox的开发人员工具来调试WebGL着色器.

Tutorials

>在线WebGL教程(非视频)

Videos

> WebGL相关视频

WebGL 2

>有关即将推出的WebGL 2规范的信息

>一般来说,与WebGL有关的任何内容都可以在 WebGL 部分

WebGL 2 sub-categories

Articles

> WebGL 2文章和/或博客文章(非教程)

References

> WebGL 2参考

Tutorials

Videos

> WebGL相关视频

WebVR

>有关新的和即将到来的WebVR生态系统的不同部分的信息

>所有与更多开发人员相关的项目,而不是在哪里可以找到WebVR内容作为娱乐

WebVR sub-categories

Articles

> WebVR文章和/或博客文章(非教程)

Blog Series

>维护WebVR专题博客系列

Platforms

> WebVR设计的平台体验

  • JanusVR - 网页作为通过门户网站互连的协作3D网站空间.

References

> WebVR参考

Libraries

More detailed information about the different libraries can be found in the Libraries directory.

2D

  • p2.js - 用JavaScript编写的2D刚体物理引擎.
  • Phaser - Canvas和WebGL的开源HTML5 2D游戏框架,支持移动Web浏览器.
  • PixiJS - 基于WebGL的强大2D Javascript渲染器.
  • Planck.js - 用于跨平台HTML5游戏开发的2D物理引擎.
  • Stage.js - 用于跨平台HTML5游戏开发的2D库.

Compute (GPGPU)

Computer Vision

  • GammaCV - WebGL加速浏览器的计算机视觉库.

Particles

  • Phenomenon - 非常小的低级WebGL库,提供了提供高性能体验的基本要素.

Maps and Visualizations

  • Cesium - 用于世界级3D地球仪和地图的开源库.
  • Deck.gl - React的WebGL覆盖套件,提供一组高性能的数据可视化覆盖.
  • Luma.gl - 基于WebGL2的动力框架,用于GPU驱动的数据可视化和计算.
  • xeogl - WebGL上的数据驱动3D可视化引擎.

Math

  • glMatrix - 用于高性能WebGL应用程序的Javascript矩阵和矢量库.
  • Sylvester - Sylvester是JavaScript的矢量,矩阵和几何库.
  • TWGL - 唯一的目的是使使用WebGL API更简洁.

Rendering

  • GLBoost - 为3D图形极客渲染图书馆.
  • GrimoireGL - Web工程师和CG工程师之间的桥梁.
  • Hilo3d - 用于3D游戏的WebGL渲染引擎.

Physics

  • Ammo.js - 使用Emscripten将Bullet物理引擎的直接端口转换为JavaScript.
  • Cannon.js - 用于网络的轻量级和简单的3D物理引擎.

WebGL 2

WebVR

  • A-Frame - 用于构建虚拟现实体验的Web框架.
  • Awesome-AFrame
  • Hologram - 桌面应用程序,允许您以交互方式创建和原型WebVR,无需以前的编码知识.
  • LÖVR - 使用Lua创建VR的简单框架.
  • React 360 - 使用React构建VR网站和交互式360体验.
  • Primrose - 在浏览器中快速构建VR应用程序原型.

Others

  • Babylon.js - 使用HTML5,WebGL和Web Audio构建3D游戏的完整JavaScript框架.
  • Blend4Web - 用于Internet上交互式3D可视化的工具.
  • ClayGL - WebGL graphic Library for building scalable Web3D applications.
  • CopperLicht - 用于创建游戏和3D应用程序的JavaScript库和WebGL 3D引擎.
  • GLGE - 旨在简化WebGL使用的Javascript库.
  • Lightgl.js - 轻量级和明确的库,以帮助原型.
  • OSG.js - 基于OpenSceneGraph概念的WebGL框架与WebGL交互.
  • Pex-gl - 用于Plask / Node.js和WebGL中的计算思维的JavaScript库.
  • PlayCanvas - 游戏引擎平台,以建立互动体验.
  • Pocket.gl - 完全可自定义的webgl着色器沙箱,可嵌入您的页面.
  • Regl - 轻型声明式和无状态库,WebGL的功能抽象.
  • Scene.js - 基于WebGL的可扩展引擎,用于高细节3D可视化.
  • Three.js - 旨在创建一个易于使用,轻量级的3D库.
  • Turbulenz - 模块化3D和2D游戏框架,用于为浏览器,台式机和移动设备制作HTML5游戏.
  • Whitestorm.js - 使用物理开发3D Web应用程序的框架.

Community

>类似的精彩列表

  • awesome - 精选列表的精选列表.
  • awesome-opengl - 精选的OpenGL库,调试器和资源的精选列表. 受到令人敬畏的......的启发.
  • awesome-vulkan - 精选的Vulkan项目和生态系统的精选列表.
  • gamedev - 关于游戏开发的精彩列表.
  • glTF - 为网络设计的运行时3D资产交付.
  • graphics-resources - 图形编程资源列表.

Contributing

请参阅 CONTRIBUTING 详情.

Testing

Travis CI测试自动化归功于 awesome_bot!

License

CC0

在法律允许的范围内, Spencer Fricke 已放弃对此作品的所有版权及相关或相邻权利.