losacii的博客

为什么我把题目的“教程”改成主题了呢？因为我写的程序参杂了许多我个人定制的功能，比如截图，简单的参考线函数，信息提示框，等等。把他们都原封不动列出来，看文章时导致不容易找到文章核心所在。最近学习程序的截图越来越多了，详细讲解步骤不如理解其思路。程序的特点就是你给上简单的规则，然后把一切交给计算机，它就给你产生出丰富多样的结果来。下面是最近一个正余弦函数程序的渐进完成过程。

怎样在平面上画出多个自转的图形个体呢？是各自的中心，而不是绕同一个中心旋转？The end.

实例1：加载图片把一张图片直接拖入编辑器界面，这样自动会在本程序项目文件夹下创建dada文件夹，图片被复制在dada目录下。float x;PImage p1;void setup(){ size(720,404); background(20); x = width; frameRate(16); p1 = loadImage("f3

我这是模仿钢铁侠的：

实例1：思路：在屏幕上循环地画多个圆弧，每个圆弧的坐标和形状参数逐渐改变；核心代码片段：while(i<100){ ellipse(100+0, 20+i*2, 100, 20); ellipse(270,

项目1：实用型黑客帝国文字应用。　　黑客帝国中的文字雨特效看起来够炫吧？但是其似乎只能让人欣赏其高深莫测。　　一味模仿前人的做法不可取，有所改进和创新，才是进步的关键所在！　　于是我想到，把这种方式实用化，让它显示你想显示的信息。　　今天学习了FunProgramming.org的文字简介，联想到其之前的淡出思路，这两点似乎可以用来做这个项目。

/* - - - - - - - - - - -- - - - - - - - - - - - - - - - - - 程序功能：    简易画图程序：    RGB三个按键改变颜色;    123三个按键改变粗细;    鼠标左键画线,右键保存图片;    SPACE键清屏. ---- 控制台输出操作反馈。 - - - - -

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(

代码简简单单，其他的工作就交给三角函数和电脑吧。动画截图：float sita;float x;void setup(){ fullScreen(); background(0); sita = 0.0; frameRate(20); strokeWeight(0.5);}void draw(){ noFill

首先定义一些辅助线函数，并且测试；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);}/

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

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

/* 介绍Processing中Modulo函数的改造。 Processing中的 % 运算符在计算负数时产生了我们不想要的结果： 比如 -3 % 800 结果是 -3 （一个物体从坐标2减少5，得到-3，我们希望它从右边屏幕797出现）； 就像Python语言一样，我们如果想要得到 797这个结果可以对其做如下改造： myMod()函数就可以实现和Python语言相

先看这个实例中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(){

一个物体在平面上移动的时候，其方向改变是渐进式的，三角函数提供了这个简易算法；核心代码列在信息框中：

从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

在编程概念中，所有的元素都是对象，对象有属性，方法，构造函数，而Processing的对象语法完全相同，看起来也极为简洁。实例1：在屏幕上显示一个随机偏移的图形对象；class JitterBug{    float x;    float y;    int diameter;    float speed = 10;    // 构造函数：创建对象时把初值加入；

创建了对象的类型后，可以创建多个对象，让他们共同产生随机行为。class JitterBug{ float x; float y; int diameter; float speed = 10; // 构造函数：创建对象时把初值加入； JitterBug(float tempX, float temp

本次内容开始之前，回答之前的一个问题：如何设置屏幕刷新率？  看到下面代码就明了了。实例1：int wh;void setup(){     size(640,220);   background(0);  frameRate(30); // 设置屏幕刷新率；}void draw(){  fill(0);  //stroke(25

程序的基本结构：void setup(){ size(640,220); background(60);}void draw(){ line(p1x,p1y,p2x,p2y);}void mousePressed(){ // do something}

根据noise函数的特性，猜想其原理：特点：它在一个范围内连续变化，但是每次变化是微小的变化；猜想构造这个函数：生成第一个随机数，比如是59；生成第二个数，是22，让22对59施加影响，把59数值下降，最终第二个数决定为：59 + （22 - 59）/ 100, 得到58点多的一个小数数值。第三个数同上算法。设想myNoise函数所需的参数：1. 范围 2.拉动系数

看看图片处理效果：代码：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

在void draw()函数中，使用background()函数，相当于屏幕刷新的效果；实例1：画一个简化的"飞碟"，让它渐渐地“飞”向鼠标。（距离越近，渐进越慢）float x,y;//x,y是圆心坐标float easing = 0.01;float diameterWidth = 32.0,    diameterHeight = 4.0;

Processing - 练习（1）目录Processing - 练习1目录实例1 - 在窗口划线条实例1 - 在窗口划线条 关键： 鼠标运行慢的时候，线条变粗； 快的时候线条变细；int wh;void setup(){ size(640,220); background(0);}void draw(){ fill(0); stroke(255);

黑体，14号字；  昨天算是初步介绍，今天开始系统地，从教基础的内容学习！  打开Processing,在菜单栏点击“帮助”“参考文档”即可打开一个学习文档。    在文档中查看详细的各种函数等功能介绍。    实例001：size(640,360);line(80,100,350,300);stroke(255,0,0);strokeWeight(5);li

写一个模拟比赛计时器，选手名次和时间记录：说明： text(）函数初步认识：共有3个参数，一个文本对象，两个坐标参数；textAlign(CENTER)  顾名思义，设置文本对齐方式；textWeight(32) 定义字符大小；// 定义变量；void setup(){ // 窗口初始化： size(720,404); textSize(64);

代码：int t = 0; void setup(){ size(500, 500); noStroke(); smooth(); background(0); frameRate(60);} void draw(){ fill(0, 1); rect(0, 0, width, height); // 通过不断叠加半透明的黑色矩形，使得所画

鼠标作为一组变量，可以控制其他变量，如颜色显示，坐标变换等等，下面是一个练习举例。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

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

/* - - - - - - - - - - -- - - - - - - - - - - - - - - - - - 程序功能： 重点语句： 1. 2. 3. 4. 5. - - - - - - - - - - -- - - - - - - - - - - - - - - - - - */class MyCircle{

首先用一个例子来复习练习之前学到的，并且了解画圆弧函数arc().实例1：圆弧移动动画。int radius = 40;float x = -radius;float speed = 0.5;void setup(){    size(720,240);    smooth();    ellipseMode(RADIUS);    frameRate(

实例1：在C盘下面放了一张图片heli.jpg；现在加载这个图片；PImage photo; // 声明图片变量；void setup() { size(720,404); photo = loadImage("C:\\heli.jpg"); // 图片变量赋值；}void draw() { image(photo, 0, 0); // 显示图片；}

本节介绍map函数的练习实例：下面map语句的意思为：把mouseX的0~width范围线性映射为60~180范围。赋值给mx；// 定义变量；void setup(){ // 窗口初始化： size(720,404); smooth(); stroke(0,202); // 变量初始值；}void draw(){

/* - - - - - - - - - - -- - - - - - - - - - - - - - - - - - 程序功能： 重点语句： 1.声明字体变量 ， PFont myFont; 2.赋值 myFont = createFont("Rajdhani Light",24); 3.加载 textFont(myFont);

Processing: 艺术家使用的计算机语言