logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

DeckGL MVTLayer+Mapbox注入shader实现简单效果

使用Mapbox+DeckGL MVTLayer加载带高度的矢量建筑物轮廓数据矢量切片,并扩展MVTLayer编写shader自定义简单效果

文章图片
#前端#着色器
three.js着色器材质

当Three.js内置的材质不能满足需求时,就需要通过编写着色器来实现了也可能是出于性能原因。像MeshStandardMaterial这样的材料非常复杂,涉及大量的代码和计算。如果我们编写自己的着色器,我们可以将功能和计算保持在最低限度。我们可以更好地控制性能。编写指定要着色器也是向渲染结果添加后处理效果的绝佳方式。

文章图片
#着色器#材质#webgl +1
three.js后处理

最后一次通道不会绘制在一个渲染目标上,因为我们可以直接将其放在画布上,这样用户就可以看到最后的结果了。创建自定义通道类似于创建自定义着色器。

文章图片
#javascript#图形渲染
可视化中的数学基础知识

可视化学习的基础数学知识,本文通过数学计算、几何直观理解、代码实现来加深对可视化中的数学基础知识的理解。

文章图片
#几何学
线性代数的本质

线性代数的本质将只停留在数值运算和公式的线性代数推进到可视化几何直观(Visual Geometric Intuition)的理解领悟上,本文为https://www.3blue1brown.com/的学习笔记。1.向量究竟是什么线性代数中最基础,最根源的组成部分就是向量。一般来说有三种看待向量的观点,看似不同却有所关联,分别为在物理学,数学,计算机上的观点。

文章图片
#线性代数#几何学
three.js中加载模型与模型动画

本文部分内容为Three.js Journey课程的学习笔记。有些格式专用于一种软件。有些已知非常轻,但有时缺乏具体数据。众所周知,有些几乎包含您可能需要的所有数据,但它们很重。有些格式是开源的,有些格式不是,有些是二进制的,有些是 ASCII 的,等等。如果需要精确的数据并且无法找到软件支持的适当格式,您甚至可以轻松创建自己的格式。

文章图片
#javascript#图形渲染
常见三维数据模型梳理

3D Tiles 是 Cesium 于2016 年3月定义的一种三维模型瓦片数据结构。3DTiles 将海量三维数据以分块、分层的形式组织起来,这样就大大减轻了浏览器和图形处理单元(GPU)的负担。开放且灵活:作为一种开放式数据规范,3D Tiles 的切片方案灵活可变,三维模型的切片大小和覆盖范围可以人为设置。此外,3D Tiles 还能够适配三维空间中多种空间分区方案,包括KD树、四叉树、八叉

文章图片
#图形渲染
到底了