qq_21476953的博客

原创 Cesium 用到的webgl扩展

为具有浮点像素格式的纹理启用线性过滤（双线性或三线性），特别是由 OES_texture_float（32 位浮点）和 OES_texture_half_float 定义的纹理（16 位半浮点数）在 OpenGL ES 和 WebGL 中。它引入了新的混合方程，允许计算源颜色和目标颜色组件的最小值或最大值，这对于游戏和可视化中的叠加混合、阴影映射或后期处理等效果非常有用。它建立在 EXT_color_buffer_float 扩展之上 ，该扩展允许渲染到浮点帧缓冲区，但由于当时的硬件限制，最初不允许混合。

原创 Cesium 方位角方法和原理

【代码】Cesium 方位角方法和原理。

原创 Cesium 内置变量 czm_ellipsoidInverseRadii

要将椭球体归一化为单位球体，我们需要对坐标进行缩放，使得椭球体的半轴长度被归一化为 1。归一化的目标是通过坐标变换，将椭球体的方程转换为单位球体的方程。因此，通过这种缩放，椭球体的表面被映射到单位球体的表面。，通过以下线性变换将原始坐标。

原创 Cesium Primitive 的生命管理

PrimitiveState 状态机清晰地描述了 Primitive 对象的生命周期，从初始化到渲染完成或失败。异步加载路径通过 Web Worker 提供高性能处理，而同步路径适合简单场景。状态转换由 update 方法驱动，依赖于几何体创建、合并和资源准备的完成情况。错误处理确保任何阶段的失败都能被捕获并停止后续处理。

原创 Gltf 模型 加载到 Cesium 的坐标轴映射浅谈

gltf 规范3.4. Coordinate System and Units

原创 Cesium 禁止区域线

Cesium 禁止区域线。cesium 禁止区域线。

原创 webgup-cpp 绘制三角形

webgup-cpp 绘制三角形。使用dawn、mac os.

原创 CesiumInstancedMesh 实例

Cesium实例

原创 地球大气原理和glsl实现

在低角度的阳光（如日出或日落），光经过较长的大气路径，短波长光（如蓝色）被 Rayleigh 散射耗散，而 Mie 散射增强了长波长光（红色、橙色）的传播，造成橙红色或粉红色的天空。瑞利散射是由大气中小于波长尺度的粒子（如氧气和氮气分子）引起的散射，。在图形渲染中，瑞利散射通常负责天空的蓝色。瑞利散射对大气气体中较短波长的可见光（紫色和蓝色）进行选择性散射。其中 (ds) 是光线路径的微小步长（step_size_i）。的弹性过程，光线的波长不变，没有被吸收，但从原有的路径偏折。在大气层中的重要过程是。

原创 section 2.3(1)

原创 5.2 Alpha to coverage in Depth

切换主题。

原创 Alpha To Coverage

在启用了 MSAA（Multisample Anti-Aliasing） 的情况下，每个像素不再是单一的颜色，而是由多个 子像素（subsamples） 组成，例如 4×MSAA 代表 1 个像素有 4 个采样点。当进行 MSAA 解析（Resolve） 时，最终像素的颜色是所有被填充的子像素颜色的均值，从而实现平滑透明边缘的效果。alpha = 1.0（完全不透明）：所有子像素都会被填充（完整覆盖）。默认情况下：如果片元覆盖了这个像素，所有的子像素都会被填充。示例：以 4×MSAA 采样为例。

原创 Google Filament 渲染引擎(2)-Backend 核心类介绍

本文基于 filament 版本: v1.58.0文本更加阐述 Backend 内部核心类的关系, 示例代码作了非常多的删减和简化文本将以创建纹理为例, 阐述 Backend 内部的流程。后端图形接口以 OpenGL 为例。Dispatcher: 本质上只是一个函数指针的集合，用于将命令与驱动接口的方法绑定。在初始化阶段，这些函数指针就被填充好。Driver: 负责管理底层驱动的状态，以及与硬件交互的具体实现。CommandStream: 负责接收命令，并将其发送到驱动。

原创 mac 操作文件夹

打开 “访达”，找到想要复制路径的文件或文件夹。右键单击该文件或文件夹，同时按住 “Option” 键，此时菜单中的 “拷贝” 选项会变成 “拷贝为路径名称”，点击即可复制路径。按下 “Command+Shift+G” 组合键，此时会出现一个 “前往” 输入框，将之前复制好的访达路径粘贴到该输入框中。

原创 C++实现js的异步操作

print 123；a(()=>发送网络请求，等待结果并打印);print 456.打印结果应该是123,456,网络请求结果。网络请求的结果不可以像js一样设置回调函数自动运行么。

原创 C++共享指针实战

有三个类，分别是A,B, R。在B类里new 了一个R的智能指针， 这个R的生命周期和B相同。同时A类也存了一个B中存放关于R的智能指针。B销毁同时A指向R的指针也失效，并调用R的析构函数，如何实现。// 输出: R has been destroyed。// 输出: Using R through A。} // B对象在这里被销毁，R的引用计数减为0，R的析构函数被调用。

原创 主流渲染引擎/游戏引擎

【代码】主流渲染引擎/游戏引擎。

原创 简单光照模型的区域光(Area Light)

参考:https://dybiszb.github.io/AreaLight/https://github.com/dybiszb/AreaLight/blob/master/README.mdhttps://codepen.io/wagerfield/pen/kPmoQVhttps://stackoverflow.com/questions/17021264/improved-area-lighting-in-webgl-threejshttps://github.com/turanszkij/

原创 shader x5 2.1 area light

area light

原创 three.js 侧面贴图

【代码】three.js 侧面贴图。

原创 cesium shader实现顶点动画

四面体顶点动画实现位移和旋转。

原创 Cesium 实例化潜入潜出

Three.js 方式:Cesium 方式:cesium在提交给GPU之前已经将顶点应用了实例对应的模型矩阵。

原创 Three使用WebGPU的关键TSL

介绍 three.js 材质转为webgpu的关键流程, 从而引出 TSL.

原创 主流webgl 引擎 glsl 如何升级webgpu为 wgsl?

glsl 转 SPIR-V 转 wgsl。自己抽象了 tsl。可以为任意版本的语言。看着是完全实现了两套。

原创 Cesium 按区域生成高度图

Cesium 按区域生成高度图。

原创 Cesium 地形导出到three.js

Cesium 地形导出 到three.js。

原创 Cesium 拖尾迁徙线

Cesium 拖尾迁徙线。

原创 OpenGL VBO使用流程

OpenGL VBO使用流程。

原创 opengl 三角形

不知道为啥必须使用VAO 才行。

原创 Cesium 烟花特效

cesium 烟花特效

原创 Cesium 飘动红旗

自定义DrawCommand 实现。Cesium 飘动红旗。

原创 Cesium 判断点是否在视椎内

【代码】Cesium 判断点是否在视椎内。

原创 前端-鼠标事件测试

【代码】前端-鼠标事件测试。

原创 Cesium 区域高程图

Cesium 区域高程图。

原创 Cesium 自定义Shader实现菲涅耳效果

Cesium 自定义Shader实现菲涅耳效果。Cesium 自定义Shader实现菲涅耳效果。

原创 Cesium 路径导航线

Cesium 路径导航线。

原创 Cesium 轻量级指南针【源码】

【代码】Cesium 轻量级指南针【源码】

原创 Cesium 视点漫游

Cesium 视点漫游支持路径位置的添加和导出支持视点漫游

原创 Cesium顶点动画-蝴蝶

Cesium 顶点动画 蝴蝶

原创 Cesium 高性能动态草地

显卡: NVIDIA GeForce GTX 1050 Ti。