2

私はこの視覚効果が本当に好きです。これをiphoneまたはtouchmove付きのipadで利用できるようにしたい。誰かがこれを手伝ってくれますか？

これはJSです：

$(document).bind('mousemove',function(e){
    var docW = $(window).width();
    var docH = $(window).height();

    var diffX = (docW/2) - e.clientX;
    var diffY = (docH/2)-100 - e.clientY;

    var dist = distance(docW/2,docH/2, e.clientX, e.clientY);
    var distM = distance(docW/2,(docH/2)+60, e.clientX, e.clientY);

        // eye                          
        var eye_background = Math.floor( diffX /-30 ) +'px '+ Math.floor( diffY /-30 ) +'px';       
        var eye_translate = Math.floor(diffX/-50 )+'px, '+ Math.floor(diffY/-100 )+'px';    
        $(".eye").css({"background-position":eye_background, "-webkit-transform":'translate3d('+eye_translate+',0)',"-moz-transform":'translate('+eye_translate+')',"-o-transform":'translate('+eye_translate+')',"-ms-transform":'translate('+eye_translate+')' });



});

基本的に、私の質問は、これをAppleでどのように機能させることができるかということです。

4

1 に答える 1

0

マウスダウンでリスナーを開始し、マウスアップで停止する必要があります。一方、リスナーはメソッドをループします(たとえば、 requestanimationfame や setInterval() )//eye。

これは、たとえば webGL で一般的なプロセスです。 例

http://api.jquery.com/mousedown/

http://api.jquery.com/mouseup/

于 2012-09-24T07:05:04.453 に答える