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

Popular posts from this blog

c# - Validate object ID from GET to POST -

node.js - Custom Model Validator SailsJS -

php - Find a regex to take part of Email -