首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
Web 3D渲染技术
happyfire
创建于2022-03-29
订阅专栏
基于WebGL, WebGPU的Web端3D渲染技术相关教程和工程实践
等 26 人订阅
共14篇文章
创建于2022-03-29
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
happyfire
11月前
计算机图形学
关于ShadowMap中Shadow acne现象的解释
本文已参与「新人创作礼」活动,一起开启掘金创作之路。 什么是Shadow acne 先看一张图: 这张图是我在GAMES202的作业1中,将光源高度调低,从而使得光线入射方向和地面之间夹角比较小,并且
547
4
评论
happyfire
11月前
计算机图形学
半透明物体渲染总结
本文已参与「新人创作礼」活动,一起开启掘金创作之路。 半透明渲染要解决的问题 需要将半透明物体按照正确的顺序进行渲染,以便让它们的片元和远处已经绘制到color buffer中的片元颜色进行混合,从而
411
2
评论
happyfire
12月前
WebGL
引擎开发随笔之资源导入
本文已参与「新人创作礼」活动,一起开启掘金创作之路。 曾在十多年前看到一个大佬说,游戏引擎的核心就是资源管理。确实,游戏引擎必须要能管理好各种资源,而且不论是运行时资源还是项目工作流中的资源。今天来聊
62
1
评论
happyfire
12月前
WebGL
从零开始手撸WebGL3D引擎11: PostProcessing框架(里程碑5了)
本文已参与「新人创作礼」活动,一起开启掘金创作之路。 项目状态 本系列文章停更了好几个月了,这期间也是有很多事情,不过这个项目(mini3d.js)肯定是不会放弃的,只会不断的进化。最近几个月主要在深
83
1
评论
happyfire
12月前
WebGL
从零开始手撸WebGL3D引擎10: 材质,前向渲染以及里程碑4
本文已参与「新人创作礼」活动,一起开启掘金创作之路。 前言 本篇总结一下里程碑3到4阶段的材质和前向渲染的实现。本部分仍然处于早期,为了看到效果,很多地方只有思路没有实现,代码里有很多TODO。尽管很
113
1
评论
happyfire
12月前
WebGL
从零开始手撸WebGL3D引擎9:Scene & Transform
本文已参与「新人创作礼」活动,一起开启掘金创作之路。 引言 相比于实现很多花哨的图形效果,写引擎需要很多很扎实的东西。比如说场景和变换就是其中之一,基础中的基础。实现场景和变换的最初的动机,是我们需要
432
2
2
happyfire
12月前
WebGL
从零开始手撸WebGL3D引擎8:里程碑3-一个多光源场景
本文已参与「新人创作礼」活动,一起开启掘金创作之路。 里程碑3 好久没写笔记了,本周又搞了几天,基本实现了基于多pass的多光源前向渲染,加上之前实现的基本的scene和transform,暂且算作里
416
2
评论
happyfire
12月前
WebGL
引擎开发随笔之OpenGL Shader的封装思考
本文已参与「新人创作礼」活动,一起开启掘金创作之路。 在进行mini3d.js这个开源小项目的过程中,越来越体会到一个引擎的复杂性,从技术DEMO到可以完成实际工作的引擎,完全不是一个数量级的复杂度。
108
1
评论
happyfire
12月前
WebGL
从零开始手撸WebGL3D引擎7:载入.obj模型以及顶点法线的计算
本文已参与「新人创作礼」活动,一起开启掘金创作之路。 载入.obj格式模型 .obj是文本格式的,相对比较好解析,而且可以查看,所以先暂时只支持这个格式。当然这个格式里面包含的东西不仅仅是模型数据,其
187
1
评论
happyfire
1年前
WebGL
从零开始手撸WebGL3D引擎6:里程碑2,目前状态和展望
本文已参与「新人创作礼」活动,一起开启掘金创作之路。 最近做了很多零碎的工作,归拢了一下作为里程碑2。先上截图: 这是一个脚本生成的example页面,以后所有的例子可以从这个页面进入,这样就可以查看
250
3
评论
happyfire
1年前
WebGL
从零开始手撸WebGL3D引擎5:Shader的封装
本文已参与「新人创作礼」活动,一起开启掘金创作之路。 上一篇之后停了好久没写,但其实mini3d.js一直在进展,目前的内容够写很多篇了,但这样欠下的债就太多了。我开始思考我写这些文章的初衷,是对这个
662
5
评论
happyfire
1年前
WebGL
前端
从零开始手撸WebGL3D引擎4:Mesh的封装
本文已参与「新人创作礼」活动,一起开启掘金创作之路。 本篇讲述mini3d.js对静态模型的封装,目前支持三角形列,使用或不使用索引, 暂不支持子模型。涉及到的类有Mesh, VertexBuffer
343
3
评论
happyfire
1年前
WebGL
前端
从零开始手撸WebGL3D引擎3:基本渲染流程介绍
本文已参与「新人创作礼」活动,一起开启掘金创作之路。 写在前面 虽然一个渲染框架可能很复杂,但是如果我们一开始就把事情想的很复杂往往难以下手。另一方面,现在有很多开源引擎,你直接去看也会感觉难以入手。
438
7
评论
happyfire
1年前
WebGL
从零开始手撸WebGL3D引擎2:WebGL和3D编程基础概念
本文已参与「新人创作礼」活动,一起开启掘金创作之路。 我们在第一篇里面浏览了一下WebGL的参考卡片,也列出了一些WebGL的功能点,但是对于没有接触过3D编程的人来说,这些东西很难理解并形成一个统一
344
6
评论
happyfire
1年前
WebGL
前端
从零开始手撸WebGL3D引擎1: 搭建项目框架
本文已参与「新人创作礼」活动,一起开启掘金创作之路。 如上文所说,我希望这个基于WebGL的框架是一个独立的库,可以像一个普通的js库那样被引用,但是开发的时候又需要根据需求拆分成很多js文件,那么就
694
8
1
happyfire
1年前
WebGL
从零开始手撸WebGL3D引擎0:开始探险之旅
本文已参与「新人创作礼」活动,一起开启掘金创作之路。 本系列的目的是实现一个基于WebGL的渲染框架,并以此为基础进行图形效果实践。之所以选择WebGL而不是OpenGL,一是因为开发环境配置比较简单
208
6
1
温馨提示
当前操作失败,如有疑问,可点击申诉