将滑块修改为自动缩放

Question

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); 

谢谢

Answer 1

好了，这里有一个建议。我不会给你完整的代码，但是这个想法应该足够了：

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

关键是pointer和run函数。尝试一下，你会发现解决方案的。