1、實(shí)現(xiàn)步驟

1、創(chuàng)建空幾何體的法向量數(shù)據(jù)（類型數(shù)組）
2、創(chuàng)建屬性緩沖區(qū)對象（生成法向量）
3、設(shè)置幾何體的attributes屬性的位置normal屬性（將頂點(diǎn)賦給空幾何體）

2、意義功能

法向量可以與光源進(jìn)行光照計(jì)算，來實(shí)現(xiàn)幾何體的棱角感

3、思維導(dǎo)圖

4、關(guān)鍵代碼

var normals = new Float32Array([0, 0, 1, //頂點(diǎn)1法向量0, 0, 1, //頂點(diǎn)2法向量0, 0, 1, //頂點(diǎn)3法向量0, 1, 0, //頂點(diǎn)4法向量0, 1, 0, //頂點(diǎn)5法向量0, 1, 0, //頂點(diǎn)6法向量]);// 設(shè)置幾何體attributes屬性的位置normal屬性geometry.attributes.normal = new THREE.BufferAttribute(normals, 3); //3個(gè)為一組,表示一個(gè)頂點(diǎn)的法向量數(shù)據(jù)

總結(jié)

以上是生活随笔為你收集整理的ThreeJs顶点法向量光照计算的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。