code cube

Question

Salut. Peut on m'aider à commenter le code js cube ?
merci à vous

jordane45 · Answer

Bonjour 

Si tu montres le code en question.. pourquoi pas.

benjamine54 · Answer

$(function(){

var el = document.createElement('div'),
        transformProps = 'transform WebkitTransform MozTransform OTransform msTransform'.split(' '),
        transformProp = support(transformProps),
        transitionDuration = 'transitionDuration WebkitTransitionDuration MozTransitionDuration OTransitionDuration msTransitionDuration'.split(' '),
        transitionDurationProp = support(transitionDuration);

this.el.style[transformProp] = "rotateX("+this.x+"deg) rotateY("+this.y+"deg)";
            },
            reset: function() {
                this.move({x: 0, y: 0});
            }
        };

step.duration = function() { 
        var d = touch ? 50 : 500;
        step.el.style[transitionDurationProp] = d + "ms";
        return d;
    }();

$(document).keydown(function(evt) {
        switch(evt.keyCode)
        {
            case 37: // left
                step.move({y: step.y - 90});
                break;

case 38: // up
                evt.preventDefault();
                step.move({x: step.x + 90});
                break;

case 39: // right
                step.move({y: step.y + 90});
                break;

case 40: // down
                evt.preventDefault();
                step.move({x: step.x - 90});
                break;

case 27: //esc
                step.reset();
                break;

default:
                break;
        };
    })
    .bind('mousedown touchstart', function(evt) {
         delete mouse.last;
         if($(evt.target).is('a, iframe')) {
         return true;
         }

evt.originalEvent.touches ? evt = evt.originalEvent.touches[0] : null;
        mouse.start.x = evt.pageX;
        mouse.start.y = evt.pageY;
        $(document).bind('mousemove touchmove', function(evt) {
            
            if(!touch || !(event.originalEvent && event.originalEvent.touche.length > 1)) {
                evt.preventDefault();
               
                evt.originalEvent.touches ? evt = evt.originalEvent.touches[0] : null;
                $('.step').trigger('move-step', {x: evt.pageX, y: evt.pageY});
            }
        });

$(document).bind('mouseup touchend', function () {
            $(document).unbind('mousemove touchmove');
        });
    });

$('.step').bind('move-step', function(evt, movedMouse) {

// Reduce movement on touch screens
        var movementScaleFactor = touch ? 4 : 1;

if (!mouse.last) {
            mouse.last = mouse.start;
        } else {
            if (forward(mouse.start.x, mouse.last.x) != forward(mouse.last.x, movedMouse.x)) {
                mouse.start.x = mouse.last.x;
            }
            if (forward(mouse.start.y, mouse.last.y) != forward(mouse.last.y, movedMouse.y)) {
                mouse.start.y = mouse.last.y;
            }
        }

step.move({
            x: step.x + parseInt((mouse.start.y - movedMouse.y)/movementScaleFactor),
            y: step.y - parseInt((mouse.start.x - movedMouse.x)/movementScaleFactor)
          });

mouse.last.x = movedMouse.x;
        mouse.last.y = movedMouse.y;

function forward(v1, v2) {
            return v1 >= v2 ? true : false;
        }
    });

});

Code cube

2 réponses

Votre réponse

Discussions similaires