P5 与 OF 入门向导-下载与安装篇

参考资料

http://doc.gold.ac.uk/CreativeComputing/creativecomputation/?page_id=760

P5 与 OF 入门向导-下载与安装篇

OF 与 P5 ,两者都是最主流的创意编程工具。前者诞生于 MIT,后者诞生于 PARSONS。 Processing 本质上是一个 java 库。Openframeworks 本质上是一个基于 C++ 的框架,所以它们并不是一门新兴的编程语言。

严格意义上说,P5 就是一个 java 库。而 OF 本质上则是一个基于 C++ 的框架,它们不是某门编程语言。

P5 的诞生早于 OF, 当时就读于 MIT Media Lab 的 Ben Fry and Casey Reas 在 2001开始开发Processing。后来 Zachary Lieberman 受 Processing的启发,开发了效率更高,基于 C++ 的Openframeworks。因此,如果你对两者都熟悉,会发现它们的语法几乎一模一样。

除此之外,两者在使用上有一点很大的区别,Processing 有自己独立的IDE(集成开发环境)。你只需要下载这个 IDE,就能直接开始使用。而 OF 是没有自己的IDE,你需要下载其他的 IDE ,OF 才能在上面使用。 在 Mac 上常用的是 Xcode,PC 上可以则可以使用 Visual Studio。

集成开发环境(IDE,Integrated Development Environment ),顾名思义是给大家提供的一个程序开发环境。它集编写,分析,编译,调试等功能与一身。我们可以通过它直接生成可执行的程序。

那具体怎样安装Processing和OF?下面会详细展开

Processing 的下载与安装

Procesing 的最新版已经更新到 3.0。新版强大之余也集成了许多有用的功能。例如支持retina 显示,加入了 tweak 模式。详细的更新信息可以查看这里。

https://github.com/processing/processing/wiki/Changes-in-3.0

而通过官网地址,你可以在这里直接下载Processing,根据你使用的操作系统,下载对应的安装包即可 https://processing.org/download/?processing

使用Processing

下载成功后直接双击Processing的图标,就能直接进入IDE的

空白的部分,就是你输入代码的窗口。点击左上角的三角符号,就会开始编译运行程序。由于上面还没有输入任何代码,所以会弹出一个灰色的窗口(表示上面没有任何内容)。

查看范例库

这时候虽然你还不会写代码,但却可以浏览Processing内置的范例库,通过它你可以大致了解Processing 能够做什么。选择 文件(File) - 范例程序 (Example)

展开里面的文件夹,并双击当中的文件。就能打开范例程序。

以下例子就来源于Topics - Fractal and L-Systems 中的 Mandelbrot。

点击左上角的三角符开始运行

除了自带的例子外,范例库中还可以通过 Add Example 添加更多的例子,包括《The Nature Of Code》《ProcessingHandbook》等的书籍example你都可以从中找到。

OPENFRAMEWORKS 的下载与安装

下载IDE

OF 相比 P5 ,略微多一些步骤。第一步,你需要先根据你的操作系统下载对应的 IDE。如果是MAC 系统,可以在 AppleStore 先下载 Xcode。PC 系统则可以下载 Visual Studio。 https://www.visualstudio.com/zh-cn/downloads/download-visual-studio-vs.aspx

由于 IDE 的安装包比较大,需要耐心等待一段时间。

下载OF安装包

IDE 下载并安装后,就可以正式到官网下载 OF 安装包。http://openframeworks.cc/download/ 这里安装包并不是唯一的,根据操作系统的不同,IDE 的不同,都有对应的安装文件。

文件结构

下载并解压缩安装包,可以看到这样的文件结构,下面主要以 Xcode 为例。

某种意义上说,下载来的并不是一个“安装包”,因为无需安装,就能够直接使用。其中有四个文件夹是使用频率最高的,可以提前留意一下

addons :存放各类插件 app:创建工程文件时的默认位置 example:Of 的范例库(类似于Processing的范例库) projectGenerator - osx: 用于新建工程文件

现在无需完全理解每个文件夹的用途,以后会详细展开

打开范例

从官网下载的 OF 文件包,会是之后 OF 程序的主要入口。无论你是自己创建的程序,还是通过其他途径下载的 OF 程序,都需要放到这个文件包之内才能执行。

那如何打开现有的 OF 程序?可以进入并展开 example 文件夹,里面预置了许多范例库,这些范例展示了 OF 能够做的事情。我们可以尝试打开 example - 3d-3DPrimitivesExample,再双击带有 xcodeproj 后缀的文件,这样就可以打开工程了。这个文件夹内包含的就是一个完整的,使用 xcode IDE 去编写的 OF 文件。

(ps:若是 VisualStudio 的用户,可以打开带有“双+”图标的文件)

双击此文件后,会默认用 xcode 来打开。界面会是这样的。

左面的 src 文件夹,是用来存放代码文件的地方,里面的 main.cpp,ofApp.cpp,ofApp.h 是默认的三个 OF 文件,你可以点击它,查看里面的代码。

现在我们也无需看懂,只要点击左上方的三角按钮,就可以运行程序。

另外,在运行前请确保你是在 Debug 模式,或者是 Release 模式下进行。否则程序是不会运行在屏幕上的。

经过一段时间后,文件就会自动编译完成。

ps:第一次运行耗时会较长,需要等它 Building 完毕

另外运行的时候,左面会出现一些黄色的感叹号。大家不用惊慌,这个不是出错的提示。只有出现红色感叹号的时候才需留意。

这个范例展示了 OF 绘制的基础三维图形,你可以通过不同的按键来切换不同的显示模式。

在 Xcode 中,文件是自动保存的。所以对于里面的范例,尽量不要去修改它。浏览完后直接关闭即可。你可以用上述的方法去尝试打开其他例子,体验 OF 的众多强大功能。

创建工程文件

要从零开始创建一个 OF 的工程文件,手动去做的话是需要配置很多东西。但 OF 的文件包中,自带了一个生成器,通过它你可以十分快速地创建一个空白的 OF 工程文件。

你只要在文件 projectGenerator - osx 中,找到 projectGenerator 并打开它即可。

打开后,第一行代表的是文件名,你可以任意修改,建议使用英文 第二行用于设置文件的生成位置 第三行可以在生成文件的同时加入插件(暂时无需用到)

设置完后,你只需要点击 Generate,就能够在指定目录生成文件

生成成功后,只要再点击 Open in IDE,就可以直接打开工程文件 现在,一个空白的工程文件就产生了。

依次点击 src 里面的三个文件,会发现里面并不是完全“空白”的。其中提前预置了一些“必要”的语句。之后新添加的代码,只要在这个结构的基础上添加即可。

如果你点击左上角带有三角符号的运行按钮(记得在 Debug 或 Released 模式下),会发现弹出一个灰色的窗口。

这就代表运行成功,你已经成功创建了一个空白的 OF 工程文件了~

另一种创建办法

除了通过 ProjectGenerator 去生成,你也可以在 apps - myApps 里面找到 emptyExample,之后你只要直接复制这个文件夹,并且更名,就能同样生成一个空白的 OF 工程文件

对比 P5 与 OF

从篇幅上对比,就能直观地感受到 P5 与 OF 在安装流程上的差异。P5 的下载与安装对初学者而言太友好了,也简单得有点傻瓜。反观 OF, 从下载到创建文件似乎都需要更多的步骤。尽管如此,大家开始时别被 OF 的繁琐吓到了,稍微操作几次很自然就能熟悉。当一切准备就绪后,我们就可以正式进入代码世界尽情创造~~