Question

我有一个非常宽阔的雪景，有一些树木的图像，还有一个雪球顶部的元素。游戏是让雪球跳过树木。因此，我将图像移动到左侧作为一种侧卷轴，但无论我尝试什么，它都非常迟钝。我有一组if子句来检查球是否与树碰撞，我尝试使用setInterval，watch.js和requestAnimationFrame.js而没有太多运气。

这是我正在做的事情的片段

$('#StartScroller').click(function() {
      sideScroller.css('left', '-10000px');
      snowball.css({
        'transform': 'rotate(12000deg)',
        'width': '100px',
        'height': '100px'
      });

$('sideScroller').watch('left', function(){
	//1
	if(
	(sideScroller.position().left < -960 
	&& sideScroller.position().left > -1200 + mobileDelay)
	&& (snowball.css('bottom') == '75px')
	){hitTree()}

任何人都知道一种可以让它更顺畅的替代方案吗？现在有点眼睛疼。

Answer 1

刚刚找到一个非常简单的解决方案：我使用了transform：translate，而不是使用左定位来移动图像。好多了。不过，我很想听到使用setInterval监视更改的任何替代方法。 Yoram提到了3d翻译。我尝试了常规翻译和translateX，但我不确定是否注意到了差异。

如何顺利移动大图像？

1 个答案: