主页

2016-06-14前端早读

技术鸡汤 只有登上山顶,才能看到那边的风光。骏马是跑出来的,强兵是打出来的。

2016-06-13前端早读

技术鸡汤 古之立大事者,不惟有超世之才,亦必有坚忍不拔之志。 —— 苏轼傲不可长,欲不可纵,乐不可极,志不可满。—— 魏 徵

2016-06-09前端早读

技术鸡汤 读书,始读,未知有疑;其次,则渐渐有疑;中则节节是疑。过了这一番,疑渐渐释,以至融会贯通,都无所疑,方始是学。——朱熹 好好学习,天天向上!祝大家端午节快乐!

2016-06-08前端早读

技术鸡汤 一个人事业上的成功,只有15%是由于他的专业技术,另外的85%要依依耐人际关系、外世技巧。软与硬是相对而言的。专业的技术是硬本领,善于处理人际关系的交际本领则是软本领。 —— 卡耐基

2016-06-07前端早读

技术鸡汤 用宝珠打扮自己,不如用知识充实自己。 劳动是知识的源泉;知识是生活的指南。 茂盛的禾苗需要水分;成长的少年需要学习 .星星使天空绚烂夺目;知识使人增长才干。高考来了,想当年,怎一个热字了得?

3D模型的加载与使用

模型的基础知识既然在讲3D世界,那么我们这里提到的模型就是3D模型。我不想将一些书上的定义摘抄给大家,那些概念对大家的理解帮助并不大,而接下来,我会将我最直接通俗的理解告诉大家。 我们知道,在3DMAX,MAYA等软件(这是一些三维编辑软件)中,可以制作出3D模型。这些模型可用于室内设计,三维影视,三维游戏等领域。那么3D模型是怎么定义的呢?看看下面我的定义: 3D模型由顶点(vertex)组成,顶点之间连成三角形或四边形(在一个平面上),多个三角形或者四边形就能够组成复杂的立体模型. 如下图所示:

WebGL中的Canvas纹理合成

纹理合成从本质上来说,纹理只是图片而已,它是由像素点组成。无论在内存还是显存中,它都是由4个分量组成,这四个分量是R、G、B和A。唯一的不同的,在显存中,会比内存中更快的渲染到显示器上。这是毋庸置疑的,因为显存中的帧缓冲本来就是和显示器上 的像素一一对应的。 从上面的概念中,我们就能够引申出一些重要的理解了,就是只要是图像数据,准确的说是内存或者显存中的图像数据,都可以作为纹理,显示在屏幕中。 上面的课程,我们讲了通过loadtexture函数在服务器上加载一张图片作为纹理,这一节课,我们来讲通过html中的canvas来作为纹理。它非常重要,以后的课程中我们会经常使用这个技巧。 它们两者之间有很多差别,这个差别就是图片和canvas的差别,图片是通过图像处理软件,如photoshop来处理的。而canvas是通过浏览器的绘图API来绘制的。显示canvas能够给程序员更多的想象空间,从而做出更有意思的效果出来。本节的效果,是一个可以旋转的三维时钟。如下图所示,

WebGL中的图片纹理合成

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