【01】processing-开始(中文)

开始学习

 

软件作者

Casey Reas 和 Ben Fry是processing的软件作者。

 

欢迎学习processing! 首先访问http://processing.org/download,

然后选择Mac,Windows或Linux版本,具体软件版本取决于您拥有的电脑

下载后解压即可使用软件(部分人会提示需要安装java,下载安装即可)

 

  • Windows上,您将拥有一个.zip文件。 双击它,然后将其中的文件夹拖到硬盘上的某个位置。

它可能是Program Files,也可能只是桌面,但重要的是要从该.zip文件中提取文件夹。

然后双击processing.exe打开软件,开始数字艺术之旅。

 

  • Mac OS X版本也是.zip文件。 双击它,然后将“处理中”图标拖到“应用程序”文件夹中。

如果您使用别人的机器并且无法修改Applications文件夹,只需将应用程序拖到桌面上即可。

然后双击processing图标,开始数字艺术之旅。

 

  • Linux版本是.tar.gz文件,大多数Linux用户应该熟悉。 将文件下载到您的主目录。

然后打开一个终端窗口,然后键入:
     tar xvfz processing-xxxx.tgz (将xxxx替换为文件名称的其余部分,即版本号。)

    cd processing-xxxx
     ./processing

 

 

运气好的话,processing主窗口现在将可见。 每个人的设置都不同,因此,如果程序无法启动,或者您陷于困境,请访问故障排除页面以获取可能的解决方案。

 

1579249254168-c83ec86a-1a34-46f1-a2e5-bdb5d8af2993.png

 

 

 

 

第一项目

 

在代码区,输入以下内容(重要提示:在英文输入法状态下输入)

 

ellipse(50, 50, 80, 80);


这行代码的意思是“绘制一个椭圆(ellipse),其中心从左上方50个像素,从顶部向下50个像素,宽度和高度为80像素。” 单击“运行”按钮(工具栏中的三角形按钮)。

如果您正确键入了所有内容,则屏幕上会显示一个圆圈。

如果输入不正确,消息区域将变为红色并提示错误。

如果发生这种情况,请确保已完全复制了示例代码:数字应包含在括号内,并且每个括号之间应有逗号,并且该行应以分号结尾。

 

1.gif

 

 

入门编程最困难的事情之一是您必须非常明确语法。

处理软件并不总是很聪明,足以了解您的意思,并且对标点符号的位置可能很挑剔。

稍加练习,您就会习惯它。

 

接下来,我们将跳过一个更加令人兴奋的草图。 从上一个示例中删除文本,然后尝试以下操作:

 

void setup() 
{
  size(480, 120);
}
void draw() 
{
  ellipse(mouseX, mouseY, 80, 80);
}

 

2.gif

 


 

void setup() 
{
  size(480, 120);
}
void draw() 
{
  if (mousePressed) 
  {fill(0);} 
  else 
  {fill(255);}
  
  ellipse(mouseX, mouseY, 80, 80);
}

 

3.gif

 

 

 

 

该程序创建一个宽度为480像素,高度为120像素的窗口,

然后开始在鼠标位置绘制白色圆圈。

当按下鼠标按钮时,圆圈颜色变为黑色。

现在,运行代码,移动鼠标,然后单击鼠标以查看其功能。

运行草图时,“运行”按钮将变为方形的“停止”图标,您可以单击该图标以停止草图。

 

 

展示效果

如果您不想使用这些按钮,还可以始终使用“速写本”→“运行”(快捷键Ctrl+R)

您还可以通过按住Shift键同时单击“运行”按钮,或者“速写本”→“展示模式”从而全屏展示效果

 

image.png

 

 

保存新建

下一个重要的命令是保存。 您可以在“文件”菜单下找到它。

默认情况下,您的程序会保存到“速写本”中,该文件夹是收集程序的文件夹,以便于访问。

在“文件”→“速写本”选项,以显示素描本中所有素描的列表。

经常保存草图始终是个好主意。 当您尝试不同的操作时,请使用不同的名称保存,以便返回到较早的版本。

如果(不,何时)出现故障,这特别有用。

您还可以通过“速写本”→“打开程序目录”命令查看草图在计算机上的位置。

您可以通过从“文件”→“新建”选项来创建新草图。 这将在其自己的窗口中创建一个新草图

 

 

分享作品

“文件”→“输出程序”选项会将您的代码捆绑到一个文件夹中。

导出应用程序会为您选择的Mac,Windows和/或Linux创建一个应用程序。

可双击版本可以全屏或在窗口中运行的简便方法。

每次使用“输出程序”命令时,都会删除并重新创建应用程序文件夹,

因此,如果您不希望在下一次导出时将其删除,请确保将文件夹移动到其他位置。

 

范例参考

学习如何编程涉及探索大量代码:运行,更改,破坏和增强它,直到将其重塑为新的东西。

 

考虑到这一点,Processing软件下载包括许多示例,这些示例演示了该软件的不同功能。

若要打开示例,请从“文件”→“范例教程”,然后双击一个示例名称以将其打开。

这些示例根据其功能(例如“表单”,“运动”和“图像”)分为几类。

在列表中找到一个有趣的主题,然后尝试一个例子。

 

在编辑器中查看代码时,您会看到像ellipse()和fill()之类的函数与其余文本具有不同的颜色。

如果看到不熟悉的功能,请选择文本,然后从“帮助”→“查找参考”。

您也可以右键单击文本(或在Mac上按住Ctrl键并单击),然后从出现的菜单中选择“查找参考”。

这将打开网络浏览器并显示该功能的参考。

另外,您可以通过从“帮助”→“参考文档”来查看该软件的完整文档。

 

《processing 参考》使用说明和示例解释了每个代码元素。

与“示例”文件夹中的较长代码相比,“参考”程序要短得多(通常为四或五行),并且易于遵循。

我们建议您在阅读本书和编程时保持参考打开。 可以按主题或按字母顺序浏览;

有时在浏览器窗口中进行文字搜索最快。

《processing 参考》链接:https://processing.org/reference/

 

参考书是为初学者而写的。我们希望我们已使之清晰易懂。我们感谢多年来发现错误并报告错误的许多人。

如果您认为可以改善参考条目或发现错误,请单击每个参考页面顶部的链接让我们知道。

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值