Sirice

在本篇文章中，我向您介绍了创建 Web 3D 物体的最后一个关键概念：「材质（Material）」，罗列了它的通用属性，并展示了不同材质的渲染效果。...

“我正在参加掘金社区游戏创意投稿大赛个人赛，详情请看：游戏创意投稿大赛” 前言 复刻了原神Shader很久了。最近效果终于让我觉得满意了一些 ，今天来说一下个人理解下的解析...

🙉 尽管 Three.js 文档已经比较详细了，但对于刚接触 Three.js 的工友来说，最麻烦的还是不懂如何组合。Three.js 的功能实在太多了，初学者很容易被大...

原文链接 正文 在 URP 中，SurfaceShader 已经不再被支持了，学 URP 和 HLSL 去吧，别碰 SurfaceShader 了。 前言   没错，又是老...

PBR 追求 物理正确，风格化 则天马行空，两个本来不搭边的东西结合在一起，也可以实现出相当有趣的效果。 漫反射部分，明暗过渡是比较典型的 卡通渲染 的方式，线条感很强。 ...

崩铁2.3已经更新了，不知道大家有没有抽到自己想要的角色，哥们已经梭哈流萤了！ 扯远了，正题开始，因为经常逛知乎且身边做TA的朋友很多，最近不是很忙，就可以抽出一点点的时间...

矩形 geogebra https://www.geogebra.org/classic/gae9k8gb shadertoy https://www.shadertoy....

字体渲染 位图字体(Bitmap Font) 最简单的文本渲染方式是：点阵字体 (Dot-matrix-fonts) 也叫位图字体 (Bitmap-fonts)，即将用到的...

大家好，这里是 CSS 魔法使——alphardex。 本文我们将用three.js来实现一种很酷的光学效果——露珠滴落。我们知道，在露珠从一个物体表面滴落的时候，会产生一...

书接上文，上一次我们已经添加了漫反射，这一次我们添加高光,脸部阴影 1.高光 我们上一节在准备上下文的时候计算了一个变量NDotH,他是法向量和半程向量的点积，半程向量是眼...

1-多渲染目标简介 多渲染目标（Multiple Render Targets, MRT）指的是在图形渲染过程中，同时将渲染结果写入多个不同的目标缓冲区（通常是纹理）。这种...

LOD 技术和空气墙优化方案。LOD 技术旨在优化 WebGL 渲染性能，通过自动切换不同细节级别的模型来降低 GPU 压力，实现远处显示简化模型、近处显示详细模型的效果。...

引言 在前端开发中，性能优化是一个永恒的话题。我们经常需要处理和展示大量的数据，所以当面试官问到：“如何一次性渲染十万条数据而不影响用户体验？”你会怎么回答？直接渲染十万条...

随着图形图像渲染技术的快速发展，如何在移动端呈现出高质量的数字人渲染效果，是实时渲染领域最主流的技术研究方向之一。本文将带你了解B站为何选择更为灵活轻量的WebGL渲染方案...

源码：https://github.com/buglas/threejs-lesson/tree/main/09-cleanup 1-内存泄漏的概念 在c++ 里，内存泄漏...

全局辉光（Bloom），又称泛光。它其实是一种作用于特定区域的外发光效果。 在游戏中，我们经常可以见到外发光的效果。那么从前端视角，怎么分析和实现辉光效果呢？...

这篇文章，比较深入的讲解了渲染管线的大致过程，以及每个过程具体都干了什么事。文章大致分为三部分： 1. 概括性的讲述渲染管线包含哪些部分，以及每部分大致干了些啥。 2. 通...

通过index减少重复顶点的出现，通过index指定顶点怎么使用，可以减少内存占用；可以通过groups对顶点进行分组绘制，每组顶点可以单独指定材质；可以通过指定drawR...