分享收集的WebGL 3D学习资源

大家好,我在本文中分享了我收集的WebGL 3D相关的博客、书籍、教程、demo等内容,希望对大家学习WebGL和3D有所帮助,谢谢~

相关博客

Wonder技术
Wonder是我们的产品,包含WebGL 3D引擎和编辑器。Wonder技术是Wonder在知乎上的专栏,分享Wonder的技术和资讯,欢迎大家关注~

浅墨的游戏编程
作者写得非常详细,推荐~

ZwqXin
比较老的博客,作者写得不错。

our machinery
原bitsquid引擎的开发者的新博客,分享了很多引擎设计、Data Oriented的干货,非常推荐!

教程

WebGL入门
WebGL的初级入门教程。

Learn OpenGL
作者分成一个个专题,讲得非常仔细,读完后能够直接上手实战,推荐~

WebGL demo

WebGL Samples
WebGL1的案例

WebGL 2 Examples
WebGL2的案例

新手入门

419321-20190315171912918-206873827.jpg

《WebGL编程指南》

非常易懂的实战类书籍,让读者能零基础学习和应用WebGL。

我就是从这本书开始学习WebGL的:
1.我找到了《WebGL编程指南》这本书,把大部分demo实现了一遍;
2.再次第二遍实现demo,提炼3D引擎的雏形;
3.用提炼的引擎实现了一个“自由浏览场景”的demo。

推荐度:5星

豆瓣书评

下载地址

相关资料:
官网

419321-20190315172414797-1708296974.jpg

《HTML5 Canvas核心技术:图形、动画与游戏开发》

本书不仅全面讲解了Canvas的API和如何利用Canvas进行图形绘制、动画制作、物理效果模拟、碰撞检测、游戏开发、移动应用开发,还包括大量实例,可操作性极强。

读者可以从本书中学习Canvas、2D游戏开发的基本概念,学习如何简单的2D游戏引擎。
虽然本书是关于2D的,但其中的游戏开发、游戏引擎相关内容跟3D还是有一定的共通性。

推荐度:4星

豆瓣书评

购买地址

创业经历

《Doom启示录》

本书讲述了卡马克创业的故事,非常有代入感。读者可以看下国外黑客是如何凭一己之力写出3D引擎的。推荐大家阅读~

推荐度:5星

豆瓣书评

下载地址

3D数学

419321-20190315172659028-958005101.jpg

《3D数学基础 图形与游戏开发》

本书讲解矩阵、四元数等跟引擎开发非常相关的数学知识。

建议读者先大概浏览一遍,有一个印象,然后在实际开发引擎的过程中再查询该书的对应章节。

推荐度:4星

豆瓣书评

下载地址

419321-20190315172428946-1339795710.jpg

《计算几何--算法与应用(第三版)》

本书是关于几何相关的算法和应用。书中有部分算法(如求最小包围圆等)在3D引擎和工具开发中会被使用。

建议读者将其当成工具书,在开发中如果遇到相应问题,可查询该书对应章节。

推荐度:3.5星

豆瓣书评

下载地址

坐标系变换

OpenGL坐标变换及其数学原理,两种摄像机交互模型(附源程序)

[OpenGL ES 03]3D变换:模型,视图,投影与Viewport

齐次坐标系入门级思考

架构设计

419321-20190315172444360-2070224034.jpg

《游戏编程模式》

这是一本在线书,讨论游戏中的设计模式。

这本书充满了实践经验,讨论得非常详细,有指导意义。

“状态模式”一章讨论了并行状态机、层次状态机、下推自动机。
“服务定位器”一章对我来说是第一次接触到这个模式。
“数据位置”一章是优化的重要和有用的方法,它强调了缓存命中的问题,其实就是在讲Data Oriented相关的内容。
“空间分割”这一章也很重要,可以使用该技术来组织场景对象。

推荐度:4.5星

豆瓣书评

在线阅读

Data Oriented

A Data-Oriented Programming
Paradigm for Optimal Performance

Culling the Battlefield: Data Oriented Design in Practice

Adventures in data-oriented design – Part 1: Mesh data

《Data-Oriented Design》

下面的链接可能需要开vpn才能访问,否则访问很慢:

Building a Data-Oriented Entity System (part 1)

Building a Data-Oriented Entity System (Part 2: Components)

Building a Data-Oriented Entity System (Part 3: The Transform Component)

Building a Data-Oriented Entity System (Part 4: Entity Resources)

ECS

《守望先锋》架构设计与网络同步 -- GDC2017 精品分享实录

浅谈《守望先锋》中的 ECS 构架

函数式编程

JS 函数式编程指南
这本书作为我学习函数式编程的第一本书,非常容易上手,作者讲得很简单易懂,推荐~

Awesome FP JS
收集了函数式编程相关的资料。

F# for fun and profit
这个博客讲了很多F#相关的函数式编程的知识,非常推荐!
如果你正在使用Reason或者Ocaml或者F#语言,建议到该博客中学习!

引擎

419321-20190315172504836-661616881.jpg

《游戏引擎架构》

本书全方位讲解了3D引擎的设计以及一些重要的实现、优化细节,是一本好书!
本书的5、6、7、13、14章节对我开发的Wonder.js引擎的改进很有帮助,其中第14章有部分内容还讨论了Data Oriented相关的设计。

推荐度:5星

豆瓣书评

预览pdf下载地址

《Game Engine Gems 1》
《Game Engine Gems 2》

下载地址

进阶

419321-20190315172532732-1477596866.jpg

《WebGL Insights》

本书相当于WebGL的gems书,每个章节都是一个专题,介绍了浏览器是怎么实现WebGL的、一些基于WebGL的实现的图形渲染技术、现有的开源引擎(如babylonjs)的设计和优化等。

这是一本非常好的书,对深入WebGL、学习其他开源引擎的设计和优化、移动端WebGL开发和优化都很有帮助!

推荐度:5星

豆瓣书评

下载地址

419321-20190315172602213-1704301465.jpg

《OpenGL Insights》

本书相当于OpenGL的gems书了,每个章节都是一个专题,不仅包括OpenGL,也包括了WebGL方面的主题,是一本进阶的书籍。

书中WebGL方面的专题、性能专题以及移动方面的专题(比如介绍了tile-based架构)都是很有用的。

书中最后还给出了OpenGL ES2.0的渲染管线图。

推荐度:5星

豆瓣书评

下载地址

419321-20190315172611881-123774854.jpg

《Real-Time Rendering》

本书讲得很全,覆盖了渲染的各个方面。不过不够深入,偏理论。

相关参考:

【《Real-Time Rendering 3rd》 提炼总结】(一) 全书知识点总览

推荐度:4.5星

豆瓣书评

下载地址

专题讲解

地形

419321-20190315172623092-1570551001.jpg

《Focus On 3D Terrain Programming》

这本书比较老了,不过挺容易上手实战的。我参考它实现了height map地形和分层地形。

推荐度:4星

豆瓣书评

下载地址

GPU Gems 1-3

下载地址

GPU Pro 1-6

下载地址

其他资源

分享我收集的引擎、图形学、WebGL方面的电子资料

我在2011-2014年收集的经典书和心得

转载于:https://www.cnblogs.com/chaogex/p/10538346.html

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 百度地图WebGL 3D是一种基于WebGL技术的地图展示方式。相较于传统的二维地图,WebGL 3D可以将地图呈现为立体的、真实的三维场景,给用户提供更直观、沉浸式的体验。 百度地图WebGL 3D具有以下几个特点和优势: 首先,WebGL 3D地图能够还原真实的地貌景观,通过高清卫星影像和地形数据,使得用户可以在虚拟的地球上进行自由的漫游和探索。用户可以放大缩小、旋转和倾斜地图视角,从不同角度观察和了解地球表面的各种地形和特征,如山脉、河流、湖泊等。这为用户提供了一种全新的地图浏览方式,拓宽了地图的使用场景。 其次,WebGL 3D地图可以展示更多的地理信息和内容。除了基本的地图数据,百度地图还可以将各种POI(兴趣点)如商家、景点等以3D的形式呈现。用户可以通过WebGL 3D地图获取更多与位置相关的信息和服务,如导航、周边搜索等。 再次,WebGL 3D地图还支持地图数据的可视化呈现。通过将大量的地理信息以热力图、柱状图、散点图等可视化形式展示在地图上,用户可以更直观地了解数据分布和变化趋势。这为科研、社会管理等领域提供了更强大的数据分析和决策支持工具。 最后,百度地图WebGL 3D还可以与其他Web技术相结合,如HTML5、CSS3等,实现更加丰富的功能和用户交互效果。通过与其他网页元素的无缝融合,WebGL 3D地图可以更好地满足用户的需求。 总之,百度地图WebGL 3D通过利用WebGL技术,将地图呈现为立体的三维场景,提供更直观、沉浸式的体验。其具备还原真实地貌、展示更多地理信息、可视化呈现地图数据以及与其他Web技术结合等优势,为用户带来全新的地图浏览方式和更丰富的功能。 ### 回答2: 百度地图WebGL 3D是一种基于WebGL技术的地图展示方式,它通过利用浏览器的图形处理能力,实现了地图的三维化展示。 百度地图WebGL 3D能够提供更加真实的地图展示效果,用户可以以全新的视角来浏览地图,感受到更加真实的地理环境。通过该技术,可以呈现出地图中的建筑物、道路、地形等立体化的效果,使用户能够更加直观地了解地理位置和周边环境。 百度地图WebGL 3D还提供了交互功能,用户可以通过鼠标进行缩放、旋转、倾斜等操作来调整地图的显示角度和视野范围。同时,用户还可以通过地图上的标注、文字信息等来获取更多的地理数据和相关信息,例如商家地址、门店位置、交通状况等。 使用百度地图WebGL 3D,用户可以更加方便地进行地图导航和路径规划。通过三维地图的展示,可以更加清晰地了解道路和交通情况,从而帮助用户更加准确地选择出行路径。此外,百度地图WebGL 3D还支持实时路况显示,用户可以及时了解道路交通状况,以便做出合适的出行决策。 总之,百度地图WebGL 3D以其真实的地图展示、丰富的地理信息和便捷的导航功能,给用户提供了一种全新的地图浏览和使用体验。无论是用于旅游、出行还是地理信息查询,百度地图WebGL 3D都能够为用户带来便利和帮助。 ### 回答3: 百度地图的WebGL 3D是一项基于WebGL技术的地图展示功能。通过使用WebGL,该功能可以在网页上以三维形式展示地图数据。用户可以通过鼠标、键盘等交互方式实现地图的缩放、平移、旋转等操作,使地图呈现出更立体、更真实的效果。 百度地图WebGL 3D功能可以实现更加精细的地图展示,通过结合地形数据、建筑物模型等元素,使用户能够更准确地了解地理特征和地形情况。相比传统的二维地图展示,WebGL 3D能够提供更具沉浸感的视觉体验。同时,百度地图WebGL 3D还可以与其他功能模块结合,如路线导航、POI搜索等,为用户提供更多实用的功能。 此外,百度地图WebGL 3D还支持在移动设备上展示,用户可以通过手机或平板电脑等移动设备随时随地查看3D地图。这为用户提供了更加便捷的地图服务,无论是旅行导航还是出行规划,都能得到更准确的指导。 总而言之,百度地图WebGL 3D是一项基于WebGL技术的地图展示功能,可以以三维的方式呈现地图数据,提供更精细、真实的地图体验。可以结合其他功能模块,如导航、搜索等,为用户提供更全面的地图服务。而且还支持在移动设备上展示,为用户提供更加便捷的地图导航和查询功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值