![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Processing Language
文章平均质量分 50
losacii
时间不会回头,每一秒不会重复。
展开
-
Processing 主题(18)正余弦带来的酷图
为什么我把题目的“教程”改成主题了呢?因为我写的程序参杂了许多我个人定制的功能,比如截图,简单的参考线函数,信息提示框,等等。把他们都原封不动列出来,看文章时导致不容易找到文章核心所在。最近学习程序的截图越来越多了,详细讲解步骤不如理解其思路。程序的特点就是你给上简单的规则,然后把一切交给计算机,它就给你产生出丰富多样的结果来。下面是最近一个正余弦函数程序的渐进完成过程。原创 2015-09-16 09:07:18 · 2195 阅读 · 0 评论 -
Processing 教程(15)- 多个自转个体(resetMatrix)
怎样在平面上画出多个自转的图形个体呢?是各自的中心,而不是绕同一个中心旋转?The end.原创 2015-09-15 22:22:05 · 3573 阅读 · 0 评论 -
Processing 教程(16)- 图片加载和处理
实例1:加载图片把一张图片直接拖入编辑器界面,这样自动会在本程序项目文件夹下创建dada文件夹,图片被复制在dada目录下。float x;PImage p1;void setup(){ size(720,404); background(20); x = width; frameRate(16); p1 = loadImage("f3原创 2015-09-14 22:21:13 · 22350 阅读 · 1 评论 -
项目2:科幻信息面板
我这是模仿钢铁侠的:原创 2015-09-12 16:29:19 · 1195 阅读 · 0 评论 -
Processing 教程(14) - 渐进地认识While Loop!
实例1:思路:在屏幕上循环地画多个圆弧,每个圆弧的坐标和形状参数逐渐改变;核心代码片段:while(i<100){ ellipse(100+0, 20+i*2, 100, 20); ellipse(270,原创 2015-09-14 22:54:34 · 2212 阅读 · 0 评论 -
项目1:实用化黑客帝国字幕雨!
项目1:实用型黑客帝国文字应用。 黑客帝国中的文字雨特效看起来够炫吧?但是其似乎只能让人欣赏其高深莫测。 一味模仿前人的做法不可取,有所改进和创新,才是进步的关键所在! 于是我想到,把这种方式实用化,让它显示你想显示的信息。 今天学习了FunProgramming.org的文字简介,联想到其之前的淡出思路,这两点似乎可以用来做这个项目。原创 2015-09-10 13:09:37 · 3848 阅读 · 0 评论 -
练习(11) - 简易画图程序
/* - - - - - - - - - - -- - - - - - - - - - - - - - - - - - 程序功能: 简易画图程序: RGB三个按键改变颜色; 123三个按键改变粗细; 鼠标左键画线,右键保存图片; SPACE键清屏. ---- 控制台输出操作反馈。 - - - - -原创 2015-09-09 23:19:22 · 1598 阅读 · 0 评论 -
Processing 教程(13) 我的3D开山之作!
float t;void setup(){size(720,404, P3D);//fullScreen(P3D);t=0;}void draw(){ background(20); noFill(); stroke(#74F599); lights(); translate(width/2, height/2, 200 * sin(t)); rotateY(原创 2015-09-09 15:30:49 · 4429 阅读 · 0 评论 -
Processing 练习(6)- 模拟电磁场 - 三角函数应用
代码简简单单,其他的工作就交给三角函数和电脑吧。动画截图:float sita;float x;void setup(){ fullScreen(); background(0); sita = 0.0; frameRate(20); strokeWeight(0.5);}void draw(){ noFill原创 2015-09-07 19:56:04 · 1861 阅读 · 0 评论 -
Processing 教程(7) - 平移、旋转、放缩
首先定义一些辅助线函数,并且测试;float cm = 3.767;void setup(){ size(720,404); frameRate(2);}// 画垂直线的函数,参数为x;void lineX(float x){ line(x,0,x,height); text(">"+str(x),x,30);}/原创 2015-09-07 20:20:26 · 17816 阅读 · 0 评论 -
Processing 练习(10) - 条形码
float x = 0;void setup() { size(400, 400); background(255); stroke(255);}void draw() { line(x, 200, x, 100); x = x + 1; if (x > width) { x = 0; } // sometimes we decide to ch原创 2015-09-11 20:25:28 · 1261 阅读 · 0 评论 -
Processing 教程(17) - Lerp and Lerp
Lerp函数:lerp(a,b,c)参数有3个,返回值为a +(b-a)*c.意思就是从a向b,渐进。// Default Variablesint frameSpeed;float t;// User Variables --------------------------float x,y,x1,y1;void setup(){ size(720,404);原创 2015-09-15 22:15:02 · 1814 阅读 · 0 评论 -
Processing 主题(20)Modulo函数的改造
/* 介绍Processing中Modulo函数的改造。 Processing中的 % 运算符在计算负数时产生了我们不想要的结果: 比如 -3 % 800 结果是 -3 (一个物体从坐标2减少5,得到-3,我们希望它从右边屏幕797出现); 就像Python语言一样,我们如果想要得到 797这个结果可以对其做如下改造: myMod()函数就可以实现和Python语言相原创 2015-09-17 21:14:40 · 1464 阅读 · 0 评论 -
Processing 主题(21)color关键字
先看这个实例中color类型和color()函数的使用;color orange = #F56936;// 这句话的color是数据类型;//而color作为函数,会返回一个color类型的值color black = color(0,0,0);color dark = color(20);color white = color(0,0,255);void setup(){原创 2015-09-19 09:16:17 · 2174 阅读 · 1 评论 -
Processing 主题(19)前进方向的改变
一个物体在平面上移动的时候,其方向改变是渐进式的,三角函数提供了这个简易算法;核心代码列在信息框中:原创 2015-09-17 07:07:25 · 1465 阅读 · 0 评论 -
Processing 练习(7)- 抽象空间_欣赏_000
从openProcessing.org上面拷来的一个抽象平面图代码:/* Based on CREATIVE CODING course, MONASH UNIVERSITY MOVE CIRCLES IN A STRIGHT LINE AND CONSTRAIN TO SURFACE. IF TWO CIRCLES INTERSECT DRAW A LINE CONNE原创 2015-09-09 11:12:41 · 2490 阅读 · 0 评论 -
Processing 教程(9)面向对象 - 从未如此明了
在编程概念中,所有的元素都是对象,对象有属性,方法,构造函数,而Processing的对象语法完全相同,看起来也极为简洁。实例1:在屏幕上显示一个随机偏移的图形对象;class JitterBug{ float x; float y; int diameter; float speed = 10; // 构造函数:创建对象时把初值加入;原创 2015-09-06 20:14:12 · 3634 阅读 · 0 评论 -
Processing 教程(10)- 多个对象的行为
创建了对象的类型后,可以创建多个对象,让他们共同产生随机行为。class JitterBug{ float x; float y; int diameter; float speed = 10; // 构造函数:创建对象时把初值加入; JitterBug(float tempX, float temp原创 2015-09-07 19:53:49 · 3996 阅读 · 0 评论 -
Processing 教程(2) - 鼠标、键盘事件、条件选择、屏幕宽高
本次内容开始之前,回答之前的一个问题:如何设置屏幕刷新率? 看到下面代码就明了了。实例1:int wh;void setup(){ size(640,220); background(0); frameRate(30); // 设置屏幕刷新率;}void draw(){ fill(0); //stroke(25原创 2015-09-01 20:11:44 · 14837 阅读 · 0 评论 -
Processing(2) - 练习
程序的基本结构:void setup(){ size(640,220); background(60);}void draw(){ line(p1x,p1y,p2x,p2y);}void mousePressed(){ // do something}原创 2015-09-02 11:58:28 · 3818 阅读 · 0 评论 -
Processing 教程(11) - 三角函数的魅力 - 波形
根据noise函数的特性,猜想其原理:特点:它在一个范围内连续变化,但是每次变化是微小的变化;猜想构造这个函数:生成第一个随机数,比如是59;生成第二个数,是22,让22对59施加影响,把59数值下降,最终第二个数决定为:59 + (22 - 59)/ 100, 得到58点多的一个小数数值。第三个数同上算法。设想myNoise函数所需的参数:1. 范围 2.拉动系数原创 2015-09-10 01:40:30 · 3946 阅读 · 0 评论 -
Processing 教程(8)- 图像处理:抽象椭圆点阵
看看图片处理效果:代码:PImage origin, pic;int diamt;int spacing;void setup(){ size(960, 540, P2D); origin=loadImage("C:\\helecopter.jpg"); pic= loadImage("C:\\helecopter.jpg"); pic.filter(THR原创 2015-09-06 17:21:27 · 4464 阅读 · 0 评论 -
Processing - 练习(3)"飞碟追踪" - (渐进、延迟效果)
在void draw()函数中,使用background()函数,相当于屏幕刷新的效果;实例1:画一个简化的"飞碟",让它渐渐地“飞”向鼠标。(距离越近,渐进越慢)float x,y;//x,y是圆心坐标float easing = 0.01;float diameterWidth = 32.0, diameterHeight = 4.0;原创 2015-09-03 22:10:53 · 4615 阅读 · 0 评论 -
Processing(1) - 练习
Processing - 练习(1)目录Processing - 练习1目录实例1 - 在窗口划线条实例1 - 在窗口划线条 关键: 鼠标运行慢的时候,线条变粗; 快的时候线条变细;int wh;void setup(){ size(640,220); background(0);}void draw(){ fill(0); stroke(255);原创 2015-09-02 12:36:09 · 1811 阅读 · 0 评论 -
Processing 教程(1) - 基本绘图、变量、随机变量
黑体,14号字; 昨天算是初步介绍,今天开始系统地,从教基础的内容学习! 打开Processing,在菜单栏点击“帮助”“参考文档”即可打开一个学习文档。 在文档中查看详细的各种函数等功能介绍。 实例001:size(640,360);line(80,100,350,300);stroke(255,0,0);strokeWeight(5);li原创 2015-09-01 11:49:50 · 20311 阅读 · 4 评论 -
Processing 教程(4) - text文本显示
写一个模拟比赛计时器,选手名次和时间记录:说明: text()函数初步认识:共有3个参数,一个文本对象,两个坐标参数;textAlign(CENTER) 顾名思义,设置文本对齐方式;textWeight(32) 定义字符大小;// 定义变量;void setup(){ // 窗口初始化: size(720,404); textSize(64);原创 2015-09-05 15:39:57 · 14511 阅读 · 2 评论 -
Processing 练习(5)- Random bubbles fade out!!
代码:int t = 0; void setup(){ size(500, 500); noStroke(); smooth(); background(0); frameRate(60);} void draw(){ fill(0, 1); rect(0, 0, width, height); // 通过不断叠加半透明的黑色矩形,使得所画原创 2015-09-07 10:21:36 · 1307 阅读 · 0 评论 -
Processing 练习(4) - 鼠标控制颜色
鼠标作为一组变量,可以控制其他变量,如颜色显示,坐标变换等等,下面是一个练习举例。void setup(){ size(720,404); frameRate(30); for(int k =0; k <= height; k++){ for(int i = 0; i <= width;i++) { stroke(255 * i / width, 255 * k原创 2015-09-06 22:30:52 · 8558 阅读 · 0 评论 -
Processing 练习(9)- 彩色二维码
float t;float x,y;void setup(){ size(360,202); frameRate(50); colorMode(HSB); background(20); stroke(255,0,0,100); strokeWeight(0.3); // t = 0; x = 0;}void dr原创 2015-09-09 13:57:21 · 1622 阅读 · 0 评论 -
Processing 练习(8)- 彩虹 - (HSB/Random/filter_BLUR)
/* - - - - - - - - - - -- - - - - - - - - - - - - - - - - - 程序功能: 重点语句: 1. 2. 3. 4. 5. - - - - - - - - - - -- - - - - - - - - - - - - - - - - - */class MyCircle{原创 2015-09-09 13:31:41 · 3266 阅读 · 0 评论 -
Processing 教程(6) - 计时器、三角函数
首先用一个例子来复习练习之前学到的,并且了解画圆弧函数arc().实例1:圆弧移动动画。int radius = 40;float x = -radius;float speed = 0.5;void setup(){ size(720,240); smooth(); ellipseMode(RADIUS); frameRate(原创 2015-09-05 15:52:27 · 8992 阅读 · 0 评论 -
Processing 教程(5) - 媒体(图片,音频,视频) 文本再次学习
实例1:在C盘下面放了一张图片heli.jpg;现在加载这个图片;PImage photo; // 声明图片变量;void setup() { size(720,404); photo = loadImage("C:\\heli.jpg"); // 图片变量赋值;}void draw() { image(photo, 0, 0); // 显示图片;}原创 2015-09-04 16:52:41 · 4488 阅读 · 3 评论 -
Processing 教程(3): map()函数的线性映射
本节介绍map函数的练习实例:下面map语句的意思为:把mouseX的0~width范围线性映射为60~180范围。赋值给mx;// 定义变量;void setup(){ // 窗口初始化: size(720,404); smooth(); stroke(0,202); // 变量初始值;}void draw(){原创 2015-09-05 15:39:21 · 9288 阅读 · 0 评论 -
Processing 教程(12) - 快与慢:两个圆弧的运动
/* - - - - - - - - - - -- - - - - - - - - - - - - - - - - - 程序功能: 重点语句: 1.声明字体变量 , PFont myFont; 2.赋值 myFont = createFont("Rajdhani Light",24); 3.加载 textFont(myFont);原创 2015-09-09 02:06:49 · 4931 阅读 · 0 评论 -
Processing 教程(0): Get started!
Processing: 艺术家使用的计算机语言原创 2015-08-31 22:50:04 · 1706 阅读 · 0 评论