0

从代码中，我真的不知道如何使对象（树木、道路、云）到达 x = 400 并在这些对象离开屏幕超过 x = 0 时在屏幕上移动，以便动画连续永远。

附言。我对我希望它们移动的所有对象使用名为“movex”的变量。

Ps.2 我使用可汗学院网站来做到这一点。

谢谢！！:)

noStroke();
var x = 200;
var y = 255;
var movex = 200;
var sunsize = 50;

draw = function() {

//sky
background(207, 237, 255);

//sun
fill(255, 64, 0);
ellipse(139, y - 10, sunsize, sunsize);

//mountain
fill(209, 170, 86);
arc(95, y + 80, 331, 174, 180, 360);
fill(138, 91, 40);
arc(414, y + 80, 507, 340, 180, 360);

//cloud
fill(255, 255, 255);
ellipse(movex + 105, 120, 96, 21);
ellipse(movex + 75, 105, 73, 30);
ellipse(movex + 44, 120 , 84, 28);

//cloud2
ellipse(movex + 200, 50, 65, 21);
ellipse(movex + 239, 61, 73, 25);
ellipse(movex + 244, 50, 106, 35);

//cloud3
ellipse(movex - 120, 50, 65, 21);
ellipse(movex - 95, 61, 73, 25);
ellipse(movex - 85, 50, 106, 35);
//tree
fill(158, 105, 6);
rect(movex - 157, y - 40, 35, 150);

fill(20, 158, 15);
ellipse(movex - 165, y - 20, 80, 60);
ellipse(movex - 105, y - 30, 80, 60);

fill(73, 227, 38);
ellipse(movex - 165, y - 50,80,60);
ellipse(movex - 105, y - 400,80,60);

fill(20, 158, 15);
ellipse(movex - 135, y - 90,110,80);

//tree2
fill(158, 105, 6);
rect(movex - 10, y - 40, 35, 150);

fill(20, 158, 15);
ellipse(movex - 10, y - 20, 80, 60);
ellipse(movex + 50, y - 30, 80, 60);

fill(73, 227, 38);
ellipse(movex + 10, y - 70, 100, 80);
ellipse(movex - 105, y - 400, 80, 60);

//tree3
fill(158, 105, 6);
rect(movex + 155, y - 30, 35, 150);

fill(20, 158, 15);
ellipse(movex + 155, y, 60, 50);
ellipse(movex + 175, y - 30, 60, 49);
ellipse(movex + 205, y, 60, 50);

//road
fill(0, 0, 0);
rect(0, y + 80, 1000, 65);
fill(255, 255, 255);
rect(movex - 190, y + 100, 35, 18);
rect(movex - 95, y + 100, 35, 18);
rect(movex - 5, y + 100, 35, 18);
rect(movex + 80, y + 100, 35, 18);
rect(movex + 160, y + 100, 35, 18);


//car
fill(240, 99, 56);
quad(x - 144, y + 30, x - 81, y + 30, x - 50, y + 80, x - 171, y + 80);
rect(x - 185, y + 76, 159, 30);
fill(204, 190, 190);
rect(x -117, y + 44, 32, 25);
fill(87, 87, 87);
ellipse(x - 140, y + 105, 35, 35);
ellipse(x - 65, y + 105, 35, 35);

sunsize ++;

};

这是我的工作图！！

在此处输入图像描述

4

1 回答 1

0

首先，您的问题和给定的代码令人困惑。在您的代码中，您将movex作为形状的 x 值的位置。相反，您应该使用已定义但未使用的变量x。因此，在我的回答中，我将使用x而不是movex作为形状的 x 值的位置，并且我假设movex实际上是您想要增加 x 值的数字。

一种简单、容易、单行的方法是添加以下内容：

x += movex;

这将通过 movex 每个循环不断增加形状的 x 位置。

另外，因为你只是用它来画画，我建议使用 usng

translate(x, y);

这样，您只需输入数字，而不必每次都输入 x 和 y。

于 2018-03-27T04:38:14.687 回答