请向下滑动

通触摸来描画图形

学习关于mouseX与mouseY的基础知识

将内建变量mouseX与mouseY运用到图形的坐标或者长宽上吧。

例题：通过点击触碰来描画直线

⇨ 运行例题24

接下来我们试着改进例题24，让我们可以在点击触碰到的地方画出直线吧。

第一步：使用点击触碰后得到的坐标

坐标(mouseX,mouseY)将会一直表示为点击触碰时的位置的坐标。

把这个坐标(mouseX,mouseY)用在直线的终点的坐标上吧。

图1　描画一个起点为(0,0)，终点为(mouseX,mouseY)的直线。

第二步：完成描画

⇨ 运行例题24-2

运行例题24-2后，试着在画布上点击触碰吧。

练习：通过点击触碰来描画四边形

⇨ 运行练习24-0

运行练习24-0后我们会得到一个四边形。我们试着把这个四边形的长改为mouseX，宽改为mouseY吧。

第一步：使用点击触碰后得到的坐标

我们试着把这个四边形的长改为mouseX，宽改为mouseY吧。

图2　描画出一个左上角的点的坐标为(0,0)，长为mouseX，宽为mouseY的四边形。

参考上图，将四边形的长与宽改为mouseX与mouseY吧。

第二步：拓展

⇨ 运行练习24-2

在接下来的练习24-2中，我们可以增加一个左上角的点的坐标为(mouseX,mouseY)的四边形。试着运行一下吧。

总结

无论触碰点击画布上的任何一点，其坐标都会为(mouseX,mouseY)。