search

klren0312 / daliy_knowledge

知识积累，正确使用方式是watch
22 stars 4 forks source link

threejs使用颜色数组渲染纹理 #811

Open klren0312 opened 4 months ago

klren0312 commented 4 months ago

使用DataTexture来创建纹理

颜色数组示例

const colors = [
  [255,241,227,255],
  [214,200,186,255],
  ...
]

threejs使用需要将数组展平成一维数组

const data = new Uint8Array(colors.flat())

使用上面生成的一维数组创建纹理

注意长宽需要传

const texture = new this.THREE.DataTexture(data, width, height, this.THREE.RGBAFormat)