在线教程

  • 深入理解Three.js(WebGL)贴图(纹理映射)和UV映射

    本文将详细描述如何使用Three.js给3D对象添加贴图(Texture Map,也译作纹理映射,“贴图”的翻译要更直观,而“纹理映射”更准确。)。为了能够查看在线演示效果,你需要有一个兼容WebGL的现代浏览器(最好是Chrome/FireFox/Safari/Edge/IE11+)。本文的在线演示结果和代码请点击这里:

    阅读全文 收藏 评论 (1) 阅读 (69522) 2016-08-12 09:14:18  
  • WebGL入门教程4 - 使用纹理贴图(Texture Map)

    3D建模和纹理贴图的关系就好比人体和皮肤(或着装)的关系,3D建模用来处理空间属性,而贴图适合用来处理细腻的表面属性。如果不使用贴图,而想在表面达到足够的细节感受,会使得建模任务变得异常复杂而得不偿失。
    注:本文混用贴图(texture map)、texture和纹理这3个中英文词汇,因为它们代表同样的含义,用来确定物...

    阅读全文 收藏 评论 (0) 阅读 (24855) 2016-06-06 00:08:07  
  • Blender2.7给平面模型添加纹理贴图

    在blender中给模型添加纹理,需要有2个步骤:首先在对象属性栏中给该对象添加材料和纹理建立纹理映射添加材料和纹理这是常见操作,略过步骤。但是仅仅这样操作,你会看到模型视图中只有材质是生效了的,而纹理并不能正常渲染。因为我们还没有建立纹理映射坐标,渲染器并不知道该把图像如何映射到平面模型上去。建立纹理映射打开一个新的UV Editor视图,在该视图中打开一个图像文件。在原模型视图中,按Tab切换到编辑(editor)模式,按U,在UV Mapping右键菜单中选择“Unwrap”即可:

    阅读全文 收藏 评论 (0) 阅读 (17770) 2017-03-29 14:52:05  
  • WebGL 纹理映射模式以及WRAP_S | WRAP_T参数详解

    我们在纹理滤镜一文中已经说明了2个重要的纹理参数,用来定义对象缩放时纹理的处理方式:GL_TEXTURE_MIN_FILTERGL_TEXTURE_MAG_FILTER本文讲解其余几个纹理参数,定义如何将纹理图像的像素点映射到模型网孔上。这可以分为两步来完成:定义UV坐标UV Mapping指将Bitmap的像素映射到Mesh上的顶点。UV坐标定义...

    阅读全文 收藏 评论 (0) 阅读 (16120) 2016-07-15 22:41:57  
  • Blender2.7 快捷键一览表

    通用操作
    停止当前操作:ESC
    快捷搜索:SPACE撤销:ctrl+z重做:ctrl+shift+z渲染:F12
    单选:鼠标右键(RMB)全选:A
    框选:B
    刷选:C
    套选:CTRL+鼠标左键(LMB)
    删除:X/Delete
    复制:Shift+D
    添加:Shift+A取消:Esc, RMB确认:Return, LMB界面操作F5: 工具栏位置对称切换
    SH...

    阅读全文 收藏 评论 (1) 阅读 (13739) 2016-07-06 08:36:56  
  • WebGL 2D纹理坐标到3D顶点坐标的映射

    webgl纹理映射用来把图片贴到模型的材料表面,给模型添加丰富的细节。该方法的核心是把一张二维的图片映射到三维的坐标空间去,也就是为每一个3d顶点找到其相应的纹理像素。要想实现这样的目标,显然需要先把3d模型展开为2d的平面,然后才可以和2d贴图建立对等的映射关系。我们这里以一个最简单的平面来观察这个映射的过程...

    阅读全文 收藏 评论 (1) 阅读 (6006) 2019-09-12 20:24:55