jsc3d - 在已创建的 jsc3d 3d 对象上添加图像

Question

是否可以在已经 jsc3d 创建的 3d 对象上添加外部图像或文本。例如，如果需要在创建的 3d 对象上存储任何画布图像数据，那么有可能吗？

Answer 1

是的，有可能。如果您查看 Texture 的 jsc3d 实现，您将看到纹理已经具有底层画布。

假设您有一个名为“myTexture”的画布和一个名为“myMesh”的网格，为了简单起见，您只需要一个固定大小为 128x128 像素的纹理，这会将您的画布绘制到您的网格上：

    var canvas = document.getElementById('myTexture');
    var context = canvas.getContext('2d');
    var dim = 128;
    var imgData = context.getImageData(0,0,dim,dim);
    var data = imgData.data;
    var size = data.length / 4;
    var texture = new JSC3D.Texture;
    texture.data = new Array(size);
    var alpha;
    for(var i=0, j=0; i<size; i++, j+=4) {
        alpha = data[j + 3];
        texture.data[i] = alpha << 24 | data[j] << 16 | data[j+1] << 8 | data[j+2];
        if(alpha < 255)
            texture.hasTransparency = true;
    }
    texture.width = dim;
    texture.height = dim;       

    myMesh.setTexture(texture);
    viewer.update();

.data 循环取自 JSC3D.Texture.prototype.createFromImage（感谢 Humu2009，jsc3d 的创建者）。