Question

我是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
            }]
        }]                                                                                              
});  
})

}

Answer 1

SceneJS纹理参数，就像“wrapS”和“wrapT”的那些，是WebGL枚举的camelcase表示。

因此，由于“ClampToEdgeWrapping”在WebGL中不是受支持的值（据我所知），因此SceneJS无法识别它。

请在此处查看支持的枚举地图：https://github.com/xeolabs/scenejs/blob/v4.0/src/core/webgl/enums.js

也许尝试“clampToEdge”？

Scenejs矩形棱镜纹理保留纵横比

1 个答案: