WebGL学习资源汇总(持续更新)
WebGL学习资源汇总
书籍
- 计算机图形学基础
- WebGL编程入门
- Three.js框架深度解析
- OpenGL ES 2.0游戏开发
书籍介绍:
《计算机图形图像处理基础》2011年出版发行.唐波著.全书共设为10个章节,主要涵盖了图形与图像处理的基本概念、图形图像处理的硬件与软件基础、基本图形的生成算法、图形显示技术、交互技术与图形软件标准、图像数字化与数学描述等内容,还包括图像正交变换、图像增强、图像恢复以及图像分割等章节。该书将计算机图形学与数字图像处理两门学科的知识有机融合,系统阐述了图形图像处理的基本理论体系及其前沿技术发展,旨在通过"形"与"图"的结合,从全新的视角深入解读可视信息处理中的核心领域及其最新进展。这本书既是一本理论性强的技术专著,也是一部便于理解的应用型指导手册,既可作为专业课程教材使用,也可作为工程技术人员的重要参考文献。建议读者在阅读时注重各章节间的联系,深入理解其核心思想和应用方法;在实际工作中遇到相关问题时能够灵活运用其中提出的解决方案;同时,要不断更新知识储备,以适应新兴技术和方法的发展需求
这本书值得认真研读。在入门阶段仅进行初步了解,在提高阶段则需要深入掌握。
《Three.js开发指南》(中文第2版)
阅读第二版可能会觉得第一版已经 somewhat outdated了,并且发现第二版也同样存在某些过时的内容。为了更好地掌握知识,《三书》需要认真研读每一章,并亲自实践书中的每一个案例。由于官方文档更新频率较高,在学习过程中需时刻关注章节中保留的 deprecated 节点,并及时查阅最新版本文档获取对应信息。此外,请确保在编写代码时始终遵循当前项目的版本号规范要求
- 《OpenGL ES 2.0游戏开发》(上下卷) 吴亚峰
书籍主要介绍的开发平台是Android,不过基础知识都是相通的,很值得学习研究。 上卷主要内容如下:OpenGL 的渲染管线、着色语言(Shading Language)、投影及各种变换、OpenGL ES 2.0 中光照的基本原理与实现、纹理映射的基本原理与使用、各种 3D 基本形状的原理与实现、纹理映射的基本原理与使用、各种 3D 基本形状的原理与实现、3D模型加载、混合及雾的基本原理与使用、3D开发技巧(包括标志版、灰度图地形、粒子沉积地形、天空盒与天空穹、镜像技术、动态文本输出以及非真实感绘制等一些常用的 3D开发技巧)、剪裁与测试、Android 中各种传感器的使用,以及 NDK 及iOS 平台下的OpenGL ES 开发,同时还介绍了如何在不同的平台间进行 3D 应用的移植;WebGL 3D 应用开发,如何将 3D 应用移植到WebGL 平台。 下卷主要是高级特例和典型案例。如顶点、片元着色器的妙用,真是光学环境的模拟,阴影及高级光照,物理学,游戏引擎,动画等。
相关网站:
WebGL入门指南:Mozilla WebGL官方文档
WebGL标准:Khronos组织 WebGL规范
GLSL编程参考:GitHub仓库 GLSL中文手册
JavaScript编程库:微软 MSDN图书馆 JavaScript 语言参考
虚幻引擎4官方文档:Unreal Engine公司 Unreal Engine4文档
Kesen的计算机图形论文官方博客:Kesen's Real-Time Rendering Blog
Stack Overflow图形相关资源页面:http://stack.gl/
p5.js中文创意编程库:P5.js官网 JavaScript 创意编程程式库
glfx.js图像效果引擎演示视频:Evan W. glfx.js演示视频页面
VisJS数据可视化工具集合:VisJS官网 数据集、时间轴、网络等可视化组件
着色器资源网站是一个汇聚 shader 资源的平台:它提供了丰富的 shader 实例,并给人以强烈的探索欲望。该网站不仅包括Shadertoy(Shadertoy)这一知名社区,在线展示各种 shader 效果,还提供了一个独立的测试环境(http://glslandbox.com/)。此外,《The Book of Shaders》(The Book of Shaders)作为一本电子书籍,在线阅读并可从 GitHub 项目 thebookofshaders 中下载。
三维库
Three.js官网 官网有最全面的案例和文档
OpenGL ES 2.0 API Reference Guide Booklet
WebGL 1.0 API Reference Guide Booklet
Magicavoxel是一款由gltracy独立开发的轻量级体素编辑工具。Magicavoxel具有出色的整体性能,在呈现不同光线条件、光照度、明暗度和锐度方面表现优异。此外,Magicavoxel还吸引了众多热爱体素建模的用户去创造自己的体素模型。https://ephtracy.github.io/
MeshLab: 是一个免费开源、跨平台支持且高度可扩展的三维几何数据处理与分析平台...。该系统主要功能包括支持交互式操作以及对三维三角形网格的非结构化编辑操作。
Blender:Blender 是一款免费开放源代码的三维动画制作软件, 支持从建模到音频处理的完整流程以及视频剪辑工作, 适用于多个操作系统(包括Windows、Mac和Linux)。
Substance Painter :Substance Painter 2018 是一款当下互联网上最为卓越的次世代游戏贴图绘制软件 。它不仅集成了构建复杂 3D 素材所需的关键工具 ,并且特别增添了独特的粒子笔刷功能 。利用这一功能 ,用户能够模拟自然粒子下落的过程 ,从而生成具有真实感的纹理 。此外 ,该软件还提供了一种逼真的技术 ,使模型得以呈现出磨损与撕裂的效果 。当然 ,它还包含了一种名为 Material Painting 的材质绘制功能 ,这种技术可以让用户一次性描绘出所有材质细节 ,并且能在短短几秒钟内完成精细的修饰工作 。
SVG地图网站
基于GEOServer的地图数据展示系统
可视化
http://www.perceptualedge.com/

