ThreeJs顶点法向量光照计算
生活随笔
收集整理的這篇文章主要介紹了
ThreeJs顶点法向量光照计算
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
1、實現(xiàn)步驟
1、創(chuàng)建空幾何體的法向量數(shù)據(jù)(類型數(shù)組)
2、創(chuàng)建屬性緩沖區(qū)對象(生成法向量)
3、設(shè)置幾何體的attributes屬性的位置normal屬性(將頂點賦給空幾何體)
2、意義功能
法向量可以與光源進行光照計算,來實現(xiàn)幾何體的棱角感
3、思維導(dǎo)圖
4、關(guān)鍵代碼
var normals = new Float32Array([0, 0, 1, //頂點1法向量0, 0, 1, //頂點2法向量0, 0, 1, //頂點3法向量0, 1, 0, //頂點4法向量0, 1, 0, //頂點5法向量0, 1, 0, //頂點6法向量]);// 設(shè)置幾何體attributes屬性的位置normal屬性geometry.attributes.normal = new THREE.BufferAttribute(normals, 3); //3個為一組,表示一個頂點的法向量數(shù)據(jù)總結(jié)
以上是生活随笔為你收集整理的ThreeJs顶点法向量光照计算的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 通话用哪款蓝牙耳机好?通话效果比较好的蓝
- 下一篇: vmware+双显示器实现双系统同时使用