三个js获取材料上下文

THREE js get material context

本文关键字：上下文 材料 获取 js 三个      更新时间：2023-09-26

我有一个Canvas图（纹理）：

var mesh;
var canvas = document.createElement('canvas');
var context= canvas.getContext("2d");
    context.canvas.width  = context.canvas.height = 128;
    context.fillStyle = 'rgba(255,255,255,0.4)';
    context.fillText('lala', 64, 85);
var texture = new THREE.Texture(canvas); 
    texture.needsUpdate = true;
var material = new THREE.PointsMaterial( { size: 128, map: texture } );
var geometry = new THREE.Geometry();      
    geometry.vertices.push( new THREE.Vector3() );  
mesh = new THREE.Points( geometry, material );
scene.add(mesh);

如何通过网格对象引用访问上下文以更新它？

mesh.material.map.image....context?? ... ? what is the correct approach?
对

我有用：

var context = mesh.material.map.image.getContext("2d"); 
    context.clearRect(0, 0, 128, 128);
    //..... draw sprite;
mesh.material.map.needsUpdate = true;
相关文章：