- 博客(10)
- 收藏
- 关注
RSS订阅
原创 用three.js构建自己的后处理渲染器第一篇---抗锯齿的选择
说到渲染引擎就不得不提到延迟渲染，基本上一个引擎如果没有实现延迟渲染就不能说是一个好的渲染引擎，不过可惜的是three.js并没有实现延迟渲染（ps：呼吁作者赶紧实现mrt吧）。由于没有mrt和延迟渲染，本来不打算写后处理的，但是即使没有，我们也希望能实现一些炫酷的效果，那就在现在已有的基础上对three.js进行简单的改造来实现一套高性能的后处理渲染器吧。要实现后处理我们首先要考虑需求，是否要...
2019-11-30 12:22:10
4837
17
原创 从零开始构建自己的WebGL3D引擎—材质篇
引言：第二篇本来想讲讲摄影机的内容，但是还是想从渲染开始讲起。因为我们希望引擎更专注于渲染，等渲染结束我们再去慢慢的写摄影机和一些数学运算吧。该篇主要思考基础材质类如何封装以及shader如何处理和优化、shader编译、uniform上传的细节和更好的实现1.要设计一个好的材质，我们先想想别的引擎是如何设计的，有什么好的地方、有什么不足的地方Three.js使用方法(目前先拿自定义的s...
2020-03-16 22:04:33
1209
1
原创 用three.js实现炫酷的城市扫光效果
最近由于工作需要实现一些比较炫酷的3d城市扫光效果，现在分享给大家思路和方法先看效果图具体怎么实现的那？首先像扫光这种效果是3D比较基本的效果，我们可以使用后处理、模版、材质三种方式来实现，鉴于后处理和模版这两块用three.js构建起来如果大家不熟悉会非常困难（但是维护起来确非常简单，如果实现了MRT，用后处理的方式性能也是最好的），因此本篇主要讲述如何用材质的方式来实现扫光效果。用材质实...
2020-02-08 20:07:09
13170
23
原创 three.js性能研究——第一篇
现在开源的webgl引擎中，three.js是功能最丰富的，而且社区活跃，使用简单，但是它的性能确实不太理想。本系列就和大家一一探究three.js的性能到底如何，原因是什么，以及有什么改进方案。首先我们模拟一个理论上性能最好的使用场景，scene下创建10000个sphere，每个sphere大概1000个顶点（测试显卡为mac Radeon Pro 555X 4 GB，相当于GTX1050左...
2019-12-15 21:45:29
3036
原创 用three.js构建自己的后处理渲染器第三篇---架构设计
上一篇主要讨论性能问题，这一篇我们开始设计后处理渲染器架构effectComposer ---（默认生成 sourceTarget（原场景）， readBuffer（后续每一个pass的最终结果），writeBuffer（负责与readBuffer进行交换）） ---renderPass (负责渲染一遍原场景，最终渲染到sourceTarget) ---pass1 (针对物体的后处理...
2019-11-30 22:50:37
1607
1
原创 用three.js构建自己的后处理渲染器第二篇---性能好要解决的问题
上一篇我们讲了抗锯齿的选择，这一篇我们讲一下常用的后处理功能的实现思路，如果想了解抗锯齿https://blog.csdn.net/zhgu1992/article/details/103322528首先看一下three.js自己实现的EffectComposer,它主要是创建了两个renderTarget，一个readBuffer一个writeBuffer，而three.js默认的后期则用的有...
2019-11-30 15:20:53
3382
2
原创 使用three.js渲染瓦片地球-第一篇
近期有个需求是想使用自己的3d引擎去渲染地球逻辑，如果从头实现一遍会比较耗费时间，而且后续还要实现倾斜摄影等等，所以打算使用cesium来帮我们做调度然后用自己的3d引擎渲染。
2019-07-16 23:12:52
8044
14
原创 使用pgrouting和geotools实现最短路径，服务区分析
1本文主要讲解服务区分析的实现（最优路径已经有很多文章了）设施服务范围指在一定限制条件下(如时间、费用或路程等)设施所能提供服务的最大空间领域, 在道路网络环境中,它通常由一系列结点及边组成。例如, 某救助站在接到求救电话后10 min 所能到达的区域;某物流公司在配送货物时500元花费所能到达的区域等。（1）根据拓扑关系,计算地理网络的最大邻接结点数;（2）构造邻接结点矩阵和初始
2017-12-24 11:04:18
5460
12
原创 用hlsl/glsl实现内发光效果
1近期由于工作需求，需要实现一些地球上行政区域的内发光效果，找了很多资料终于找到了一个比较好的算法，现在一步一步分享给大家2.首先在学习shader的时候，特别是hlsl和cg语言的，我们可以使用NVIDIA FX Composer 2.5工具。在上面我们可以找到很多shader效果并可以进行调试来改造写出我们自己想要的shader效果第一步，先来采透明度由于物体外面的透明度都是0，而
2017-12-24 10:09:49
5366
38
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人