Web 3D渲染技术

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 什么是Shadow acne 先看一张图： 这张图是我在GAMES202的作业1中，将光源高度调低，从而使得光线入射方向和地面之间夹角比较小，并且

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 半透明渲染要解决的问题 需要将半透明物体按照正确的顺序进行渲染，以便让它们的片元和远处已经绘制到color buffer中的片元颜色进行混合，从而

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 曾在十多年前看到一个大佬说，游戏引擎的核心就是资源管理。确实，游戏引擎必须要能管理好各种资源，而且不论是运行时资源还是项目工作流中的资源。今天来聊

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 项目状态 本系列文章停更了好几个月了，这期间也是有很多事情，不过这个项目(mini3d.js)肯定是不会放弃的，只会不断的进化。最近几个月主要在深

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 前言 本篇总结一下里程碑3到4阶段的材质和前向渲染的实现。本部分仍然处于早期，为了看到效果，很多地方只有思路没有实现，代码里有很多TODO。尽管很

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 引言 相比于实现很多花哨的图形效果，写引擎需要很多很扎实的东西。比如说场景和变换就是其中之一，基础中的基础。实现场景和变换的最初的动机，是我们需要

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 里程碑3 好久没写笔记了，本周又搞了几天，基本实现了基于多pass的多光源前向渲染，加上之前实现的基本的scene和transform，暂且算作里

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 在进行mini3d.js这个开源小项目的过程中，越来越体会到一个引擎的复杂性，从技术DEMO到可以完成实际工作的引擎，完全不是一个数量级的复杂度。

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 载入.obj格式模型 .obj是文本格式的，相对比较好解析，而且可以查看，所以先暂时只支持这个格式。当然这个格式里面包含的东西不仅仅是模型数据，其

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 最近做了很多零碎的工作，归拢了一下作为里程碑2。先上截图： 这是一个脚本生成的example页面，以后所有的例子可以从这个页面进入，这样就可以查看

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 上一篇之后停了好久没写，但其实mini3d.js一直在进展，目前的内容够写很多篇了，但这样欠下的债就太多了。我开始思考我写这些文章的初衷，是对这个

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 本篇讲述mini3d.js对静态模型的封装，目前支持三角形列，使用或不使用索引， 暂不支持子模型。涉及到的类有Mesh, VertexBuffer

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 写在前面 虽然一个渲染框架可能很复杂，但是如果我们一开始就把事情想的很复杂往往难以下手。另一方面，现在有很多开源引擎，你直接去看也会感觉难以入手。

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 我们在第一篇里面浏览了一下WebGL的参考卡片，也列出了一些WebGL的功能点，但是对于没有接触过3D编程的人来说，这些东西很难理解并形成一个统一

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 如上文所说，我希望这个基于WebGL的框架是一个独立的库，可以像一个普通的js库那样被引用，但是开发的时候又需要根据需求拆分成很多js文件，那么就

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 本系列的目的是实现一个基于WebGL的渲染框架，并以此为基础进行图形效果实践。之所以选择WebGL而不是OpenGL，一是因为开发环境配置比较简单