随笔分类 -  webgl

vue项目中webpack编译glsl文件的配置
摘要：1、 安装webpack-glsl-loader npm install webpack-glsl-loader 2、修改vue.config.js配置，添加内容如下 module.exports = defineConfig({ configureWebpack: (config) => { co 阅读全文
posted @ 2023-04-11 15:27 一两米 阅读(452) 评论(0) 推荐(0) 编辑
（三）旋转的正方形
摘要：一、旋转的正方形主要思路： (1)定义正方形顶点 vertices = [ vec2(0,1), vec2(1,0), vec2(-1,0), vec2(0,-1) ] (2)在顶点着色器中定义theta（uniform变量），用来改变顶点的位置信息 attribute vec4 vPosition 阅读全文
posted @ 2020-09-28 18:10 一两米 阅读(312) 评论(0) 推荐(0) 编辑
（二）Sierpinski镂垫的3d画法
摘要：一、3d镂垫的主要思路： (1)随机点构建 a、用四个初始顶点来定义四面体 var vertices = [ vec3( -0.5, -0.5, -0.5 ), vec3( 0.5, -0.5, -0.5 ), vec3( 0.0, 0.5, 0.0 ), vec3( 0.0, -0.5, 0.5 阅读全文
posted @ 2020-09-04 16:33 一两米 阅读(738) 评论(0) 推荐(0) 编辑
（一）Sierpinski镂垫的2d画法
摘要：一、着色器语言：glsl的编写方式 目前见到主要有三种加载glsl的方式，如下： 1、单独编写.glsl文件，并由程序读入，缺点是：一些浏览器不允许应用程序读入文件。（参照代码mode-one） 2、把着色器放到HTML文件中，能够有效解决浏览器不允许读入文件的问题。（参照代码mode-two） 3 阅读全文
posted @ 2020-08-28 10:18 一两米 阅读(569) 评论(0) 推荐(0) 编辑
交互式计算机图形学 基于WEBGL的自顶向下方法--学习之路
摘要：最近在看这本书哈，记录一下学习心得，有喜欢的小伙伴，共同交流，涉及到的代码都放在码云上了 https://gitee.com/yiliangmi/computer-graphic-base-webgl webgl-api地址：https://developer.mozilla.org/zh-CN/d 阅读全文
posted @ 2020-08-28 10:17 一两米 阅读(642) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示