修改滑块以进行自动缩放

时间:2013-08-04 13:17:18

标签: javascript html5 dom html5-canvas

如何在不间隔时间点击图像的情况下使此滑块自动放大和缩小每张图像?

http://www.dhteumeuleu.com/in-second-lives

请介绍一下如何启动它。

 setTimeout(         
        function() { 
         if (camera.over) {
                if (camera.over === camera.target.elem) {
                    camera.target.elem = camera.over;
                    camera.target.x = 50;
                    camera.target.z = 1500;
                    camera.target.x = 0;
                    camera.target.z = 0;
                    camera.target.elem = false;
                    // ---- adapt tesselation level to distance ----
                    for (var i = 0, d; d = diapo[i++];) {
                        var dx = camera.target.x - d.pc.x;
                        var dz = camera.target.z - d.pc.z;
                        var dist = Math.sqrt(dx * dx + dz * dz);
                        var lev = (dist > 1500) ? quality[0] : quality[1];
                        d.img.setLevel(lev);
                    }

                    camera.target.x = 100;
                    camera.target.z = 200;
                    camera.target.elem = false;

                    return ;
                    } else {
                    // ---- goto diapo ----
                    camera.target.elem = camera.over;
                    camera.target.x = camera.over.tx;
                    camera.target.z = camera.over.tz;
                    // ---- adapt tesselation level to distance ----
                    for (var i = 0, d; d = diapo[i++];) {
                        var dx = camera.target.x - d.pc.x;
                        var dz = camera.target.z - d.pc.z;
                        var dist = Math.sqrt(dx * dx + dz * dz);
                        var lev = (dist > 1500) ? quality[0] : quality[1];
                        d.img.setLevel(lev);
                    }
                }
             }
        }
,10000); 

谢谢

1 个答案:

答案 0 :(得分:0)

好的,所以这是一个建议。我没有给你完整的代码,但这个想法应该足够了:

查看源代码中tap()函数的代码。这是处理相机“放大,缩小,平移和移动”的功能。所以现在,仅当您在图像上单击鼠标按钮时才会调用tap()函数。您可以在tap函数中使用setTimeout进行自动缩放,而不是等待指针run()

关键是pointerrun功能。和他们一起玩,你会偶然发现解决方案。