
上QQ阅读APP看书,第一时间看更新
2.4 三角形
在学习了直线的绘制之后,是否可以举一反三绘制三角形呢?这里只需要提供三角形的三个顶点的坐标就可以了,通过triangle()函数就可以完成三角形的绘制。
triangle(px1,py1,px2,py2,px3,py3);
px1和py1代表着第一个顶点的坐标;
px2和py2代表着第二个顶点的坐标;
px3和py3代表着第三个顶点的坐标。
我们在文本编辑器区域中写入以下代码,单击“运行”按钮查看效果(图2.4.1)。

图2.4.1 三角形的示例
strokeWeight(2); triangle(0,0,width/2,height-10,width,height);
在绘制不太容易确定坐标的图形的时候,可以尝试使用Tweak模式。
Tweak模式在菜单栏中,找到“速写本”,打开下拉菜单后,单击“调整”选项,也可以通过快捷键Ctrl+Shift+T来启动该模式。

将这一段代码输入后,启动Tweak模式,拖动出现在数字下的小横线即可实时调整坐标点了,在调整到合适的坐标点后,停止运行项目,会出现弹窗,提示是否保存调整后的参数,单击“保存”按钮。有关setup()函数和draw()函数后文会讲解,这里照抄,实现效果即可,请注意分号与大括号,不能少打、漏打。