Processing互动编程开发实践之动态文字打乱功能（别嫌长，代码多，图片多）

原创

已于 2022-03-03 22:03:27 修改 · 5k 阅读

41 ·

CC 4.0 BY-SA版权

文章标签：

#Processing #互动编程 #Java

于 2018-11-21 20:56:08 首次发布

这篇文章有什么价值？

简单介绍Processing编程
提供一份基于鼠标响应的动画的Processing代码
重头戏：描述动态文字打乱功能实现的重要细节，并将源码公开

1.什么是Processing编程？

这里是~~非官方~~ 简介：Processing是一个为开发面向图形的应用（visually oriented application）而生的简单易用的编程语言和编程环境。Processing的创造者将它看作是一个代码素描本。它尤其擅长算法动画和即时交互反馈，所以近年来在交互动画，复杂数据可视化，视觉设计，原型开发和制作方向越发流行，大家都喜欢这个可爱贴心，简洁好用的编程工具。 Processing基于Java，其语法规则和Java是一致的。

2.入门演示代码

本博文免费提供Processing编程学习的链接：西天取经的路在这里
首先是承诺好的鼠标响应动画代码：

void setup(){

size(400, 400);

}

 

void draw(){

background(#FFEE31);

pushMatrix();

translate(200, 200 - 60);

//eyes

PVector mouse = new PVector(mouseX, mouseY);

mouse.sub(200, 200 - 60, 0);

mouse.limit(7);

fill(0);

noStroke();

rectMode(CENTER);

rect(-1*40+mouse.x, -15+mouse.y, 15, 25, 8);

if(mousePressed)

rect(40+mouse.x, -15+mouse.y, 28, 10, 5);

else

rect(40+mouse.x, -15+mouse.y, 15, 25, 8);

//mouth

noFill();

strokeWeight(12);

stroke(0);

arc(0, 0, 150, 120, PI/4, PI-PI/4);

popMatrix();

//text

textSize(25);

textAlign(CENTER);

text("Enjoy your hacking with\nProcessing!\n I am LSS.", width/2, height/2+100);
println("We are the super star .Love is enough for me");

}

粘贴复制，保存运行，如果你没有做任何改动的话，显示效果应该像下面这样：效果图片