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


    前言

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

    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);
    }
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37

    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 的介绍与使用,还有开发中的小技巧。

    文章小尾巴

    文章写作、模板、文章小尾巴可参考:《写作“小心思”》

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

  • 相关阅读:
    代码随想录算法训练营第23期day32|122.买卖股票的最佳时机II、55. 跳跃游戏、45.跳跃游戏II
    Android自定义控件属性函数
    【QML】使用Qt Design Studio创建时间线动画
    基于SpringBoot的SSMP整合案例(在Linux中发布项目的注意事项与具体步骤步骤)
    UE构建基础和实践:四、使用脚本打包
    linux内核驱动——字符设备实现两个终端单向收发
    微信小程序-入门
    java微信公众号扫码登录对接流程
    Hive学习笔记(1)
    webgl 系列 —— 三角形
  • 原文地址:https://blog.csdn.net/qq_43263647/article/details/128197099