zoukankan      html  css  js  c++  java
  • 日更第12期-2015-3-31-processing教程-翻译篇-第一讲-get started-从零开始

    从零开始

    翻译自Processing官网tutorial中的get started

    本篇教程适用于processing2.0及以上版本。如果您发现了任何错误或者有指教之处,请来信告知
    此处所讲的内容来源于Getting Started with Processing一书(中译:《爱上Processing》),
    由Casey Reas和Ben Fry所写,于2010年由O'Reilly出版社出版。


    欢迎来到Processing的世界!

    千里之行,始于足下;想要开始学习Processing,首先需要把它安装好。
    进入下面的网址:http://processing.org/download ,下载与你的计算机版本相匹配的Processing,
    之后我们就可以开始工作了。

    安装过程是很简单的:在Windows操作系统下,你会下载到一个.zip格式的文件,
    双击并解压,你就可以使用Processing了。在其他操作系统下,也是大同小异的,
    故翻译从略。如果你在安装时遇到了困难的话,请到Processing官网相应页面报告。


    PDE
    The Processing Development Environment.
    Processing开发环境

    你的第一个Processing程序


    打开PDE后,你会发现:它的布局极其简约;那一片大的空白区域是文本编辑区域;顶端的一排按钮
    则是工具栏;编辑器下方是你的消息显示区,用于显示提示信息;再下方是控制台,用于输出纯文本信息。

    现在输入这么一行代码:

    ellipse(50, 50, 80, 80);

    这行代码的意思是“画一个原点距显示窗口左上角横纵各50像素的,宽高均为80像素的圆”。点击Run这个
    按钮——就是长成这个样子的按钮,你就可以看到结果。

    如果你没有犯一些拼写错误的话,展示窗口所显示的应该是这样的:

    而如果你没有完全写对的话,消息区会变红并且会告诉你错误出在哪里。如果不幸出现了这种情况的话,
    请确保你的拼写完全正确:数字需要包在括号里面,并用逗号隔开,而这一行的结尾需要有一个分号。
    (非英语系统用户提示:请注意字符串及注释以外的输入必须是英文字符)

    编程的一大难点就在于你必须精准地遵守语法,你不写清楚的话,Processing是不会懂的,它还没有聪明到
    那个程度;其实,有的时候你甚至会觉得它实在是过于挑剔了——不过我相信,在和它打了足够久的交道
    之后,你会慢慢习惯这一点的。

    现在咱们来写点有意思的程序吧。把刚才的内容全都删掉,敲进下面的代码:

    void setup() {
    size(480, 120);
    }

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


    这个程序做了些什么呢?它首先创建了一个480X120像素的展示窗口,之后再鼠标所在的地方画一个圆,
    当你按下鼠标的任意键时,这个圆会变成黑色。一会儿之后,我们会详细讲解这些语句的含义;而现在,
    你先运行这段代码,动动鼠标,体验一下吧。

    展示

    这个是停止按键,不过我猜你已经点击过了。

    除了这些按钮,你也有别的选择,那就是菜单。(此处指的是sketch下的菜单)Ctrl+R是运行的快捷键,
    而如果你点击Present键的话,就是全屏展示,它的快捷键是Ctrl+Shift+R。


    保存键是相当重要的一个按键,它的标志是向下箭头;存储时,会调出系统自带的文本菜单,而默认的
    存储位置是“sketchbook”,里面存着你的程序。点击打开按钮的话,也会从这里开始。

    保存下你的程序是十分重要的——而随着你编写的程序数量的增加,给它们每一个都起上合适的名字是
    极其必要的,不然你很可能找不到之前的版本。备份可是很重要的!

    点击新建按钮也可以新建一个程序。


    导出

    如果你选择导出的话,Processing将把你的代码打包,并按照你正在使用的平台进行导出。通过这种
    方式,你可以很简单的制造一个不依赖其他类库,双击即可运行的程序。其实在导出时,你可以切换不同
    的模式。比如说,你可以把你的Processing改成JS模式来适应HTML5、WebGL平台,改成Android平台就可
    以导出手机应用。只有点击Add mode就可以做到这些事情了,你值得拥有。

    示例与参考

    使用Processing进行编程意味着你需要在代码上下一番功夫:运行、修改、破坏然后增强它,直到它变得

    脱胎换骨。请记住这一点:Processing这个软件可是包含了许多案例程序来展示它的特征的,是一个学习

    的利器。如果你想打开一个案例的话,选择文档->案例(file->examples)。那里面的案例是分门别类整理

    好的,比如:格式、运动、图片。找一个感兴趣的条目点击进去试试吧。

    如果你发现其中有一些橘黄色的东西你不太明白的话(橘黄色代表它来着Processing类库),选择它的名字,

    并在帮助菜单中点击“find in reference”(也可以选择右键菜单中的这一选项),你的默认网页浏览器就会跳出,

    展示着你选择的内容的参考文档。这些内容在官网上也可以找到——不同的是,官网上的参考是基于最新版本;而

    本机的参考文档是随着你打开的Processing版本的。

    Processing的参考文档中的每一天都包括一条描述和案例。一般来说,参考程序都是比较短小的(4-5行),比

    example里面的程序要更短也更好理解。我们建议,在你学习Processing或者编程的时候,要保持reference常开。

    参考文档可以是以字母顺序排序的,也可以是以话题排序;而有的时候你用一下浏览器的文本查找功能则会更快。

    参考文档是面向初学者的,旨在简明易懂。我们很感谢那些历年来发现错误并向我们上报的参与者。如果你认为你

    可以提升一条reference或者发现了它的纰漏的话,请务必告知我们。

  • 相关阅读:
    SSM知识点与整合之Spring知识点(pom.xml需要依赖的jar或者plugin)
    Linux安装Tomcat-Nginx-FastDFS-Redis-Solr-集群——【第十三集之Redis的单机版搭建】
    maven pom.xml(公司版)
    spring开发需要的配置文件
    Python socket编程之六:多窗口的应用
    subplot的应用
    Python socket编程之五:更新分时图
    Python序列的切片操作与技巧
    Python socket编程之四:模拟分时图
    NSNotificationCenter 注意
  • 原文地址:https://www.cnblogs.com/linongbo/p/4382503.html
Copyright © 2011-2022 走看看