随笔分类 -  WebGL

摘要：Comment tagged templates Shader languages support for VS Code 阅读全文

摘要：本教程将向您介绍Primitive API 的 Geometry & Appearances（几何体和外观）系统。 这是一个高级主题，用于通过自定义网格、形状、体积和外观扩展CesiumJS，并不适合Cesium初学者。 阅读全文

摘要：1、介绍 Pannellum是用于Web的轻量级，免费和开放源代码的360全景图片查看器。它是使用HTML5，CSS3，JavaScript和WebGL构建的，没有插件。 提供了大图片切片工具generate.py Python脚本，可展示多分辨率图片。 2、影像切片 也可以不切片，但是图片太大就要 阅读全文

摘要：Cesium 视锥体绘制，并动态更新朝向 阅读全文

摘要：webgl提供了一种很方便的机制，即缓冲区对象（buffer object），它可以一次性地向着色器传入多个顶点的数据。 缓冲区对象是是webgl中的一块内存区域，我们可以一次性向缓冲区对象填充大量的顶点数据，然后将这些数据保存在其中，共着色器使用。 我们在initVertexBuffers函数中利用缓冲区对象向顶点着色器传输了多个顶点的数据，所以还需要第三个参数告诉gl.drawArray()函数 需要绘制多少个顶点。webgl系统并不知道缓冲区中有多少个顶点数据，所以应该显示告知。 使用缓冲区对象向顶点着色器传输多个顶点数据的五个步骤 1、创建缓冲区对象（gl.createBuffer()） 2、绑定缓冲区对象(gl.bindBuffer()) 3、将数据写入缓冲区对象(gl.bufferData()) 4、将缓冲区对象分配给一个attribute变量（gl.vertexAttribPointer（）） 5、开启attribute变量（gl.enableVetexAttribArray()） 阅读全文

摘要：WebGL中的绘制操作实际上是在颜色缓冲区中绘制的，绘制结束后系统将缓冲区中的内容显示在屏幕上， 然后颜色缓冲区就会被重置，其中的内容会丢失。因此我们有必要将每次鼠标点击的位置保存下来。 将浏览器绘图区坐标系下的坐标转换为webgl坐标系下的坐标，然后绘制。 阅读全文

摘要：<!-- * @Author: 苹果园dog * @Date: 2020-11-19 10:23:19 * @LastEditTime: 2020-11-19 10:41:19 * @LastEditors: Please set LastEditors * @Description: webgl 阅读全文