寒璃

今天，我们来探索Three.js中的如何实现镜面效果。事实上，THREEJS官方已经给出了实现镜面效果的例子。详细可以参见three.js examples (threej...

辞旧迎新，鞭炮阵阵。不知不觉中又过完了一年，我们即将迎来龙年，在这里先给大家拜个早年了！㊗️大家： 当然，以上祝福语来自于ChatGPT，这也符合咱们程序员的一贯作风😁。...

近期，国产真人恋爱影视游戏《完蛋！我被美女包围了》（以下简称《完蛋》）在 Steam 国区畅销榜位居首位，成功超越了一众热门免费游戏如《PUBG》、《CS2》和《Apex》...

前言 大家好，此次我们继续绘制另一片美丽的星空。咱们废话不多说，直接进入正题。 我们先看一下最后的效果： 让我们一步一步的揭示其中的奥秘吧~！ 原理 绘制一个星星 万丈高楼...

今天我们要学习的是深度图相关的知识。深度图是渲染中相当重要的一个手段，我们可以利用深度做出各种各样的效果。今天这篇文章将会介绍使用深度图的一些关键细节，以及我们会利用深度图...

前言 Hello，又与大家再次见面了，今天我们要学习的内容是“渲染目标”。学习这一技术后，我们可以利用它做出一些常见的效果，比如“反射”，“折射”效果等等。废话不多说，让我...

前言 之前为大家讲解了一些WebAssembly相关的概念和核心原理，今天我们就使用WebAssmebly完成一个实际小项目，废话不多说，撸起袖子直接开干！...

环境贴图(Environment map)是一类用于模拟环境反射光照的一种 3D 技术，尤其是在真实感渲染中是非常重要的组成部分。环境贴图也常常被我们称为“天空盒”。...

在讲述WebAssembly之中的动态链接之前，我们还需要探究一些基本问题，比如什么是动态链接？动态链接到底是解决什么问题的？通过今天的文章，你将会学习到如何在WebAss...

本系列文章将不会从现有的bWebAssembly编译工具出发来介绍WebAssembly，本文将以手写WAT(WebAssembly Text Format)和WebAss...

今天我们学习的内容是法线贴图，法线贴图也是贴图的一种。在法线贴图中，储存了每个像素点的法线方向。（法线方向用 x,y,z 表示，贴图中的 r,g,b 三个通道正好可以表示）...

很久没有更文了，让我们继续我们的图形学学习之旅，经过前面的学习，我们已经学习了一些关于图形学的基础知识，如 MVP 变换、贴图、图像处理技术等，尤其是我们手撸了一些纯原生的...

开启掘金成长之旅！这是我参与「掘金日新计划 · 2 月更文挑战」的第 1 天，点击查看活动详情 vx 搜索『gjzkeyframe』 关注『关键帧Keyframe』来及时获...

楔子 介绍一下需求背景，我们所做的应用是一个基于 Cocos Creator 引擎用于生产 3D 虚拟角色的编辑器，其有一项很重要的功能是对于角色模型的驱动；用户可以导入自...

在进行下一步的学习之前，我们需要整理一下我们之前写的代码。我们回顾一下我们之前编写的 WebGL 代码，我们发现，大部分的代码都是极其重复的。...

之前介绍的平行光作为照亮整个场景的全局光源来说是非常棒的选择，但是除了平行光之外我们也需要一些分散在场景中的其他光源，想想一下在洞穴中墙壁上的火把或者是城市夜晚中的路灯，都...

光照是渲染技术中非常重要的一部分内容。“渲染”简单的讲就是解决这样的一个问题：“当前屏幕上的这个像素点应该是什么颜色？”。决定该像素点的颜色过程，我们称之为“着色(Shad...

背景 目前对WebAssembly的使用主要是做计算密集型的工作，比如软解播放通过WebAssembly计算提供解码能力，WebAssembly执行完全依赖CPU计算，不能...