TT

摘要： glsl语法 基本类型 内置类型转换 运算符 矢量和矩阵 注意：储存在矩阵中的元素是列主序，例如。 // 1.0, 5.0, 9.0, 13.0 // 2.0, 6.0, 10.0, 14.0 // 3.0, 7.0, 11.0, 15.0 // 4.0, 8.0, 12.0, 16.0 mat4 阅读全文

摘要： 闪烁的核心就是根据时间变颜色或者透明度 时间我们可以采用如下代码 fract 代表取小数，czm_frameNumber 是一个根据帧率无限增大的数值，如下公式就是一个0-1之间无限循环的数值，根据这个数值我们就可以做到闪烁的效果 float time = fract(czm_frameNumber 阅读全文

摘要： 动态绘制点 动态传递顶点坐标 绘制动态点需要进行 JavaScript 和 GLSL 之间的信息交互，即将JS代码中指定的点位传入GLSL中进行绘制。 常规顶点着色器代码如下，我们需要通过JS代码给 gl_Position 传值来动态的绘制点位。 const VertexSource = ` voi 阅读全文

摘要： 绘制一个点 编写简单的着色器代码 首先，我们先了解一下代码中用到的 GLSL 语言的 类型 和 内置变量。 顶点着色器 用到的数据类型 顶点着色器的内置变量 内置函数 gl_Position的类型—— vec4 明显比 gl_PointSize 的 float 要特别。如果说我们需要的顶点坐标数据是 阅读全文

摘要： WebGL绘图流程 下图中，可清晰得知 WebGL 需要两种着色器： 顶点着色器。用来描述顶点属性，比如坐标位置。其中，顶点我们可以理解为他是三维空间中的一个点(x, y, z)。 片元着色器。逐片元处理颜色。片元是 WebGL 的术语，它其实指的是每一个像素，逐片元的意思就是计算出当前绘制的每个像 阅读全文

摘要： 以贴底线 GroundPolylinePrimitive 为例 我们知道，primitive的更新机制主要是通过update函数，所以通过源码我们可以很容易找到如何对针对性的更新属性。 可以看到，update 每次都会判断 _primitive 这个属性，如果他未定义，则重新构建geometry相关 阅读全文

摘要： viewer.render(); viewer.canvas.toDataURL("image/png"); 阅读全文

摘要： 找到cesium的package.json 将widgets.css手动导出： 阅读全文

摘要： 创建一个 global.d.ts import * as C from "cesium"; // 扩展全局变量 declare global { // 定义全局Cesium类型 const Cesium: typeof C; // 允许扩展 Window interface Window { Ces 阅读全文

摘要： 正则1 最初学正则的时候一笔带过没有认真学，导致每次想使用正则都是百度搜，最近重新学习了一下正则的语法，记录一下。 修饰符 i 忽略大小写 const reg = /a/i; let r1 = reg.test("abc"); console.log(r1); // true let r2 = re 阅读全文