WEBGL笔记
自己学习WEBGL的记录
陈傻鱼
初出茅庐的一个菜鸟程序猿
展开
-
我不想做webgl4:three js 初步学习3
精灵模型Sprite通过Sprite创建精灵模型不需要几何体,只需要给构造函数Sprite的参数设置为一个精灵材质SpriteMaterial即可。精灵材质对象SpriteMaterial和普通的网格材质一样可以设置颜色.color、颜色贴图.map、开启透明.transparent、透明度.opacity等属性,精灵材质对象SpriteMaterial的基类是材质Material。var texture = new THREE.TextureLoader().load("sprite.png");原创 2020-12-18 15:18:04 · 235 阅读 · 0 评论 -
我不想做webgl3:three js初步学习2
参考链接:link http://www.yanhuangxueyuan.com/Three.js/鼠标操作三维场景为了使用鼠标操作三维场景,可以借助three.js众多控件之一OrbitControls.js,可以在下载的three.js-master文件中找到(three.js-master\examples\js\controls)。 然后和引入three.js文件一样在html文件中引入控件OrbitControls.js。OrbitControls.js控件支持鼠标左中右键操作和键盘方原创 2020-12-15 20:09:26 · 219 阅读 · 0 评论 -
我不想做webgl2:three js初步学习1
基础知识通过 < script src=“three.js”>< /script> 来引入js文件,可以达到分文件的效果常用基本函数渲染器 var renderer = new THREE.WebGLRenderer(); renderer.setSize(width, height);//设置渲染区域尺寸 renderer.setClearColor(0xb9d3ff, 1); //设置背景颜色 document.body.appendChild(render原创 2020-12-15 15:54:04 · 164 阅读 · 0 评论 -
我不想做webgl1:html5的记录
参考链接:https://blog.csdn.net/m0_51326276/article/details/110849945 link.网页是☞网站中的一“页”,通常是HTML格式的文件,它要通过浏览器来阅读网页是构成网站的基本元素,通常有图片、链接、文字、声音、视频等元素组成,通常我们看到的网页,常见以.htm或.html后缀结尾的文件,因此将其俗称为HTML文件2.** HTML**: HTML指的是超文本标记语言(Hyper Text Markup Language),它是用来描述原创 2020-12-14 10:05:33 · 77 阅读 · 0 评论