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

这篇文章有什么价值？

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

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");

}

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

重头戏：文字打乱功能实现