查看原文
其他

创意编程工具安装向导-Processing 与 Openframeworks

2016-05-03 Wenzy InsLab

这篇是关于 P5 与 OF 的入门安装向导。

P5 与 OF 两者都是最主流的创意编程工具。前者诞生于 MIT,后者诞生于 PARSONS。

严格意义上说,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 上常用的是IDE 是 Xcode,PC 上可以则可以使用 Visual Studio。

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

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

Processing 的下载与安装

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


而通过官网地址,你可以在这里直接下载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。

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

下载OF安装包

IDE 下载并安装后,就可以正式到官网下载 OF 安装包。
这里安装包并不是唯一的,根据操作系统的不同,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( VisualStudio ) 来打开。界面会是这样的。

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

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

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


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


这个范例展示了 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 的繁琐吓到了,稍微操作几次很自然就能熟悉。当一切准备就绪后,我们就可以正式进入代码世界尽情创造~~


您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存