WebGL—3D 入门
![[WebGL入门]四，渲染准备](/scriptcss/images/02.png)
[WebGL入门]四，渲染准备
注意：文章翻译http://wgld.org/，原作者杉本雅広(doxas)，文章中假设有我的额外说明，我会加上［lufy：］。另外。鄙人webgl研究还不够深入，一些专业词语，假设翻译有误，欢迎大家指正。必须准备的东西上次介绍了3D画图的基础知识。讲了一下由Z坐标的不同决定的两种坐标系。以及坐标变换的种类。这一次，说一说实际WebGL画图的时候必须准备的东西。首先，HTML。javascri
日期 2023-06-12 10:48:40![[WebGL入门]二，開始WebGL之前，先了解一下canvas](/scriptcss/images/01.png)
[WebGL入门]二，開始WebGL之前，先了解一下canvas
注：文章译自http://wgld.org/，原作者杉本雅広(doxas)，文章中假设有我的额外说明，我会加上［lufy：］，另外。鄙人webgl研究还不够深入，一些专业词语。假设翻译有误，欢迎大家指正。HTML5和canvas标签如今（2012年2月）HTML5依旧处于草案阶段。HTML5支持网页端的多媒体功能和画布功能，追加了非常多全新的更合理的Tag标签。各个浏览器也都在逐渐的完好这些新
日期 2023-06-12 10:48:40
《WebGL入门指南》——第1章，第1.1节WebGL——一个技术定义
本节书摘来自异步社区《WebGL入门指南》一书中的第1章，第1.1节WebGL——一个技术定义，作者 【美】Tony Parisi，更多章节内容可以访问云栖社区“异步社区”公众号查看 1.1 WebGL——一个技术定义WebGL入门指南WebGL 标准是由科纳斯组织（Khronos Group）开发和维护的，该组织还是管理着 OpenGL、COLLADA等其他你也许早有耳闻的规范的标准组织。以下
日期 2023-06-12 10:48:40
《WebGL入门指南》——第1章，第1.4节本章小结
本节书摘来自异步社区《WebGL入门指南》一书中的第1章，第1.4节本章小结，作者 【美】Tony Parisi，更多章节内容可以访问云栖社区“异步社区”公众号查看 1.4 本章小结WebGL入门指南这样我们就结束了WebGL基础知识之旅。噢！东西可真多啊！现在你也许在想，仅仅在屏幕上画一个正方形就如此兴师动众。而且，这还不是一个真正的3D物体！好吧，我部分同意你的意见。WebGL编程，在这个等
日期 2023-06-12 10:48:40
《WebGL入门指南》——第2章，第2.1节Three.js——一个JavaScript 3D引擎
本节书摘来自异步社区《WebGL入门指南》一书中的第2章，第2.1节Three.js——一个JavaScript 3D引擎，作者 【美】Tony Parisi，更多章节内容可以访问云栖社区“异步社区”公众号查看 2.1 Three.js——一个JavaScript 3D引擎WebGL入门指南需求是创新之母。每个开发者在项目之初都必须不厌其烦的使用WebGL原生API来编写代码，直到可以建立一个自
日期 2023-06-12 10:48:40《WebGL入门指南》——第2章，第2.2节建立Three.js运行环境
本节书摘来自异步社区《WebGL入门指南》一书中的第2章，第2.2节建立Three.js运行环境，作者 【美】Tony Parisi，更多章节内容可以访问云栖社区“异步社区”公众号查看 2.2 建立Three.js运行环境WebGL入门指南你要做的第一件事情就是从GitHub上获取到最新版的Three.js包。Three.js在GitHub上的地址是https://github.com/mrdo
日期 2023-06-12 10:48:40《WebGL入门指南》——第2章，第2.3节一个简单的Three.js网页
本节书摘来自异步社区《WebGL入门指南》一书中的第2章，第2.3节一个简单的Three.js网页，作者 【美】Tony Parisi，更多章节内容可以访问云栖社区“异步社区”公众号查看 2.3 一个简单的Three.js网页WebGL入门指南好了，我想现在是时候来编写你的第一个 WebGL 程序了。在这一节中，你会看到上手Three.js是一件相当简单的事情。示例2-1实际上是第1章中的那个绘
日期 2023-06-12 10:48:40《WebGL入门指南》——第2章，第2.5节本章小结
本节书摘来自异步社区《WebGL入门指南》一书中的第2章，第2.5节本章小结，作者 【美】Tony Parisi，更多章节内容可以访问云栖社区“异步社区”公众号查看 2.5 本章小结WebGL入门指南本章介绍了第一个真实示例。我必须要说，这其实还是很轻松的。仅仅使用了很少的代码，我们就可以创建一个包含3D内容的HTML网页，装扮它，用动画赋予它生命，然后让它可以交互。你要意识到在过去这是根本不可
日期 2023-06-12 10:48:40《WebGL入门指南》——导读
本节书摘来自异步社区《WebGL入门指南》一书中的导读，作者 【美】Tony Parisi，更多章节内容可以访问云栖社区“异步社区”公众号查看 Unity 开发入门指南 学习 Unity 开发接近一年了，从开始对 Unity 一无所知，到现在能模仿制作出一个完整游戏，对个人成长来说，也算是一个不大不小的里程碑。这篇是对自己学习的总结与回顾，希望对 Unity 初学者有所帮助。 W
日期 2023-06-12 10:48:40![[WebGL入门]二十三，反射光的光照效果](/scriptcss/images/04.png)
[WebGL入门]二十三，反射光的光照效果
注：文章译自http://wgld.org/，原作者杉本雅広(doxas)。文章中假设有我的额外说明。我会加上［lufy：］，另外，鄙人webgl研究还不够深入。一些专业词语。假设翻译有误。欢迎大家指正。本次的demo的执行结果各种各样的光照上次，以及上上次，介绍了通过顶点着色器来实现光照效果。最開始介绍了从平行光源发出的光。上次介绍了平行光源的缺点。以及相应这个缺点的方法，就是环境光源。这次
日期 2023-06-12 10:48:40Three 之 three.js （webgl）基础 第二个入门案例之汽车模型加载和简单模型展示
Three 之 three.js （webgl）基础 第二个入门案例之汽车模型加载和简单模型展示 目录 Three 之 three.js （webgl）基础 第二个入门案例之汽车模型加载和简单模型展示 一、简单介绍 二、实现原理 三、GLTF加载器（GLTFLoader&#
日期 2023-06-12 10:48:40Three 之 three.js （webgl）基础 第一个入门 Web 3D 场景
Three 之 three.js （webgl）基础 第一个入门 Web 3D 场景 目录 Three 之 three.js （webgl）基础 第一个入门 Web 3D 场景 一、简单介绍 二、Three 中构建场景主要的三要素 三、场景（Scene） 四
日期 2023-06-12 10:48:40[WebGL入门]五，矩阵的基础知识
注：文章译自http://wgld.org/，原作者杉本雅広(doxas)，文章中假设有我的额外说明。我会加上［lufy：］，另外。鄙人webgl研究还不够深入，一些专业词语，假设翻译有误，欢迎大家指正。不是让你到店前面排队lufy：你一定奇怪。为什么叫这个题目，由于日语中的矩阵叫做“行列”，所以作者就给读者们开了个玩笑。我就这么直接翻译了，大家知道什么意思即可了。在3D渲染的世界里，会非常频
日期 2023-06-12 10:48:40[WebGL入门]十一，着色器编译器和连接器
注意：文章翻译http://wgld.org/，原作者杉本雅広(doxas)。文章中假设有我的额外说明。我会加上［lufy：］。另外。鄙人webgl研究还不够深入。一些专业词语，假设翻译有误。欢迎大家指正。重复重复的东西这已经是第11篇了，由于仅仅说了一些主要的东西。到如今为止连个多边形也没绘制出来。哎呀呀呀......不管怎么说吧。基础是非常重要的。那就在这些基础上。来绘制一个多边形吧。须要
日期 2023-06-12 10:48:40[WebGL入门]十三，minMatrix.js和坐标变换矩阵
注：文章译自http://wgld.org/，原作者杉本雅広(doxas)，文章中假设有我的额外说明，我会加上［lufy：］，另外，鄙人webgl研究还不够深入，一些专业词语，假设翻译有误，欢迎大家指正。坐标变换矩阵的基本功能进行主要的3D渲染的时候，须要准备3个坐标变换矩阵，这个在之前的文章中说过非常多次了。第一个是模型变换矩阵，DirectX中叫做世界变换矩阵。模型变换矩阵影响的是所绘制的
日期 2023-06-12 10:48:40