css - WebGL Walkthrough, Move around the 3D scene -
i'm new webgl, , i'm trying create walk-through website, have taken maya model webgl of inka3d, when apply following code movement, doesn't work explains. left arrow works fine.
function resize() { var width = canvas.offsetwidth; var height = canvas.offsetheight; canvas.width = width; canvas.height = height; aspect = width / height; } var cameratargetx = 37.2878151; var cameratargety = 12.846137; var cameratargetz = 7.17901707; var dx = 5; var dy = 5; window.addeventlistener('keydown',dokeydown,true); function dokeydown(evt){ switch (evt.keycode) { case 38: /* arrow pressed */ if (cameratargety - dy > 0){ cameratargety -= dy; } break; case 40: /* down arrow pressed */ if (cameratargety + dy < height){ cameratargety += dy; } break; case 37: /* left arrow pressed fine*/ if (cameratargetx - dx > 0){ cameratargetx -= dx; } break; case 39: /* right arrow pressed */ if (cameratargetx + dx < width){ cameratargetx += dx; } break; } } };
if left arrow works means difference of (cameratargetx - dx ) > 0. thats why can translate. reason cameratargetx 37 diff of 5 make 32 , on key press can visualize in 5x7(loop). key pressed 7 times until value become lesser 0 when var cameratargety = 12.846137; , dy 5 take 5x2(loop) fraction , value become lesser 0 , can visualize diff.
solution stated dx , dy delta values means should small variable convection try var dx = 0.05; var dy = 0.05; answer. if doubt feel free ask
Comments
Post a Comment