Processing编程学习指南3.1 程序的运行流程

摘要

交  互

你记住,眼前所有这一切,不过是源于一个梦想和一只小鼠。

—华特·迪士尼(Walt Disney)

想象力的特点是流动性,而不是凝固性。

—拉尔夫·沃尔多·爱默生(Ralph Waldo Emerson)

本章主要内容:

电脑程序的运行流程

setup()和draw()的概念

鼠标交互

你的第一个动态Processing草图

掌握事件的概念,比如鼠标点击和键盘敲击


3.1 程序的运行流程


如果你曾经玩过电脑游戏,或者和一个数码艺术装置进行互动,又或者在凌晨三点看到电脑启动屏幕保护程序,你可能很少会去思考一个事实:这类软件会每隔一段时间循环前面所运行的内容。游戏开始以后,你要发现隐藏在迷幻彩虹岛上的秘密宝藏,击败恐怖的怪兽,赢得高分,最终游戏结束。

本章我要讲解的重点是程序的运行流程。游戏开始时都需要一系列的初始设定:你要给游戏角色命名,将游戏初始成绩预设为0,而且要从游戏的第一关开始。我们把这部分作为游戏的SETUP。完成上述的初始化设定之后,你才开始玩游戏。接下来在进行游戏的每一刻,电脑都会通过监测你使用鼠标的变化,从而计算出游戏角色的行为,进而对图像进行实时渲染并最终通过屏幕反馈给你。这一系列的计算和绘制在不断地往复循环进行着。理想情况下,每秒30帧甚至更高的刷新率能实现顺畅的动画效果。我们把这部分作为游戏的DRAW。

这个概念对你使用Processing跨越静态设计(正如第2章内容)是非常关键的。

1. SETUP中将程序的初始设置一次性完成。

2. DRAW中的绘图指令将会一遍一遍地循环执行直到退出程序。

接下来想象下你将进行一场赛跑。

1.第一步是穿上跑鞋和运动紧身衣,这一步骤只需做一次,对不对?

2.右脚向前,然后左脚向前。不断重复这个动作并且做得越快越好。

3. 26英里以后,跑步结束。

练习3-1:用文字写出一个简单电脑游戏的流程图,例如Pong(乒乓球游戏)。如果你对Pong不了解,可以访问:http://en.wikipedia.org/wiki/Pong。

 

时间: 2024-10-24 21:29:03

Processing编程学习指南3.1 程序的运行流程的相关文章

Processing编程学习指南导读

前 言 Learning Processing:A Beginner抯 Guide to Programming Images, Animation, and Interaction, Second Edition 本书讲的是什么 本书讲了一个故事.一个关于解放与自由的故事,一个关于逐步了解计算机基础知识的故事.通过编写代码,可以创造属于你自己的多媒体设计,而不必拘泥于已有的软件工具.这个故事不仅仅是为科学家和工程师准备的,同时也是为你准备的. 本书是为谁准备的 本书是为初学者准备的.如果你到目

Processing编程学习指南3.2 我们的好朋友:setup()和draw()

3.2 我们的好朋友:setup()和draw() 刚从马拉松赛跑中归来的你肯定满是疲倦.为了更好地学习Processing,你要将刚刚学习的知识迅速应用到你的第一个动态Processing草图当中去.和第2章中的静态示例不同,这个程序会持续不断地运行(也就是说直到用户退出为止).这将通过使用两个"代码块"(block of code)来完成:setup()和draw().严格意义上讲,setup()和draw()都是函数.后面章节会深入探讨如何定义你自己的函数.现在,你就把他们暂且理

Processing编程学习指南3.4 鼠标点击和键盘操作

3.4 鼠标点击和键盘操作 当前,你正使用setup()和draw()框架,以及mouseX和mouseY这样的关键词来构建动态的.可交互的Processing草图.但是,还有一个重要的交互形式没有讨论-点击鼠标! 点击鼠标时,如何让Processing发生相应的交互行为?为了了解这一点,你需要回到程序的运行流程中去.你已经了解setup()仅运行一次,而draw()会往复运行.那么鼠标点击应该在什么时候发生?鼠标点击(以及键盘操作)所触发的事件在Processing中被叫做响应事件(event

Processing编程学习指南2.3 Processing应用程序

2.3 Processing应用程序 Processing开发环境是编写计算机代码的简化环境.它非常简洁,是由一个简单的文本编辑器(例如TextEdit或者Notepad)和作品展示窗口组成的.每一个草图(sketch)都有一个对应的文件名称.编写代码的区域,以及运行速写本的按钮,如图2-1所示.(注意,编著本书时,Processing版本是3.0 alpha 版本10,因此你下载的版本可能会稍有不同.) 为了确保一切运转正常,运行Processing内置的示例是一个好办法.操作方法如下:找到"

Processing编程学习指南2.8 “运行”按钮

2.8 "运行"按钮 Processing的一个优势在于:想要运行一个程序,所需的全部工作就是点击"运行"按钮.这非常类似点击一个媒体文件的"播放"按钮:播放一个动画.电影.音乐和其他格式的媒体文件时,都会用到播放按钮.既然Processing程序输出的媒体文件是计算机图形的实时运算结果,那么为什么不能直接播放它们呢? 这里,请花点时间考虑这样一个事实:在这里做的事情和播放音频或者视频文件并不完全相同.输入到Processing的初始内容是文本内

Processing编程学习指南1.6 自定义颜色取值范围

1.6 自定义颜色取值范围 RGB颜色取值为0-255,但这并不是Processing处理颜色的唯一方法.在后台的计算机内存中,颜色通常是以一系列24位(在有alpha值的情况下是32位)的方式进行计算的.不过,Processing允许你以任何喜欢的方式来自定义颜色的取值范围,它允许你使用计算机可以理解的任何数字.例如,你可能倾向于将颜色以0到100的方式(就像百分比)来定义颜色.你可以在Processing中使用colorMode()函数来实现.   上述代码的意思是:"好的,我想以红.绿和蓝

Processing编程学习指南2.5 Processing中的代码

2.5 Processing中的代码 是时候用第1章中学习的知识来编写一些代码了.首先,复习一些基本的句法规则(syntax rule).你可以编写三种类型的陈述语句: 函数调用 赋值操作 结构控制 目前为止,每一行代码都是对一个函数的调用,如图2-3所示.剩下的两种类型我会在后面的章节里讨论.每个函数都有一个名称,后面紧跟着圆括号,圆括号内是一组实参.回想下第1章,我曾用函数展示如何绘制图形(当时我称之为"命令"或者"指令").如果把调用函数比作一个自然语言的句子

Processing编程学习指南2.4 速写本

2.4 速写本 作为一个快速生成创意性作品的原型工具,Processing将用户编写的程序统称为草图,我将会在全书中继续沿用这个名称.速写本(sketchbook)则是用于保存所有草图的文件夹.从技术层面来讲,在Processing中运行一个草图的时候,它实际是作为电脑的一个应用程序来运行的.在本书后面的第21章会讲到,Processing允许根据你的草图创建针对特定平台的独立可执行应用程序(stand-alone application). 既然Processing中的范例程序都可以顺利运行,

Processing编程学习指南1.4 RGB颜色

1.4 RGB颜色 前面几节的内容帮助你学习了像素坐标.图形尺寸等基础知识.现在是时候学习数位色彩的基础知识了.回想一下童年,还记得手指画吗?通过混合最基础的三种原色,我们可以得到任何颜色.如果将所有颜色混合在一起,会导致浑浊的棕色.而且你混合的颜料越多,就变得越暗. 数位色彩(digital color)同样是混合三种基础颜色来实现的,但其运行机制和绘画颜料有所不同.首先,数位色彩的色光三原色是不同的:红.绿和蓝(RGB三个字母所对应的red.green和blue).其次,数位色彩以光来合成颜