osm

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

大物云移的效果

1、 物体的平移 2、 物体的旋转 3、 给物体贴上纹理图 4、 光带效果 x =========> y========> 圆形扩散

光带效果 比较重要的两个函数

1、 smoothstep step 2、 mix

genType 一个抽象的意思. 他可以是 float 可以是vec2 vec3 vec4

mix(genType x,genType y,float a);

作用就是 线性插值.. 那么什么是线性插值

smoothstep(float edge0,float edge1, float a);

作用: a < edge0 =======> return 0 a > edge1 ==========> return 1 在这之间的话 ，函数会返回一个 经过 对(0,1 )线性插值的值.

length 也就是求矢量长度.. 二维向量 x平方 + y 平方

纹理贴图

1、需要把顶点属性 纹理坐标 传入着色器 中 供着色器处理 2、把图片 转换成 glsl 语言需要的 一个数据...

Cesium.Texture 需要两个必传的参数 1、context 绘制的环境 2、source 图片源... image 标签