logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

webgl 顶点、片元着色器传参,绘制彩色三角形

本文介绍了WebGL着色器编程的关键步骤:1)顶点着色器通过attribute接收顶点位置和颜色参数,用varying变量将颜色传递给片元着色器;2)片元着色器接收颜色值并输出;3)采用交错数组优化数据组织(5元素/顶点:2位坐标+3位颜色);4)详细说明了缓冲区创建、绑定、数据写入和分配的5个步骤;5)重点解析了gl.vertexAttribPointer()中步进(FSIZE*5)和偏移量参数

文章图片
#webgl#着色器
webgl 变换矩阵:旋转、平移、缩放

本文介绍了WebGL中常用的三种变换矩阵:旋转矩阵、平移矩阵和缩放矩阵。通过推导过程展示了这些矩阵的数学原理,包括三角函数关系、矩阵乘法运算等。重点说明了如何在WebGL中实现这些变换:使用mat4声明矩阵变量,按列主序创建具体矩阵值(如旋转角度、平移距离或缩放比例),并通过uniformMatrix4fv方法传递给着色器。文中还提供了每种变换的具体实现代码,包括顶点着色器中的矩阵运算和应用示例,

文章图片
#webgl
vuedraggable插件 修改元素首次拖拽进入占位样式

vuedraggable插件 修改元素首次拖拽进入占位样式

#javascript#vue.js#前端
ant-design-vue 树型table,当子数组为[](空数组)而非null时,控制左侧展开按钮不显示

ant-design-vue 树型table,当子数组为[](空数组)而非null时,控制左侧展开按钮不显示

#vue.js#javascript#前端
解决Vxe-table 当数据量过大时选择全选复选框延迟问题

解决Vxe-table 当数据量过大时选择全选复选框延迟问题

#javascript#html#前端
vue3中使用axios请求接口并针对返回json格式数据或二进制流数据做不同处理

vue3中使用axios请求接口并针对返回json格式数据或二进制流数据做不同处理

文章图片
#javascript#前端
到底了