processing完备教程
概述:processing在我眼里就是libgdx的高度封装,如果各位会libgdx,学processing应该可以说是无师自通,固然processing是java语言那里的。processing是什么?
官网是这样解释的:Processing 是一本机动的软件速写本,也是一种用于学习怎样编码的语言。自 2001 年以来,Processing 不停在促进视觉艺术中的软件素养和技术中的视觉素养。有数以万计的学生、艺术家、计划师、研究人员和业余爱好者利用处理惩罚进行学习和原型计划。
实在我觉得就不能算是语言,顶多是java的libgdx的高度封装
那为什么要学processing?
对于我来说,java找不到工作了,预备躺平了,正巧爱好就是游戏,看了一眼processing,便迷住了。
目录
第一步:下载processing
第二步:启动processing
第三步:开始玩转processing
画个窗口
输出"Hello World"
规范格式
移动小球案例
惯例写法,规范类
第四步:认识颜色
颜色根据位置变动的小球案例
第一步:下载processing
官网:欢迎来到 Processing!/ Processing.org
https://i-blog.csdnimg.cn/blog_migrate/efc102d4c1f4c435917a3ad9d09feb00.png
点击下载最新版即可。
第二步:启动processing
https://i-blog.csdnimg.cn/blog_migrate/273c38f87ebb7e57835b1c03a127d471.png
点击exe文件即可启动processing
第三步:开始玩转processing
https://i-blog.csdnimg.cn/blog_migrate/65b2b359aabd5f564b42324bef7b7799.png
画个窗口
size(680,320); https://i-blog.csdnimg.cn/blog_migrate/a592b7dfd545e4f094cb61142df91fdf.png
输出"Hello World"
size(680,320);
background(0);
textSize(64);
textAlign(CENTER);
text("Hello World", 200, 200); https://i-blog.csdnimg.cn/blog_migrate/a6b325f1be8933ca43125834ff2b3ef9.png
规范格式
正如我说的,这个是libgdx的高度封装,以是会有很多libgdx的内置函数。一样寻常我们要按照libgdx格式规范
void setup() {
size(680, 320);
background(0);
}
void draw() {
textSize(64);
textAlign(CENTER);
text("Hello World", 200, 200);
}
https://i-blog.csdnimg.cn/blog_migrate/f02687232dce8c6fd1386c8bb5b2701e.png
现在,我来解说一下这个格式,setup函数是只执行一次,通常用于初始化,而draw函数则是无限次执行,里面有一个while循环,只要程序没有中断,就会不断的draw。
移动小球案例
正如我之前说的,程序会不断的draw,在draw过程中,改变小球的位置,就能实现移动
float circleX,circleY;
void setup() {
circleX=0;
circleY=0;
size(680, 320);
background(0);
}
void draw() {
circle(circleX, circleY, 20);
circleX+=5;
circleY+=5;
}
https://i-blog.csdnimg.cn/blog_migrate/cdac7857344c311d27214d58d735263a.png
正如我说的会不断的画⚪,但是会有很多的小球,办理这个标题也很简单,就在画的前面设置一下配景,用配景覆盖一下原先的小球即可
float circleX, circleY;
void setup() {
circleX=0;
circleY=0;
size(680, 320);
background(0);
}
void draw() {
background(0);
circle(circleX, circleY, 20);
circleX+=5;
circleY+=5;
}
惯例写法,规范类
可以将class全部定义到一个文件里面,但是这样会导致混乱。就像下面一样
https://i-blog.csdnimg.cn/blog_migrate/99c0052ee0257a754e4da9d43329a880.png
一样寻常来说,将差别的类,差别的事物放到差别的文件上,这样会更美观
点击上面谁人三角形
https://i-blog.csdnimg.cn/blog_migrate/634b4930cb22a76a75b41c52a2daee55.png
https://i-blog.csdnimg.cn/blog_migrate/855bea2464e5b0d27e2d85471c9a9532.png
https://i-blog.csdnimg.cn/blog_migrate/4f3c3a76fe1e3da4eed8a117200eb502.png
然后就可以把⚪这个对象,和我主类区开
主类写:
BoxA boxA;
void setup() {
boxA=new BoxA(0,0,20);
size(680, 320);
background(0);
}
void draw() {
background(0);
boxA.show();
boxA.move(5,5);
}
https://i-blog.csdnimg.cn/blog_migrate/94e942c75d6c6baa2e9afd8ef30c4311.png
⚪类写:
class BoxA{
float circleY=0;
float circleX=0;
float circleR=0;
public BoxA(float x,float y,float r){
this.circleY=y;
this.circleX=x;
this.circleR=r;
}
public void show(){
circle(circleX,circleY,circleR);
}
public void move(float xspeed,float yspeed){
circleY+=yspeed;
circleX+=xspeed;
}
} https://i-blog.csdnimg.cn/blog_migrate/c342b602d12d72ff1638a7e7d239d149.png
运行结果和之前一模一样
第四步:认识颜色
在processing有灰度和RGB颜色区分
灰度:就是0到255,由暗转明
RGB:则是red、green、blue三种颜色,对应的参数范围也是从0到255
颜色根据位置变动的小球案例
只要在其show方法里面画小球的前面加个填充RGB,即可
https://i-blog.csdnimg.cn/blog_migrate/d0216d711b43bc5ee9a5b94c9c79da71.png
看到这里了,信任你是乐意学的,保举一下我的libgdx教程
nanshaws/LibgdxTutorial: libgdx 教程项目 本项目旨在提供完备的libgdx桌面教程,帮助开发者快速把握libgdx游戏开发框架的利用。 (github.com)xhttps://i-blog.csdnimg.cn/blog_migrate/003a2ce7eb50c2e24a8c624c260c5930.pnghttps://github.com/nanshaws/LibgdxTutorial
第五步:学会打印
有时间必要调试bug,这个时间就要学会打印输出到控制台
println(boxA.circleX); 就单纯的println即可,数字就会打印到控制台上。
https://i-blog.csdnimg.cn/blog_migrate/b9d737f0909bd8641e7eb3442d5fb422.png
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页:
[1]