随笔分类 -  WebGL

Threejs之三维坐标系AxesHelper
摘要：Threejs里通过AxesHelper 类，可以创建一个可视化的三维坐标系 AxesHelper( size : Number ) 参数说明 size -- 轴的线的大小，默认为 1 eg： var axes = new THREE.AxisHelper(30); scene.add(axes); 阅读全文
posted @ 2020-01-14 13:52 慕尘 阅读(10675) 评论(0) 推荐(1) 编辑
Threejs之网格辅助线GridHelper
摘要：通过 Three.js 类 GridHelper 可以创建一个坐标网格对象 GridHelper 本质上是对线模型对象 Line 的封装，纵横交错的直线构成一个矩形网格模型对象。 GridHelper( size : number, divisions : Number, colorCenterLi 阅读全文
posted @ 2020-01-14 13:30 慕尘 阅读(8519) 评论(0) 推荐(0) 编辑
Threejs使用TextGeometry中文出现乱码问题解决
摘要：THREE.js 使用 TextGeometry 类可以很容易地生成三维文字 但是换成中文后 var textLoad = new THREE.FontLoader().load('fonts/helvetiker_regular.typeface.json',function(font){ var 阅读全文
posted @ 2020-01-14 09:22 慕尘 编辑
Threejs创建三维文字TextGeometry
摘要：THREE.js 封装了 TextGeometry 类可以很容易地生成三维文字 TextGeometry(text : String, parameters : Object) 参数说明 text — The text that needs to be shown. （要显示的字符串） parame 阅读全文
posted @ 2020-01-14 09:06 慕尘 编辑
WebGL学习笔记二——绘制基本图元
摘要：webGL的基本图元点、线、三角形 gl.drawArrays(mode, first,count) first，代表从第几个点开始绘制即顶点的起始位置 count，代表绘制的点的数量。 mode，代表图元类型。 （1）gl.POINTS——点 gl.LINES——线段 一系列单独的线段 将上面代码 阅读全文
posted @ 2019-08-08 18:29 慕尘 编辑
GLSL基础
摘要：GLSL全称是 Graphics Library Shader Language （图形库着色器语言），是着色器使用的语言 注释： 单行注释：// 多行注释：/* */ GLSL是一个强类型的语言 变量： 变量的名称可以使用字母，数字以及下划线，但变量名不能以数字开头，还有变量名不能以gl_作为前缀 阅读全文
posted @ 2019-08-06 18:02 慕尘 编辑
WebGL学习笔记一
摘要：WebGL是什么？ WebGL 是一组基于 JavaScript 语言的图形规范，浏览器厂商按照这组规范进行实现，为 Web 开发者提供一套3D图形相关的 API 这些 API 能够让 Web 开发者使用 JavaScript 语言直接和显卡（GPU）进行通信。 WebGL 应用由 JavaScri 阅读全文
posted @ 2019-08-06 16:20 慕尘 编辑