Threes.js入门篇之8 - 材质与纹理
材质是指几何对应的 颜色信息,想让一个对象最终呈现出你所希望的样子,其中最重要的一个因素就是材质。
来看一下例子 “canvas_material.html”
- // Spheres
- var geometry = new THREE.SphereGeometry( 100, 14, 7 );
- var textureLoader = new THREE.TextureLoader();
- var earthTexture = textureLoader.load( 'textures/land_ocean_ice_cloud_2048.jpg' ); // 地球纹理加载
- var envMap = textureLoader.load( 'textures/envmap.png' ); // 环境贴图加载
- envMap.mapping = THREE.SphericalReflectionMapping;
- var materials = [
- new THREE.MeshBasicMaterial( { color: 0x00ffff, wireframe: true, side: THREE.DoubleSide } ), // 颜色材质
- new THREE.MeshBasicMaterial( { color: 0xff0000, blending: THREE.AdditiveBlending } ),
- new THREE.MeshLambertMaterial( { color: 0xffffff, overdraw: 0.5 } ),
- new THREE.MeshLambertMaterial( { color: 0xffffff, overdraw: 0.5 } ),
- new THREE.MeshNormalMaterial( { overdraw: 0.5 } ),
- new THREE.MeshBasicMaterial( { map: earthTexture } ), // 纹理
- new THREE.MeshBasicMaterial( { envMap: envMap, overdraw: 0.5 } ) // 纹理
- ];
对应效果:
Threes.js入门篇之8 - 材质与纹理相关推荐
- Threes.js入门篇之3 - 场景与相机
• Three.js 的场景 THREE.Scene 执行场景树管理,场景的创建只需要一句话: var scene = new THREE.Scene(); 场景常用操作包含: 1.scene.add ...
- Threes.js入门篇之6 - 场景漫游
THREE.js 支持两种形式的漫游,第一人称漫游(First Person) 和 飞行(Fly),可以分别参考 example 下的 "misc_fps.html" 和 &quo ...
- Threes.js入门篇之9 - 全景图
全景图是一个当下非常流行的展示方式,在 VR | AR领域有广泛应用. 在三维内的 全景图 通常是根据 鼠标事件调整摄像机位置(在包围球内旋转),其基本思路一致,包围球可以通过 球面.立方体来实现,在 ...
- Threes.js入门篇之2 - Hello World
与OpenGL一样,Three.js 符合右手坐标系,X轴向右,Y轴向上,Z轴朝外: Three.js 的绘制流程可以描述为: 1. 生成 渲染器 - THREE.WebGLRenderer,并绑定C ...
- Threes.js入门篇之7 - 场景光照
Three.js 主要支持四种光源模式,分别是 环境光.点光源.平行光 和 聚光灯.另外有半球光源.面光源等,本节暂不涉及. 一. 环境光 Ambient Light:所有对象的整体光照模型,控制整 ...
- Threes.js入门篇之5 - 场景操纵器Trackball
Three.js 提供了很多操纵器,example下也给了一些操纵器(也叫控制器)的例子,引用 js 可以参考 examples/js/controls/TrackballControls.js . ...
- Threes.js入门篇之4 - World View Projection
在三维世界,一个模型要想最终呈现到一个照片上,需要经过三次矩阵变换,这三个矩阵分别是: 模型矩阵(World) - 视图矩阵(View)- 投影矩阵(Projection) 一. 模型矩阵 将 局部坐 ...
- js入门篇--制作简单闪烁图片
js入门篇–制作闪烁图片 刚刚学习,大神勿喷,还请多多指点... <body "soccerOnload()" topmargin="0"> //o ...
- (转)web前端开发分享-css,js入门篇
关注前端这么多年,没有大的成就,就入门期间积累了不少技巧与心得,跟大家分享一下,不一定都适合每个人,毕竟人与人的教育背景与成长环境心理活动都有差别,但就别人的心得再结合自己的特点,然后探索适合自己的学 ...
最新文章
- 专业版云南_云南核桃集中上市市民“囤货”忙,天眼查:我国8万余家核桃相关企业,云南省数量最多...
- 吴恩达机器学习 Coursera 笔记(二) - 单变量线性回归
- ISE中ChipScope软件使用
- joomla3.6.5 nginx下 前台页面404错误
- Redis 为什么用跳表而不用平衡树
- vs.net2003无法打开*.xsd文件的解决方法
- k8s强制删除一直处于terminating状态的pod
- WCF:Maximum number of items that can be serialized or deserialized in an object graph is '65536'.
- 常见关联图库之欺诈指数排位战
- java中sort函数comparator的使用_Java Comparator comparingInt()用法及代码示例
- 写给大忙人的ELK最新版6.2.4学习笔记-Logstash和Filebeat解析(java异常堆栈下多行日志配置支持)
- 百度支持nofollow是百度的进步
- 病毒分析 - 特征码提取
- 公式推导 圆面积公式 圆周长公式
- 域名生成企业邮箱golang企业邮箱发邮件 golang gmail发邮件
- c语言用随机投点法计算圆周率,(原创精品)用随机投点法计算π值【compute π with dartpoint randomly】...
- 无法打开登录所请求的数据库database登录失败用户登录失败
- 直播的用户体验体系与质量监控方案
- HCNP-路由交换:GRE(通用路由封装协议)
- WPS表格转换成office用什么软件
热门文章
- Ruby'sRpg Unity3D官方教程,自学过程笔记记录
- MySQL server version for the right syntax to use near ‘SE_SPECIFIC
- 编辑MyEclipse的模板
- 【信息系统项目管理师】第十四章 文档与配置管理思维导图
- Unity3D脚本中文教程(八)
- 【全志T113-S3_100ask】SD卡扩容
- Linux学习总结02——内存管理——Linux在X86上的虚拟内存管理
- WebRTC-节拍器[翻译]
- c#加粗代码_C# 按钮改变字体样式和加粗和斜体
- LM336、LM317