0

私は Scenejs の初心者で、次の問題があります。クエリから 30 から 50 のサムネイル画像を取得します。画像の幅は約 200 ピクセル、高さは 100 ピクセルから 300 ピクセルです。3D シーンに配置された個別の直角プリズムに、各サムネイル画像をテクスチャとして表示したいと考えています。私が調査した例の多くは、立方体のみを示し、均一な正方形の画像を示しています。直角プリズムのジオメトリを調整しようとすると、画像が複数回表示されます。以下にコードの抜粋を示します。誰かが私を正しい方向に向けることができますか?

function get_Json_test_data()
{

var wiki_node_top =[{ 
           type: "cameras/orbit",
            yaw:  0,
            pitch: 0,
            zoom: 10,
            zoomSensitivity:0.5,

                    nodes: [
                {
                    type: "material",
                     id: "myMaterial",
                    color: { r: 1, g: 1, b: 1.0 } 
                }
                   ]
                }];

   scene = SceneJS.createScene({

   nodes: wiki_node_top 
});

}

function add_node_wiki (json1)
{
var wiki_x=-4;
var wiki_y=-4;
var wiki_z=0;
var test1 = json1.query.pages;
var test2 = [];
var icount = 0;
$.each(test1, function (i, item) {
    test2[icount] = item;
    icount++;
});
$.each(test2, function (i, item) {
   var   wiki_x_size=item.imageinfo[0].thumbwidth/200;
   var  wiki_y_size=item.imageinfo[0].thumbheight/200;

wiki_x +=2*wiki_x_size;
wiki_y += 2*wiki_y_size;

    update_scene(item, wiki_x,wiki_y,wiki_z,wiki_x_size,wiki_y_size);     
});   
}
function update_scene(item, wiki_x,wiki_y,wiki_z,wiki_x_size,wiki_y_size)
{
scene.getNode("myMaterial",
function(myMaterial) {
    myMaterial.addNode({         
                      type: "texture",
                      src: item.imageinfo[0].thumburl,                                                 
                      wrapS: "ClampToEdgeWrapping",
                      wrapT: "ClampToEdgeWrapping",     
       nodes:[{
            type: "translate",                
            x: wiki_x,
            y: wiki_y,
            z: wiki_z,
            nodes: [{
                type: "geometry/box",
                xSize: wiki_x_size,
                ySize: wiki_y_size,
                zSize: 1
            }]
        }]                                                                                              
});  
})

}

4

1 に答える 1

0

「wrapS」や「wrapT」などの SceneJS テクスチャ パラメータは、WebGL 列挙型のキャメルケース表現です。

したがって、「ClampToEdgeWrapping」は (私の知る限り) WebGL でサポートされている値ではないため、SceneJS はそれを認識しません。

ここでサポートされている列挙型のマップを参照してください: https://github.com/xeolabs/scenejs/blob/v4.0/src/core/webgl/enums.js

「clampToEdge」を試してみませんか？

于 2014-12-25T14:26:01.483 に答える