【Processing】图像处理框架语言(Hello,Processing!

1,766 阅读3分钟

本文正在参加「金石计划 . 瓜分6万现金大奖」

前言

在一次偶然摸鱼闲逛,某信突然闪烁,我就知道有人要找我摸鱼了。打开一看,袄!是 “主任” 催我更文...

1.png 2.png

就此,开始了 Processing 的学习...

一、Processing 是什么?

1-1 介绍

官方地址:Welcome to Processing!
官方描述:

image.pngimage.png

也就是说,这东西开发便捷,视觉艺术,一个图像处理框架语言。(面向图像编程,这个有点意思

1-2 广泛用途

用于在沉浸式交互场景、互动游戏制作、大型灯光秀场、AI交互式场景等等。(很炫那种就对了)

二、安装与使用 Processing

2-1 下载安装

下载地址:Download / Processing.org

image.png

可以下载 汉化版

2-2 Hello, Processing!

2-2-1 选择 demo 示例,简单修改

安装好后,直接打开。

image.png hello-pre.gif

就选择这个了,然后我们对该 demo 进行简单了解,然后修改一下为 Hello 项目。

Ctrl + S,保存该项目到一个目录下

image.png

自行设置文件名(这里设置为 hello_pde

image.png

2-2-2 对示例进行简单修改(完整代码,包含一些简单的注释)

/**
 * Mouse 2D.
 *
 * Moving the mouse changes the position and size of each box.
 */

void setup() {
  // 设置窗体的尺寸大小
  size(640, 360);
  // 去掉描边
  noStroke();
  // 居中模式
  rectMode(CENTER);
}

void draw() {
  // 设置背景色
  background(51);
  // 设置画笔颜色
  fill(255, 204);
  // 定义 一个 String 类型的文本
  String txt = "Hello, Processing!";
  // 文本(内容,出现的位置)
  text(txt, mouseX, height/2);
  // 文本大小
  textSize((mouseX + mouseY)/20+2);
  //rect(mouseX, height/2, mouseY/2, mouseY/2); // 这个是矩形的大小
  fill(255, 204);
  int inverseX = width-mouseX-txt.length()*4;
  int inverseY = height-mouseY;
  //rect(inverseX, height/2, (inverseY/2)+10, (inverseY/2)+10);
  text(txt, inverseX, height/2);
  textSize((mouseX + mouseY)/20+2);
  text(txt, width/2, mouseY+10);
  textSize((inverseX + inverseY)/20+2);
  text(txt, width/2, inverseY);
}

2-2-3 效果展示

hello-pre-2.gif

三、一些事半功倍的小技巧

3-1 编译器里的 Demo 项目(Basics、Topics、Demos、Libraries)

image.png

Basics、Topics、Demos、Libraries
image.png

3-2 代码辅助提示

(针对 Windows 系统)
在Win10中,processing 编译器的程序里
① 最上方的菜单栏 “文件” —— “偏好设定(preferences)”
② 弹出的对话框中,点击 "更多选项可直接编辑该文件" 下面的文件路径
③ 点击打开 preferences.txt 文件
④ 找到 pdex.completionpdex.completion.trigger 把它们都改为 true

image.png

3-3 导出程序

① 最上方的菜单栏 “文件” —— “输出程序”
② 弹出的对话框中,点击 “输出”
③ 生成文件并打开对应目录
④ 打开当前目录下 “windows-amd64 文件夹”

image.png

⑤ 打开当前目录下 “.exe 文件”

image.png

3-4 一些常用快捷键技巧(持续补充)

(主要针对 Windows 系统)

效果Win 系统MAC 系统
格式化代码Ctrl + TCMD + T
运行Ctrl + R
调整Shift + Ctrl + T
.........

总结

主要介绍写文的缘由,Processing 的介绍与使用,还有开发中的小技巧。

文章小尾巴

文章写作、模板、文章小尾巴可参考:《写作“小心思”》
  感谢你看到最后,最后再说两点~
  ①如果你持有不同的看法,欢迎你在文章下方进行留言、评论。
  ②如果对你有帮助,或者你认可的话,欢迎给个小点赞,支持一下~
   我是南方者,一个热爱计算机更热爱祖国的南方人。
  (文章内容仅供学习参考,如有侵权,非常抱歉,请立即联系作者删除。)