![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
WebGL
ZhzetFor
这个作者很懒,什么都没留下…
展开
-
Three.js的简单框架
1.首先three.js就是用js写的3d程序,要将他加入网页中只需要将three.js嵌入html中即可。<html><head> <title></title> <style>canvas { width: 100%; height: 100% }</style></head><bod原创 2018-07-03 10:02:39 · 722 阅读 · 0 评论 -
Three.js中的点线面
1.点3D空间中点用向量表示THREE.Vector3 = function ( x, y, z ) {this.x = x || 0;this.y = y || 0;this.z = z || 0;};||0表示在x没有定义是其默认值为或者也可以var point1 = new THREE.Vector3();point1.set(4,8,9);2.线核心代码:geometry.vertices...原创 2018-07-03 11:32:51 · 789 阅读 · 0 评论 -
canvas作为纹理使用
1.纹理的概念纹理从本质上来说,只是图片而已,它是由像素点组成。无论在内存还是显存中,它都是由4个分量组成,这四个分量是R、G、B和A。唯一的不同的,在显存中,会比内存中更快的渲染到显示器上,因为显存中的帧缓冲本来就是和显示器上 的像素一一对应的。2.canvas和图片的差别图片是通过图像处理软件,如photoshop来处理的。而canvas是通过浏览器的绘图API来绘制的。显示canvas能够给...原创 2018-07-10 10:53:22 · 1723 阅读 · 0 评论 -
Three.js相机学习
Three.js中的相机是THREE.Camera它是相机的抽象基类,其子类有两种相机,分别是1.正投影相机THREE.OrthographicCamera2.透视投影相机THREE.PerspectiveCamera。原创 2018-07-10 10:53:41 · 201 阅读 · 0 评论