WebAR|深度学习

ThreeJs中文教程笔记教程

1

皓眸大前端 - chalecao 发布于 2017-08-29

学习WebGL很长时间了,但是总是东拼一下,西凑一点,没有系统总结。趁现在经济危机,俺要发奋图强。这里总结一下,基于ThreeJs官网(http://www.threejs.org ) 和其他网上看的博客内容,定期更新本系列课程。今天突然发现,博客写了两三年了,人还是没变。我还是...

阅读(228)评论(0)赞 (2)

3D模型的加载与使用

5

皓眸大前端 - chalecao 发布于 2017-08-29

既然在讲3D世界,那么我们这里提到的模型就是3D模型。我不想将一些书上的定义摘抄给大家,那些概念对大家的理解帮助并不大,而接下来,我会将我最直接通俗的理解告诉大家。

阅读(90)评论(0)赞 (0)

WebGL中的Canvas纹理合成

3

皓眸大前端 - chalecao 发布于 2016-05-28

从本质上来说,纹理只是图片而已,它是由像素点组成。无论在内存还是显存中,它都是由4个分量组成,这四个分量是R、G、B和A。唯一的不同的,在显存中,会比内存中更快的渲染到显示器上。这是毋庸置疑的,因为显存中的帧缓冲本来就是和显示器上 的像素一一对应的。

阅读(357)评论(0)赞 (0)

WebGL中的图片纹理合成

3

皓眸大前端 - chalecao 发布于 2016-05-27

纹理对于我们来说是多么的重要,以至于大家已经忘记了它的重要性。闭上眼睛想一想,如果你心爱的女人,没有穿衣服,该是多么的令你心动啊。哦,说错了,是她不仅没有穿衣服,而且没有皮肤,就像画皮中的没有皮的周迅一样,你就不会喜欢它了,因为她奇丑无比。

阅读(141)评论(0)赞 (0)

WebGL中的各种光

17

皓眸大前端 - chalecao 发布于 2016-05-26

宇宙间的物体有的是发光的,有的是不发光的,我们把发光的物体叫做光源。太阳、电灯、燃烧着的蜡烛等都是光源。 在Threejs的世界里,有了光,就不会在黑暗。看美剧 冰与火之歌:权力的游戏 第六季 里面就有火神 呵呵

阅读(133)评论(0)赞 (0)

运动的场景

6

皓眸大前端 - chalecao 发布于 2015-08-30

官方文档中其实给了很多的实例效果,可惜时间过得飞快,都没来得及仔细分析,学习。这一次让我们静下心,仔细的研究Three.js的每一个细节,终将成为这个领域的高手。不仅是成为three.js的高手,更重要的是理解图形学的概念,轻易掌握其他3D图形库。不是吹牛,大家阅读完这套课程,能...

阅读(106)评论(0)赞 (0)

WebGL中的相机

11

皓眸大前端 - chalecao 发布于 2015-08-28

在第一课里,我们提到后续课程会详细讲解相机,那么今天就是我履行诺言的时刻了。嘿,这一刻,有点激动,想到相机,大学时,一直想买一个单反,但是要1万多。工作后,当一个月的工资就能买一个单反时,内心充满了骄傲和自豪。所以,各位大大们,技术还是有用的,至少技术可以用来挣钱。

阅读(131)评论(0)赞 (0)

点线面基本作图

3

皓眸大前端 - chalecao 发布于 2015-08-28

在计算机世界里,3D世界是由点组成,两个点能够组成一条直线,三个不在一条直线上的点就能够组成一个三角形面,无数三角形面就能够组成各种形状的物体,如下图:

阅读(453)评论(0)赞 (0)

初始WebGL和ThreeJS

2

皓眸大前端 - chalecao 发布于 2015-08-27

简而言之,WebGL是一种3D绘图标准,这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起,通过增加OpenGL ES 2.0的一个JavaScript绑定,WebGL可以为HTML5 Canvas提供硬件3D加速渲染,这样Web开发人员就可以借助系...

阅读(251)评论(0)赞 (0)