SlideShare uma empresa Scribd logo
1 de 26
numbers[0]


                              numbers[1]


                              numbers[2]
int[] numbers = new int[5];
                              numbers[3]


                              numbers[4]


                              numbers[5]
int BALL_NUM = 100;                           //
float[] x = new float[BALL_NUM];                   void draw(){
float[] y = new float[BALL_NUM];                   	   background(0,0,20);
float[] xSpeed = new float[BALL_NUM];              	   for(int i=0; i<BALL_NUM; i++){
float[] ySpeed = new float[BALL_NUM];              	   	     fill(bColor[i]);
float[] bSize = new float[BALL_NUM];               	   	     ellipse(x[i],y[i],bSize[i],bSize[i]);
color[] bColor = new color[BALL_NUM];              	   	     x[i] += xSpeed[i];
                                                   	   	     y[i] += ySpeed[i];
//                                                 	   	     if(x[i] > width || x[i] < 0){
void setup(){                                      	   	     	    xSpeed[i] *= -1;
	   size(480,480);                                 	   	     }
	   smooth();                                      	   	     if(y[i] > height || y[i] < 0){
	   frameRate(30);                                 	   	     	    ySpeed[i] *= -1;
	   colorMode(HSB,360,100,100,100);                	   	     }
	   noStroke();                                    	   }
	   for(int i=0; i<BALL_NUM; i++){                 }
	   	     x[i] = random(width);
	   	     y[i] = random(height);
	   	     xSpeed[i] = random(-10,10);
	   	     ySpeed[i] = random(-10,10);
	   	     bSize[i] = random(20,60);
	   	     bColor[i] =
color(random(200,240),random(80,100),random(80,1
00),70);
	   }
}
int BAR_NUM = 100;                                    rect(x[i],0,bWidth[i],height);
float[] x = new float[BAR_NUM];                            x[i] += xSpeed[i];
float[] xSpeed = new float[BAR_NUM];                       if(x[i] > width || x[i] < -bWidth[i]){
float[] bWidth = new float[BAR_NUM];                         xSpeed[i] *= -1;
color[] bColor = new color[BAR_NUM];                       }
                                                       }
//                                                 }
void setup(){
  size(640,240);
  frameRate(30);
  smooth();
  colorMode(HSB,360,100,100,100);
  noStroke();
  for(int i=0; i<BAR_NUM; i++){
    x[i] = random(width);
    xSpeed[i] = random(-1,1);
    bWidth[i] = random(2,200);
    bColor[i] =
color(random(360),random(90,100),random(50,100),
20);
  }
}

//
void draw(){
  background(0);
  for(int i=0; i<BAR_NUM; i++){
    fill(bColor[i]);
float x, y, cx, cy;                        ellipse(x, y, bSize, bSize);
float angle, radius, aSpeed, bSize;         }

//                                          //
void setup(){                               void drawFade(){
  size(480,480);                              noStroke();
  colorMode(HSB, 360,100,100,100);            fill(0,0,0,5);
  background(0);                              rect(0,0,width,height);
  noFill();                                 }
  frameRate(30);
  smooth();
  cx = width/2;
  cy = height/2;
  angle = 0;
  radius = 160;
  aSpeed = 2;
  bSize = 20;
}

//
void draw(){
  drawFade();
  //
 x = cx + (radius * sin(radians(angle)));
 y = cx + (radius * cos(radians(angle)));
 angle += aSpeed;
 noFill();
 stroke(240,100,100);
int NUM = 32;                                           y[i] = cx + (radius * cos(radians(angle[i])));
float cx, cy, radius, maxSpeed, maxSize;                     angle[i] += thisSpeed;
float[] x = new float[NUM];                                  noFill();
float[] y = new float[NUM];                                  stroke(240,100,100);
float[] angle = new float[NUM];                              ellipse(x[i], y[i], thisSize, thisSize);
                                                         }
void setup(){                                        }
  size(480,480);
  colorMode(HSB, 360,100,100,100);                   void drawFade(){
  background(0);                                       noStroke();
  noFill();                                            fill(0,0,0,10);
  frameRate(30);                                       rect(0,0,width,height);
  smooth();                                          }
  cx = width/2;
  cy = height/2;
  radius = 100;
  maxSpeed = 3;
  maxSize = 200;
  for(int i=0; i<NUM; i++){
    angle[i] = 0;
  }
}

void draw(){
  drawFade();
  for(int i=0; i<NUM; i++){
    float thisSpeed = (maxSpeed / NUM) * i;
    float thisSize = (maxSize / NUM) * i;
    x[i] = cx + (radius * sin(radians(angle[i])));
int NUM = 256;                               x[i] = cx + (radius *
float cx, cy, radius, maxSpeed, maxSize;      sin(radians(angle[i])));
float[] x = new float[NUM];                       y[i] = cx + (radius *
float[] y = new float[NUM];                   cos(radians(angle[i])));
float[] angle = new float[NUM];                   angle[i] += thisSpeed;
                                                  noFill();
void setup(){                                     stroke(240,100,100,5);
  size(480,480);                                  ellipse(x[i], y[i], thisSize, thisSize);
  colorMode(HSB, 360,100,100,100);              }
  background(0);                              }
  noFill();
  frameRate(30);                              void drawFade(){
  smooth();                                     noStroke();
  cx = width/2;                                 fill(0,0,0,5);
  cy = height/2;                                rect(0,0,width,height);
  radius = 100;                               }
  maxSpeed = 1;
  maxSize = 200;
  for(int i=0; i<NUM; i++){
    angle[i] = 0;
  }
}

void draw(){
  drawFade();
  for(int i=0; i<NUM; i++){
    float thisSpeed = (maxSpeed / NUM) * i+
maxSpeed/5;
    float thisSize = (maxSize / NUM) * i;

Mais conteúdo relacionado

Mais procurados

Processing資料(5) 正弦波と極座標
Processing資料(5) 正弦波と極座標Processing資料(5) 正弦波と極座標
Processing資料(5) 正弦波と極座標reona396
 
Know more processing
Know more processingKnow more processing
Know more processingYukiAizawa1
 
Public string sacar
Public string sacarPublic string sacar
Public string sacaronlyhenry
 
Basics of Computer graphics lab
Basics of Computer graphics labBasics of Computer graphics lab
Basics of Computer graphics labPriya Goyal
 
Introduction to programming class 13
Introduction to programming   class 13Introduction to programming   class 13
Introduction to programming class 13Paul Brebner
 
Wap in c to draw a line using DDA algorithm
Wap in c to draw a line using DDA algorithmWap in c to draw a line using DDA algorithm
Wap in c to draw a line using DDA algorithmKapil Pandit
 
2Bytesprog2 course_2014_c9_graph
2Bytesprog2 course_2014_c9_graph2Bytesprog2 course_2014_c9_graph
2Bytesprog2 course_2014_c9_graphkinan keshkeh
 
PYTHON PROGRAMS FOR BEGINNERS
PYTHON PROGRAMS FOR BEGINNERSPYTHON PROGRAMS FOR BEGINNERS
PYTHON PROGRAMS FOR BEGINNERSJEETPRATAPSINGH
 
Introduction to Processing and creative coding
Introduction to Processing and creative codingIntroduction to Processing and creative coding
Introduction to Processing and creative codingJerome Herr
 
Computer Graphics Lab File C Programs
Computer Graphics Lab File C ProgramsComputer Graphics Lab File C Programs
Computer Graphics Lab File C ProgramsKandarp Tiwari
 
Computer graphics lab manual
Computer graphics lab manualComputer graphics lab manual
Computer graphics lab manualUma mohan
 
Создание картограмм на принципах грамматики графики. С помощью R-расширения g...
Создание картограмм на принципах грамматики графики. С помощью R-расширения g...Создание картограмм на принципах грамматики графики. С помощью R-расширения g...
Создание картограмм на принципах грамматики графики. С помощью R-расширения g...Matrunich Consulting
 
Tools for research plotting
Tools for research plottingTools for research plotting
Tools for research plottingNimrita Koul
 
Artdm170 Week10 Arrays Math
Artdm170 Week10 Arrays MathArtdm170 Week10 Arrays Math
Artdm170 Week10 Arrays MathGilbert Guerrero
 
10CSL67 CG LAB PROGRAM 4
10CSL67 CG LAB PROGRAM 410CSL67 CG LAB PROGRAM 4
10CSL67 CG LAB PROGRAM 4Vanishree Arun
 
computer graphics practicals
computer graphics practicalscomputer graphics practicals
computer graphics practicalsManoj Chauhan
 

Mais procurados (17)

Processing資料(5) 正弦波と極座標
Processing資料(5) 正弦波と極座標Processing資料(5) 正弦波と極座標
Processing資料(5) 正弦波と極座標
 
Know more processing
Know more processingKnow more processing
Know more processing
 
Public string sacar
Public string sacarPublic string sacar
Public string sacar
 
Basics of Computer graphics lab
Basics of Computer graphics labBasics of Computer graphics lab
Basics of Computer graphics lab
 
Introduction to programming class 13
Introduction to programming   class 13Introduction to programming   class 13
Introduction to programming class 13
 
Wap in c to draw a line using DDA algorithm
Wap in c to draw a line using DDA algorithmWap in c to draw a line using DDA algorithm
Wap in c to draw a line using DDA algorithm
 
2Bytesprog2 course_2014_c9_graph
2Bytesprog2 course_2014_c9_graph2Bytesprog2 course_2014_c9_graph
2Bytesprog2 course_2014_c9_graph
 
PYTHON PROGRAMS FOR BEGINNERS
PYTHON PROGRAMS FOR BEGINNERSPYTHON PROGRAMS FOR BEGINNERS
PYTHON PROGRAMS FOR BEGINNERS
 
Introduction to Processing and creative coding
Introduction to Processing and creative codingIntroduction to Processing and creative coding
Introduction to Processing and creative coding
 
Energía
EnergíaEnergía
Energía
 
Computer Graphics Lab File C Programs
Computer Graphics Lab File C ProgramsComputer Graphics Lab File C Programs
Computer Graphics Lab File C Programs
 
Computer graphics lab manual
Computer graphics lab manualComputer graphics lab manual
Computer graphics lab manual
 
Создание картограмм на принципах грамматики графики. С помощью R-расширения g...
Создание картограмм на принципах грамматики графики. С помощью R-расширения g...Создание картограмм на принципах грамматики графики. С помощью R-расширения g...
Создание картограмм на принципах грамматики графики. С помощью R-расширения g...
 
Tools for research plotting
Tools for research plottingTools for research plotting
Tools for research plotting
 
Artdm170 Week10 Arrays Math
Artdm170 Week10 Arrays MathArtdm170 Week10 Arrays Math
Artdm170 Week10 Arrays Math
 
10CSL67 CG LAB PROGRAM 4
10CSL67 CG LAB PROGRAM 410CSL67 CG LAB PROGRAM 4
10CSL67 CG LAB PROGRAM 4
 
computer graphics practicals
computer graphics practicalscomputer graphics practicals
computer graphics practicals
 

Semelhante a Proga 0518

[3] 프로세싱과 아두이노
[3] 프로세싱과 아두이노[3] 프로세싱과 아두이노
[3] 프로세싱과 아두이노Chiwon Song
 
ARTDM 170, Week 13: Text Elements + Arrays
ARTDM 170, Week 13: Text Elements + ArraysARTDM 170, Week 13: Text Elements + Arrays
ARTDM 170, Week 13: Text Elements + ArraysGilbert Guerrero
 
Exploring Canvas
Exploring CanvasExploring Canvas
Exploring CanvasKevin Hoyt
 
ARTDM 170, Week10: Arrays + Using Randomization
ARTDM 170, Week10: Arrays + Using RandomizationARTDM 170, Week10: Arrays + Using Randomization
ARTDM 170, Week10: Arrays + Using RandomizationGilbert Guerrero
 
Creative Coding 1 - 2 Variables
Creative Coding 1 - 2 VariablesCreative Coding 1 - 2 Variables
Creative Coding 1 - 2 VariablesTill Nagel
 
NewTetrisScore.cppNewTetrisScore.cpp newTetris.cpp  Defines t.docx
NewTetrisScore.cppNewTetrisScore.cpp newTetris.cpp  Defines t.docxNewTetrisScore.cppNewTetrisScore.cpp newTetris.cpp  Defines t.docx
NewTetrisScore.cppNewTetrisScore.cpp newTetris.cpp  Defines t.docxcurwenmichaela
 
ARTDM 170, Week13: Processing
ARTDM 170, Week13: ProcessingARTDM 170, Week13: Processing
ARTDM 170, Week13: ProcessingGilbert Guerrero
 
Programa expresiones regulares
Programa expresiones regularesPrograma expresiones regulares
Programa expresiones regularesAnel Sosa
 
Creating an Uber Clone - Part VIII - Transcript.pdf
Creating an Uber Clone - Part VIII - Transcript.pdfCreating an Uber Clone - Part VIII - Transcript.pdf
Creating an Uber Clone - Part VIII - Transcript.pdfShaiAlmog1
 
draw a sphere and use raytracing on the sphere in OpenGL glut. .pdf
 draw a sphere and use raytracing on the sphere in OpenGL glut. .pdf draw a sphere and use raytracing on the sphere in OpenGL glut. .pdf
draw a sphere and use raytracing on the sphere in OpenGL glut. .pdfaquacosmossystems
 

Semelhante a Proga 0518 (20)

Kwp2 100121
Kwp2 100121Kwp2 100121
Kwp2 100121
 
[3] 프로세싱과 아두이노
[3] 프로세싱과 아두이노[3] 프로세싱과 아두이노
[3] 프로세싱과 아두이노
 
Proga 0622
Proga 0622Proga 0622
Proga 0622
 
Kwp2 100114
Kwp2 100114Kwp2 100114
Kwp2 100114
 
ARTDM 170, Week 13: Text Elements + Arrays
ARTDM 170, Week 13: Text Elements + ArraysARTDM 170, Week 13: Text Elements + Arrays
ARTDM 170, Week 13: Text Elements + Arrays
 
Proga 0629
Proga 0629Proga 0629
Proga 0629
 
Exploring Canvas
Exploring CanvasExploring Canvas
Exploring Canvas
 
Include
IncludeInclude
Include
 
Kwp2 100107
Kwp2 100107Kwp2 100107
Kwp2 100107
 
ARTDM 170, Week10: Arrays + Using Randomization
ARTDM 170, Week10: Arrays + Using RandomizationARTDM 170, Week10: Arrays + Using Randomization
ARTDM 170, Week10: Arrays + Using Randomization
 
Creative Coding 1 - 2 Variables
Creative Coding 1 - 2 VariablesCreative Coding 1 - 2 Variables
Creative Coding 1 - 2 Variables
 
NewTetrisScore.cppNewTetrisScore.cpp newTetris.cpp  Defines t.docx
NewTetrisScore.cppNewTetrisScore.cpp newTetris.cpp  Defines t.docxNewTetrisScore.cppNewTetrisScore.cpp newTetris.cpp  Defines t.docx
NewTetrisScore.cppNewTetrisScore.cpp newTetris.cpp  Defines t.docx
 
ARTDM 170, Week13: Processing
ARTDM 170, Week13: ProcessingARTDM 170, Week13: Processing
ARTDM 170, Week13: Processing
 
Programa expresiones regulares
Programa expresiones regularesPrograma expresiones regulares
Programa expresiones regulares
 
Graphical representation of Stack
Graphical representation of StackGraphical representation of Stack
Graphical representation of Stack
 
week-23x
week-23xweek-23x
week-23x
 
graphics Assidnment
graphics Assidnmentgraphics Assidnment
graphics Assidnment
 
Creating an Uber Clone - Part VIII - Transcript.pdf
Creating an Uber Clone - Part VIII - Transcript.pdfCreating an Uber Clone - Part VIII - Transcript.pdf
Creating an Uber Clone - Part VIII - Transcript.pdf
 
draw a sphere and use raytracing on the sphere in OpenGL glut. .pdf
 draw a sphere and use raytracing on the sphere in OpenGL glut. .pdf draw a sphere and use raytracing on the sphere in OpenGL glut. .pdf
draw a sphere and use raytracing on the sphere in OpenGL glut. .pdf
 
Seg code
Seg codeSeg code
Seg code
 

Mais de Atsushi Tadokoro

「クリエイティブ・ミュージック・コーディング」- オーディオ・ビジュアル作品のための、オープンソースなソフトウエア・フレームワークの現状と展望
「クリエイティブ・ミュージック・コーディング」- オーディオ・ビジュアル作品のための、オープンソースなソフトウエア・フレームワークの現状と展望「クリエイティブ・ミュージック・コーディング」- オーディオ・ビジュアル作品のための、オープンソースなソフトウエア・フレームワークの現状と展望
「クリエイティブ・ミュージック・コーディング」- オーディオ・ビジュアル作品のための、オープンソースなソフトウエア・フレームワークの現状と展望Atsushi Tadokoro
 
プログラム初級講座 - メディア芸術をはじめよう
プログラム初級講座 - メディア芸術をはじめようプログラム初級講座 - メディア芸術をはじめよう
プログラム初級講座 - メディア芸術をはじめようAtsushi Tadokoro
 
Interactive Music II ProcessingとSuperColliderの連携 -2
Interactive Music II ProcessingとSuperColliderの連携 -2Interactive Music II ProcessingとSuperColliderの連携 -2
Interactive Music II ProcessingとSuperColliderの連携 -2Atsushi Tadokoro
 
coma Creators session vol.2
coma Creators session vol.2coma Creators session vol.2
coma Creators session vol.2Atsushi Tadokoro
 
Interactive Music II ProcessingとSuperColliderの連携1
Interactive Music II ProcessingとSuperColliderの連携1Interactive Music II ProcessingとSuperColliderの連携1
Interactive Music II ProcessingとSuperColliderの連携1Atsushi Tadokoro
 
Interactive Music II Processingによるアニメーション
Interactive Music II ProcessingによるアニメーションInteractive Music II Processingによるアニメーション
Interactive Music II ProcessingによるアニメーションAtsushi Tadokoro
 
Interactive Music II Processing基本
Interactive Music II Processing基本Interactive Music II Processing基本
Interactive Music II Processing基本Atsushi Tadokoro
 
Interactive Music II SuperCollider応用 2 - SuperColliderとPure Dataの連携
Interactive Music II SuperCollider応用 2 - SuperColliderとPure Dataの連携Interactive Music II SuperCollider応用 2 - SuperColliderとPure Dataの連携
Interactive Music II SuperCollider応用 2 - SuperColliderとPure Dataの連携Atsushi Tadokoro
 
Media Art II openFrameworks アプリ間の通信とタンジブルなインターフェイス
Media Art II openFrameworks  アプリ間の通信とタンジブルなインターフェイス Media Art II openFrameworks  アプリ間の通信とタンジブルなインターフェイス
Media Art II openFrameworks アプリ間の通信とタンジブルなインターフェイス Atsushi Tadokoro
 
Interactive Music II SuperCollider応用 - SuperColliderと OSC (Open Sound Control)
Interactive Music II SuperCollider応用 - SuperColliderと OSC (Open Sound Control)Interactive Music II SuperCollider応用 - SuperColliderと OSC (Open Sound Control)
Interactive Music II SuperCollider応用 - SuperColliderと OSC (Open Sound Control)Atsushi Tadokoro
 
iTamabi 13 ARTSAT API 実践 5 - 衛星の軌道を描く
iTamabi 13 ARTSAT API 実践 5 - 衛星の軌道を描くiTamabi 13 ARTSAT API 実践 5 - 衛星の軌道を描く
iTamabi 13 ARTSAT API 実践 5 - 衛星の軌道を描くAtsushi Tadokoro
 
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリメディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリAtsushi Tadokoro
 
芸術情報演習デザイン(Web) 第8回: CSSフレームワークを使う
芸術情報演習デザイン(Web)  第8回: CSSフレームワークを使う芸術情報演習デザイン(Web)  第8回: CSSフレームワークを使う
芸術情報演習デザイン(Web) 第8回: CSSフレームワークを使うAtsushi Tadokoro
 
Interactive Music II SuperCollider応用 JITLib - ライブコーディング 2
Interactive Music II SuperCollider応用 JITLib - ライブコーディング 2Interactive Music II SuperCollider応用 JITLib - ライブコーディング 2
Interactive Music II SuperCollider応用 JITLib - ライブコーディング 2Atsushi Tadokoro
 
iTamabi 13 第9回:ARTSAT API 実践 3 ジオコーディングで衛星の位置を取得
iTamabi 13 第9回:ARTSAT API 実践 3 ジオコーディングで衛星の位置を取得iTamabi 13 第9回:ARTSAT API 実践 3 ジオコーディングで衛星の位置を取得
iTamabi 13 第9回:ARTSAT API 実践 3 ジオコーディングで衛星の位置を取得Atsushi Tadokoro
 
Webデザイン 第10回:HTML5実践 Three.jsで3Dプログラミング
Webデザイン 第10回:HTML5実践 Three.jsで3DプログラミングWebデザイン 第10回:HTML5実践 Three.jsで3Dプログラミング
Webデザイン 第10回:HTML5実践 Three.jsで3DプログラミングAtsushi Tadokoro
 
Interactive Music II SuperCollider応用 JITLib - ライブコーディング 1
Interactive Music II SuperCollider応用 JITLib - ライブコーディング 1Interactive Music II SuperCollider応用 JITLib - ライブコーディング 1
Interactive Music II SuperCollider応用 JITLib - ライブコーディング 1Atsushi Tadokoro
 
iTamabi 13 第8回:ARTSAT API 実践 2 衛星アプリを企画する
iTamabi 13 第8回:ARTSAT API 実践 2 衛星アプリを企画するiTamabi 13 第8回:ARTSAT API 実践 2 衛星アプリを企画する
iTamabi 13 第8回:ARTSAT API 実践 2 衛星アプリを企画するAtsushi Tadokoro
 
Media Art II openFrameworks 複数のシーンの管理・切替え
Media Art II openFrameworks 複数のシーンの管理・切替えMedia Art II openFrameworks 複数のシーンの管理・切替え
Media Art II openFrameworks 複数のシーンの管理・切替えAtsushi Tadokoro
 

Mais de Atsushi Tadokoro (20)

「クリエイティブ・ミュージック・コーディング」- オーディオ・ビジュアル作品のための、オープンソースなソフトウエア・フレームワークの現状と展望
「クリエイティブ・ミュージック・コーディング」- オーディオ・ビジュアル作品のための、オープンソースなソフトウエア・フレームワークの現状と展望「クリエイティブ・ミュージック・コーディング」- オーディオ・ビジュアル作品のための、オープンソースなソフトウエア・フレームワークの現状と展望
「クリエイティブ・ミュージック・コーディング」- オーディオ・ビジュアル作品のための、オープンソースなソフトウエア・フレームワークの現状と展望
 
プログラム初級講座 - メディア芸術をはじめよう
プログラム初級講座 - メディア芸術をはじめようプログラム初級講座 - メディア芸術をはじめよう
プログラム初級講座 - メディア芸術をはじめよう
 
Interactive Music II ProcessingとSuperColliderの連携 -2
Interactive Music II ProcessingとSuperColliderの連携 -2Interactive Music II ProcessingとSuperColliderの連携 -2
Interactive Music II ProcessingとSuperColliderの連携 -2
 
coma Creators session vol.2
coma Creators session vol.2coma Creators session vol.2
coma Creators session vol.2
 
Interactive Music II ProcessingとSuperColliderの連携1
Interactive Music II ProcessingとSuperColliderの連携1Interactive Music II ProcessingとSuperColliderの連携1
Interactive Music II ProcessingとSuperColliderの連携1
 
Interactive Music II Processingによるアニメーション
Interactive Music II ProcessingによるアニメーションInteractive Music II Processingによるアニメーション
Interactive Music II Processingによるアニメーション
 
Interactive Music II Processing基本
Interactive Music II Processing基本Interactive Music II Processing基本
Interactive Music II Processing基本
 
Interactive Music II SuperCollider応用 2 - SuperColliderとPure Dataの連携
Interactive Music II SuperCollider応用 2 - SuperColliderとPure Dataの連携Interactive Music II SuperCollider応用 2 - SuperColliderとPure Dataの連携
Interactive Music II SuperCollider応用 2 - SuperColliderとPure Dataの連携
 
Media Art II openFrameworks アプリ間の通信とタンジブルなインターフェイス
Media Art II openFrameworks  アプリ間の通信とタンジブルなインターフェイス Media Art II openFrameworks  アプリ間の通信とタンジブルなインターフェイス
Media Art II openFrameworks アプリ間の通信とタンジブルなインターフェイス
 
Interactive Music II SuperCollider応用 - SuperColliderと OSC (Open Sound Control)
Interactive Music II SuperCollider応用 - SuperColliderと OSC (Open Sound Control)Interactive Music II SuperCollider応用 - SuperColliderと OSC (Open Sound Control)
Interactive Music II SuperCollider応用 - SuperColliderと OSC (Open Sound Control)
 
iTamabi 13 ARTSAT API 実践 5 - 衛星の軌道を描く
iTamabi 13 ARTSAT API 実践 5 - 衛星の軌道を描くiTamabi 13 ARTSAT API 実践 5 - 衛星の軌道を描く
iTamabi 13 ARTSAT API 実践 5 - 衛星の軌道を描く
 
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリメディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
 
芸術情報演習デザイン(Web) 第8回: CSSフレームワークを使う
芸術情報演習デザイン(Web)  第8回: CSSフレームワークを使う芸術情報演習デザイン(Web)  第8回: CSSフレームワークを使う
芸術情報演習デザイン(Web) 第8回: CSSフレームワークを使う
 
Interactive Music II SuperCollider応用 JITLib - ライブコーディング 2
Interactive Music II SuperCollider応用 JITLib - ライブコーディング 2Interactive Music II SuperCollider応用 JITLib - ライブコーディング 2
Interactive Music II SuperCollider応用 JITLib - ライブコーディング 2
 
iTamabi 13 第9回:ARTSAT API 実践 3 ジオコーディングで衛星の位置を取得
iTamabi 13 第9回:ARTSAT API 実践 3 ジオコーディングで衛星の位置を取得iTamabi 13 第9回:ARTSAT API 実践 3 ジオコーディングで衛星の位置を取得
iTamabi 13 第9回:ARTSAT API 実践 3 ジオコーディングで衛星の位置を取得
 
Tamabi media131118
Tamabi media131118Tamabi media131118
Tamabi media131118
 
Webデザイン 第10回:HTML5実践 Three.jsで3Dプログラミング
Webデザイン 第10回:HTML5実践 Three.jsで3DプログラミングWebデザイン 第10回:HTML5実践 Three.jsで3Dプログラミング
Webデザイン 第10回:HTML5実践 Three.jsで3Dプログラミング
 
Interactive Music II SuperCollider応用 JITLib - ライブコーディング 1
Interactive Music II SuperCollider応用 JITLib - ライブコーディング 1Interactive Music II SuperCollider応用 JITLib - ライブコーディング 1
Interactive Music II SuperCollider応用 JITLib - ライブコーディング 1
 
iTamabi 13 第8回:ARTSAT API 実践 2 衛星アプリを企画する
iTamabi 13 第8回:ARTSAT API 実践 2 衛星アプリを企画するiTamabi 13 第8回:ARTSAT API 実践 2 衛星アプリを企画する
iTamabi 13 第8回:ARTSAT API 実践 2 衛星アプリを企画する
 
Media Art II openFrameworks 複数のシーンの管理・切替え
Media Art II openFrameworks 複数のシーンの管理・切替えMedia Art II openFrameworks 複数のシーンの管理・切替え
Media Art II openFrameworks 複数のシーンの管理・切替え
 

Proga 0518

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6. numbers[0] numbers[1] numbers[2] int[] numbers = new int[5]; numbers[3] numbers[4] numbers[5]
  • 7.
  • 8.
  • 9.
  • 10. int BALL_NUM = 100; // float[] x = new float[BALL_NUM]; void draw(){ float[] y = new float[BALL_NUM]; background(0,0,20); float[] xSpeed = new float[BALL_NUM]; for(int i=0; i<BALL_NUM; i++){ float[] ySpeed = new float[BALL_NUM]; fill(bColor[i]); float[] bSize = new float[BALL_NUM]; ellipse(x[i],y[i],bSize[i],bSize[i]); color[] bColor = new color[BALL_NUM]; x[i] += xSpeed[i]; y[i] += ySpeed[i]; // if(x[i] > width || x[i] < 0){ void setup(){ xSpeed[i] *= -1; size(480,480); } smooth(); if(y[i] > height || y[i] < 0){ frameRate(30); ySpeed[i] *= -1; colorMode(HSB,360,100,100,100); } noStroke(); } for(int i=0; i<BALL_NUM; i++){ } x[i] = random(width); y[i] = random(height); xSpeed[i] = random(-10,10); ySpeed[i] = random(-10,10); bSize[i] = random(20,60); bColor[i] = color(random(200,240),random(80,100),random(80,1 00),70); } }
  • 11.
  • 12.
  • 13. int BAR_NUM = 100; rect(x[i],0,bWidth[i],height); float[] x = new float[BAR_NUM]; x[i] += xSpeed[i]; float[] xSpeed = new float[BAR_NUM]; if(x[i] > width || x[i] < -bWidth[i]){ float[] bWidth = new float[BAR_NUM]; xSpeed[i] *= -1; color[] bColor = new color[BAR_NUM]; } } // } void setup(){ size(640,240); frameRate(30); smooth(); colorMode(HSB,360,100,100,100); noStroke(); for(int i=0; i<BAR_NUM; i++){ x[i] = random(width); xSpeed[i] = random(-1,1); bWidth[i] = random(2,200); bColor[i] = color(random(360),random(90,100),random(50,100), 20); } } // void draw(){ background(0); for(int i=0; i<BAR_NUM; i++){ fill(bColor[i]);
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20. float x, y, cx, cy; ellipse(x, y, bSize, bSize); float angle, radius, aSpeed, bSize; } // // void setup(){ void drawFade(){ size(480,480); noStroke(); colorMode(HSB, 360,100,100,100); fill(0,0,0,5); background(0); rect(0,0,width,height); noFill(); } frameRate(30); smooth(); cx = width/2; cy = height/2; angle = 0; radius = 160; aSpeed = 2; bSize = 20; } // void draw(){ drawFade(); // x = cx + (radius * sin(radians(angle))); y = cx + (radius * cos(radians(angle))); angle += aSpeed; noFill(); stroke(240,100,100);
  • 21.
  • 22.
  • 23. int NUM = 32; y[i] = cx + (radius * cos(radians(angle[i]))); float cx, cy, radius, maxSpeed, maxSize; angle[i] += thisSpeed; float[] x = new float[NUM]; noFill(); float[] y = new float[NUM]; stroke(240,100,100); float[] angle = new float[NUM]; ellipse(x[i], y[i], thisSize, thisSize); } void setup(){ } size(480,480); colorMode(HSB, 360,100,100,100); void drawFade(){ background(0); noStroke(); noFill(); fill(0,0,0,10); frameRate(30); rect(0,0,width,height); smooth(); } cx = width/2; cy = height/2; radius = 100; maxSpeed = 3; maxSize = 200; for(int i=0; i<NUM; i++){ angle[i] = 0; } } void draw(){ drawFade(); for(int i=0; i<NUM; i++){ float thisSpeed = (maxSpeed / NUM) * i; float thisSize = (maxSize / NUM) * i; x[i] = cx + (radius * sin(radians(angle[i])));
  • 24.
  • 25.
  • 26. int NUM = 256; x[i] = cx + (radius * float cx, cy, radius, maxSpeed, maxSize; sin(radians(angle[i]))); float[] x = new float[NUM]; y[i] = cx + (radius * float[] y = new float[NUM]; cos(radians(angle[i]))); float[] angle = new float[NUM]; angle[i] += thisSpeed; noFill(); void setup(){ stroke(240,100,100,5); size(480,480); ellipse(x[i], y[i], thisSize, thisSize); colorMode(HSB, 360,100,100,100); } background(0); } noFill(); frameRate(30); void drawFade(){ smooth(); noStroke(); cx = width/2; fill(0,0,0,5); cy = height/2; rect(0,0,width,height); radius = 100; } maxSpeed = 1; maxSize = 200; for(int i=0; i<NUM; i++){ angle[i] = 0; } } void draw(){ drawFade(); for(int i=0; i<NUM; i++){ float thisSpeed = (maxSpeed / NUM) * i+ maxSpeed/5; float thisSize = (maxSize / NUM) * i;

Notas do Editor