threeJS对光有反应的材质

threejs中对于材质的选取可以是多种多样的

其中部分对光源会没有反射条件导致光源对其的存在无意义

基础网格材质对象MeshBasicMaterial,不受带有方向光源影响，没有棱角感。

var material = new THREE.MeshBasicMaterial({color: 0x0000ff,
})

MeshLambertMaterial材质可以实现网格Mesh表面与光源的漫反射光照计算，有了光照计算，物体表面分界的位置才会产生棱角感。

var material = new THREE.MeshLambertMaterial({color: 0x00ff00,
});

高光网格材质MeshPhongMaterial除了和MeshLambertMaterial一样可以实现光源和网格表面的漫反射光照计算，还可以产生高光效果(镜面反射)。

var material = new THREE.MeshPhongMaterial({color: 0xff0000,specular:0x444444,//高光部分的颜色shininess:20,//高光部分的亮度，默认30
});

threeJS对光有反应的材质相关推荐

Threejs创建几何体并贴材质
目录一创建球体二创建正方体三创建圆柱体四创建管道更多内容见小白gis threejs如何创建比如球体,正方体,圆柱体,并贴材质: 一创建球体纯色纹理和图片纹理的两种球体代码: ...
threejs实现VR看房材质贴图
home1_left.jpg home1_right.jpg home1_top.jpg home1_bottom.jpg home1_front.jpg home1_back.jpg home2_l ...
WebGL/ThreeJS几何体、材质、纹理贴图，给几何体披上好看的外衣
1.ThreeJS的常见几何体 BufferGeometry和Geometry有什么不同? 如果你想简单理解BufferGeometry和Geometry有什么不同,就是两者的数据结构不同,缓冲类型几 ...
threejs添加立方体_前端图形学(三十)——从源码去看threejs中的光照模型
欢迎来到[畅哥聊技术]前端图形学相关技术文章,更多精彩内容持续更新中,敬请关注. 上章节回顾熟悉了threejs中内置的几何图形的渲染原理就是通过顶点渲染传入自定义顶点渲染自定义的几何图形本章目 ...
threejs学习记录
1.第一个threejs程序 <!DOCTYPE html> <html lang="en"> <head><meta charset=& ...
threejs知识点：1.模型分析
合作qq:(550891796) =================================== 实例源码: http://download.csdn.net/download/zzjzmdx ...
ThreeJs 基础入门
本文来自网易云社区作者:唐钊 Three.js 是一款运行在浏览器中的 3D 引擎,你可以用它在 web 中创建各种三维场景,包括了摄影机.光影.材质等各种对象.使用它可以让我们更加直观的了解 we ...
A-Frame.js 学习文档翻译（一）实体
A-Frame是什么 A-Frame是Mozilla 开源 web 虚拟现实框架,他能够非常方便的创建VR视口,载入部分格式的模型,设置照相机等,这为对计算机图形学不是很了解的同学,减轻了好多负担.我 ...
three.js入门到实战
学习之前示例演示参考资料 api查询:http://www.webgl3d.cn/threejs/docs/index.html# 代码地址:https://github.com/mrdoob/t ...

threeJS对光有反应的材质

threeJS对光有反应的材质相关推荐

最新文章

热门文章