プログラミング de 落描き – ページ 651 – クリエイティブ・コーディングによる生成物とソース

2019年1月18日2019年1月18日

Music Band. openFrameworks

[ Video ]

[ About ]
音と連動して帯が変化。え ͤみ ͫ ͤー ͤん ͛(@emeen231)さんの投稿からインスパイア

[Sound] Band changes with music.

[ Source ]

#pragma once
#include "ofMain.h"

class ofApp : public ofBaseApp {

public:
	void setup();
	void update();
	void draw();

	void keyPressed(int key) {};
	void keyReleased(int key) {};
	void mouseMoved(int x, int y) {};
	void mouseDragged(int x, int y, int button) {};
	void mousePressed(int x, int y, int button) {};
	void mouseReleased(int x, int y, int button) {};
	void windowResized(int w, int h) {};
	void dragEvent(ofDragInfo dragInfo) {};
	void gotMessage(ofMessage msg) {};

	ofEasyCam cam;
	ofSoundPlayer sound;

	vector<float> fft_smoothed;
	int n_bands_to_get;

	glm::vec3 make_point(float radius, float small_radius, float deg, float small_deg);
};

#pragma once

#include "ofMain.h"

class ofApp : public ofBaseApp {

public:

void setup();

void update();

void draw();

void keyPressed(int key) {};

void keyReleased(int key) {};

void mouseMoved(int x, int y) {};

void mouseDragged(int x, int y, int button) {};

void mousePressed(int x, int y, int button) {};

void mouseReleased(int x, int y, int button) {};

void windowResized(int w, int h) {};

void dragEvent(ofDragInfo dragInfo) {};

void gotMessage(ofMessage msg) {};

ofEasyCam cam;

ofSoundPlayer sound;

vector<float> fft_smoothed;

int n_bands_to_get;

glm::vec3 make_point(float radius, float small_radius, float deg, float small_deg);

};

#include "ofApp.h"

//--------------------------------------------------------------
void ofApp::setup() {

	ofSetFrameRate(60);
	ofSetWindowTitle("openFrameworks");

	ofBackground(239);
	ofSetColor(39);
	ofEnableDepthTest();
	ofNoFill();
	ofSetLineWidth(2.5);

	this->sound.load("Cold_Killa_Sting.mp3");
	this->sound.play();

	this->n_bands_to_get = 60;
	for (int j = 0; j < this->n_bands_to_get; j++) {
	
		this->fft_smoothed.push_back(0);
	}
}

//--------------------------------------------------------------
void ofApp::update() {

	ofSoundUpdate();
	float* val = ofSoundGetSpectrum(this->n_bands_to_get);
	for (int i = 0; i < this->n_bands_to_get; i++) {

		this->fft_smoothed[i] *= 0.98f;
		if (this->fft_smoothed[i] < val[i]) {

			this->fft_smoothed[i] = val[i];
		}
	}
}

//--------------------------------------------------------------
void ofApp::draw() {

	this->cam.begin();

	int radius = 300;
	int deg_span = 10;
	int sound_index = 0;
	for (int deg_start = 0; deg_start < 360; deg_start += deg_span) {

		int deg = deg_start;
		vector<glm::vec3> vertices;
		vector<glm::vec3> sub_vertices;
		int max_height = this->fft_smoothed[sound_index++] * 150 * (sound_index + 1);
		for (int height = 0; height < max_height; height += 10) {

			vertices.push_back(glm::vec3(radius * cos(deg * DEG_TO_RAD), height, radius * sin(deg * DEG_TO_RAD)));
			sub_vertices.push_back(glm::vec3(radius * cos((deg + deg_span) * DEG_TO_RAD), height, radius * sin((deg + deg_span) * DEG_TO_RAD)));
			deg += 5;
		}

		for (int i = sub_vertices.size() - 1; i > -1; i--) {

			vertices.push_back(sub_vertices[i]);
		}

		ofBeginShape();
		ofVertices(vertices);
		ofEndShape(true);
	}

	this->cam.end();

	if (!this->sound.getIsPlaying()) { this->sound.play(); }
}
//--------------------------------------------------------------
int main() {

	ofSetupOpenGL(720, 720, OF_WINDOW);
	ofRunApp(new ofApp());
}

#include "ofApp.h"

//--------------------------------------------------------------

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofSetColor(39);

ofEnableDepthTest();

ofNoFill();

ofSetLineWidth(2.5);

this->sound.load("Cold_Killa_Sting.mp3");

this->sound.play();

this->n_bands_to_get = 60;

for (int j = 0; j < this->n_bands_to_get; j++) {

this->fft_smoothed.push_back(0);

}

//--------------------------------------------------------------

void ofApp::update() {

ofSoundUpdate();

float* val = ofSoundGetSpectrum(this->n_bands_to_get);

for (int i = 0; i < this->n_bands_to_get; i++) {

this->fft_smoothed[i] *= 0.98f;

if (this->fft_smoothed[i] < val[i]) {

this->fft_smoothed[i] = val[i];

}

//--------------------------------------------------------------

void ofApp::draw() {

this->cam.begin();

int radius = 300;

int deg_span = 10;

int sound_index = 0;

for (int deg_start = 0; deg_start < 360; deg_start += deg_span) {

int deg = deg_start;

vector<glm::vec3> vertices;

vector<glm::vec3> sub_vertices;

int max_height = this->fft_smoothed[sound_index++] * 150 * (sound_index + 1);

for (int height = 0; height < max_height; height += 10) {

vertices.push_back(glm::vec3(radius * cos(deg * DEG_TO_RAD), height, radius * sin(deg * DEG_TO_RAD)));

sub_vertices.push_back(glm::vec3(radius * cos((deg + deg_span) * DEG_TO_RAD), height, radius * sin((deg + deg_span) * DEG_TO_RAD)));

deg += 5;

}

for (int i = sub_vertices.size() - 1; i > -1; i--) {

vertices.push_back(sub_vertices[i]);

}

ofBeginShape();

ofVertices(vertices);

ofEndShape(true);

}

this->cam.end();

if (!this->sound.getIsPlaying()) { this->sound.play(); }

}

//--------------------------------------------------------------

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

[ Link ]
https://github.com/junkiyoshi/Insta20190118

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2019年1月17日2019年1月17日

Circles size is distance to the neighbor. Processing

[ Video ]

[ About ]
ノイズで円の位置を動かしながら、半径を一番近い他の円との距離にしています。

Circles size is distance to the neighbor.

[ Source ]

void setup(){
 
  size(720, 720);
  frameRate(30);
  colorMode(HSB);
  strokeWeight(3);
}

void draw(){
  
  background(239);
  randomSeed(39);
  
  translate(width / 2, height / 2);
  
  ArrayList<PVector> locations = new ArrayList<PVector>();
  for(int i = 0; i < 50; i++)
  {
    float x = map(noise(random(1000), frameCount * 0.0065), 0, 1, -500, 500);
    float y = map(noise(random(1000), frameCount * 0.0065), 0, 1, -500, 500);
    
    locations.add(new PVector(x, y));    
  }
  
  for(int i = 0; i < locations.size(); i++)
  {
    PVector location = locations.get(i);
    float min = width * height;  
    for(int j = 0; j < locations.size(); j++)
    {
      if(i == j) continue;
      
      PVector other = locations.get(j);
      float distance = PVector.dist(location, other);
      if(distance < min)
      {
        min = distance;
      }
    }
    
    fill(random(255), 200, 255);
    ellipse(location.x, location.y, min, min);
  }
}

void setup(){

size(720, 720);

frameRate(30);

colorMode(HSB);

strokeWeight(3);

}

void draw(){

background(239);

randomSeed(39);

translate(width / 2, height / 2);

ArrayList<PVector> locations = new ArrayList<PVector>();

for(int i = 0; i < 50; i++)

{

float x = map(noise(random(1000), frameCount * 0.0065), 0, 1, -500, 500);

float y = map(noise(random(1000), frameCount * 0.0065), 0, 1, -500, 500);

locations.add(new PVector(x, y));

}

for(int i = 0; i < locations.size(); i++)

{

PVector location = locations.get(i);

float min = width * height;

for(int j = 0; j < locations.size(); j++)

{

if(i == j) continue;

PVector other = locations.get(j);

float distance = PVector.dist(location, other);

if(distance < min)

{

min = distance;

}

fill(random(255), 200, 255);

ellipse(location.x, location.y, min, min);

}

[ Link ]
https://github.com/junkiyoshi/Insta20190117

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2019年1月16日2019年1月16日

Three layers overlapped square. Processing

[ Video ]

[ About ]
Processingのイベント参加に備えて久々にやってみました。不揃いの四角形を3層重ねています。

Three layers overlapped square. I used Processing after a long absence.

[ Source ]

// Variable
int len;
ArrayList<PVector> locations;
IntList seeds;

void setup(){
  
  // Initialize 
  size(720, 720);
  frameRate(25);
  stroke(255);
  strokeWeight(2);
  colorMode(HSB);
  blendMode(ADD);
  
  // Initialize Variable
  len = 144;
  locations = new ArrayList<PVector>();
  seeds = new IntList();
  for(int y = len / 2; y < height; y += len){
    
    for(int x = len / 2; x < width; x += len){
       
      locations.add(new PVector(x, y));
      seeds.append((int)random(1000));
    }
  }
}

void draw(){
  
  background(0);
  
  for(int i = 0; i < locations.size(); i++){

    // Draw Rectangle
    for(int n = 0; n < 3; n++){
    
      fill(random(255), 255, 255, 200);
      
      int start_param = (int)random(100);
      int end_param = start_param + (int)random(30, 70);
      
      beginShape();
      for(int param = start_param; param < end_param; param++){
        
        PVector location = make_point(len * 0.9, param);
        location.add(locations.get(i));
        vertex(location.x, location.y);
      }
      endShape(CLOSE);
    }
    
    // Update seed value 
    if(frameCount % locations.size() == i){
      
      seeds.set(i, frameCount);
    }
    randomSeed(seeds.get(i));
  }
}

PVector make_point(float len, int param){
 
  param = param % 100;
  if(param < 25){
    
    return new PVector(map(param, 0, 25, -len * 0.5, len * 0.5), -len * 0.5);
    
  }else if(param < 50){
    
    return new PVector(len * 0.5, map(param, 25, 50, -len * 0.5, len * 0.5));
    
  }else if(param < 75){
    
    return new PVector(map(param, 50, 75, len * 0.5, -len * 0.5), len * 0.5);
  }else{
   
    return new PVector(-len * 0.5, map(param, 75, 100, len * 0.5, -len * 0.5));
  }
}

// Variable

int len;

ArrayList<PVector> locations;

IntList seeds;

void setup(){

// Initialize

size(720, 720);

frameRate(25);

stroke(255);

strokeWeight(2);

colorMode(HSB);

blendMode(ADD);

// Initialize Variable

len = 144;

locations = new ArrayList<PVector>();

seeds = new IntList();

for(int y = len / 2; y < height; y += len){

for(int x = len / 2; x < width; x += len){

locations.add(new PVector(x, y));

seeds.append((int)random(1000));

}

void draw(){

background(0);

for(int i = 0; i < locations.size(); i++){

// Draw Rectangle

for(int n = 0; n < 3; n++){

fill(random(255), 255, 255, 200);

int start_param = (int)random(100);

int end_param = start_param + (int)random(30, 70);

beginShape();

for(int param = start_param; param < end_param; param++){

PVector location = make_point(len * 0.9, param);

location.add(locations.get(i));

vertex(location.x, location.y);

}

endShape(CLOSE);

}

// Update seed value

if(frameCount % locations.size() == i){

seeds.set(i, frameCount);

}

randomSeed(seeds.get(i));

}

PVector make_point(float len, int param){

param = param % 100;

if(param < 25){

return new PVector(map(param, 0, 25, -len * 0.5, len * 0.5), -len * 0.5);

}else if(param < 50){

return new PVector(len * 0.5, map(param, 25, 50, -len * 0.5, len * 0.5));

}else if(param < 75){

return new PVector(map(param, 50, 75, len * 0.5, -len * 0.5), len * 0.5);

}else{

return new PVector(-len * 0.5, map(param, 75, 100, len * 0.5, -len * 0.5));

}

[ Link ]
https://github.com/junkiyoshi/Insta20190116

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2024年5月
月	火	水	木	金	土	日
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30	31