HTML5在线教程和技术博客

  • Blender2.7给平面模型添加纹理贴图

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

    阅读全文 收藏 评论 (0) 阅读 (1041) 2017-03-29 14:52:05  
  • 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) 阅读 (5557) 2016-07-06 08:36:56  
  • Three.js入门教程6 - 创建全景图和纹理

    全景图非常酷。使用Three.js做一个属于自己的全景图并不是那么困难。要做一个全景图,你需要一个软件用来做一张全景图片。我使用了iPhone上的Microsoft Photosynth软件来制作。1.环境纹理首先什么是环境纹理?在WebGL或者OpenGL中他们实际上是种特殊的立方体纹理。一个立方体纹理是对整个场景(虚拟的或现...

    阅读全文 收藏 评论 (0) 阅读 (7096) 2016-04-16 00:30:11  
  • Three.js入门教程1 - 基础知识和创建一个红色球体

    [ TECHBROOD注:Three.js是一个主流的开源WebGL库,WebGL允许使用JavaScript直接操作GPU,在网页上实现3D效果。
    Google的工程师Paul在网站aerotwist.com上发表了六篇入门教程文章,经网友omni翻译为中文文档。虽然是几篇老文章,仍然值得参考阅读。我们汇总在一起便于读者查阅。]

    阅读全文 收藏 评论 (0) 阅读 (6384) 2016-03-15 23:18:25