나는 다음과 같은 문제로 Scenejs의 초보자입니다. 쿼리에서 30-50 개의 미리보기 이미지가 나타납니다. 이미지의 너비는 약 200px이고 높이는 100px에서 300px입니다. 3D 장면에 배열 된 직사각형 프리즘에 텍스처로 각 축소판 이미지를 표시하고 싶습니다. 내가 연구 한 많은 사례는 큐브와 정사각형 이미지 만 보여줍니다. 직사각형 프리즘의 형상을 조정하려고하면 이미지가 여러 번 나타납니다. 코드 발췌 부분은 아래와 같습니다. 어떤 사람이 올바른 방향으로 나를 가리킬 수 있습니까?Scenejs 가로 세로 비를 유지하는 프리즘 텍스쳐
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
}]
}]
});
})
}