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

2022年8月16日

Rotating orbs. Draw by openFrameworks

[ Video ]

[ About ]
回転するオーブ。

[ 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 mouseEntered(int x, int y) {};
	void mouseExited(int x, int y) {};
	void windowResized(int w, int h) {};
	void dragEvent(ofDragInfo dragInfo) {};
	void gotMessage(ofMessage msg) {};

	int number_of_targets;
	vector<glm::vec2> target_list;
	vector<glm::vec3> color_list;

	ofShader shader;

	ofMesh base_mesh;
};

#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 mouseEntered(int x, int y) {};

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

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

void dragEvent(ofDragInfo dragInfo) {};

void gotMessage(ofMessage msg) {};

int number_of_targets;

vector<glm::vec2> target_list;

vector<glm::vec3> color_list;

ofShader shader;

ofMesh base_mesh;

};

#include "ofApp.h"	

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

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

	ofBackground(255);
	ofSetColor(255);

	auto ico_sphere = ofIcoSpherePrimitive(200, 3);
	this->base_mesh = ico_sphere.getMesh();

	this->shader.load("shader/shader.vert", "shader/shader.frag");
	cout << this->base_mesh.getNumVertices(); 
}

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

	this->target_list.clear();
	this->color_list.clear();

	for (auto v : this->base_mesh.getVertices()) {

		for (int i = 0; i < 4; i++) {

			auto rotation_x = glm::rotate(glm::mat4(), ofMap(ofNoise(glm::vec4(v * 0.0025, ofGetFrameNum() * 0.005)), 0, 1, -90, 90) * (float)DEG_TO_RAD, glm::vec3(1, 0, 0));
			auto rotation_y = glm::rotate(glm::mat4(), ofMap(ofNoise(glm::vec4(v * 0.0025, ofGetFrameNum() * 0.005)), 0, 1, -90, 90) * (float)DEG_TO_RAD, glm::vec3(0, 1, 0));
			auto rotation_z = glm::rotate(glm::mat4(), ofMap(ofNoise(glm::vec4(v * 0.0025, ofGetFrameNum() * 0.005)), 0, 1, -90, 90) * (float)DEG_TO_RAD, glm::vec3(0, 0, 1));

			v = glm::vec4(v, 0) * rotation_z * rotation_y * rotation_x;
		}

		this->target_list.push_back(v + glm::vec2(ofGetWindowWidth() * 0.5, ofGetWindowHeight() * 0.5));
	}
}

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

	ofFill();
	this->shader.begin();
	this->shader.setUniform1f("time", ofGetElapsedTimef());
	this->shader.setUniform2f("resolution", ofGetWidth(), ofGetHeight());
	this->shader.setUniform2fv("targets", &this->target_list[0].x, 1000);

	ofDrawRectangle(0, 0, ofGetWidth(), ofGetHeight());

	this->shader.end();
}

//--------------------------------------------------------------
int main() {

	ofGLWindowSettings settings;
	settings.setGLVersion(3, 2);
	settings.setSize(720, 720);
	ofCreateWindow(settings);
	ofRunApp(new ofApp());
}

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(255);

ofSetColor(255);

auto ico_sphere = ofIcoSpherePrimitive(200, 3);

this->base_mesh = ico_sphere.getMesh();

this->shader.load("shader/shader.vert", "shader/shader.frag");

cout << this->base_mesh.getNumVertices();

}

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

void ofApp::update() {

this->target_list.clear();

this->color_list.clear();

for (auto v : this->base_mesh.getVertices()) {

for (int i = 0; i < 4; i++) {

auto rotation_x = glm::rotate(glm::mat4(), ofMap(ofNoise(glm::vec4(v * 0.0025, ofGetFrameNum() * 0.005)), 0, 1, -90, 90) * (float)DEG_TO_RAD, glm::vec3(1, 0, 0));

auto rotation_y = glm::rotate(glm::mat4(), ofMap(ofNoise(glm::vec4(v * 0.0025, ofGetFrameNum() * 0.005)), 0, 1, -90, 90) * (float)DEG_TO_RAD, glm::vec3(0, 1, 0));

auto rotation_z = glm::rotate(glm::mat4(), ofMap(ofNoise(glm::vec4(v * 0.0025, ofGetFrameNum() * 0.005)), 0, 1, -90, 90) * (float)DEG_TO_RAD, glm::vec3(0, 0, 1));

v = glm::vec4(v, 0) * rotation_z * rotation_y * rotation_x;

}

this->target_list.push_back(v + glm::vec2(ofGetWindowWidth() * 0.5, ofGetWindowHeight() * 0.5));

}

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

void ofApp::draw() {

ofFill();

this->shader.begin();

this->shader.setUniform1f("time", ofGetElapsedTimef());

this->shader.setUniform2f("resolution", ofGetWidth(), ofGetHeight());

this->shader.setUniform2fv("targets", &this->target_list[0].x, 1000);

ofDrawRectangle(0, 0, ofGetWidth(), ofGetHeight());

this->shader.end();

}

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

int main() {

ofGLWindowSettings settings;

settings.setGLVersion(3, 2);

settings.setSize(720, 720);

ofCreateWindow(settings);

ofRunApp(new ofApp());

}

#version 150

uniform mat4 modelViewProjectionMatrix;
in vec4 position;

void main(){
	gl_Position = modelViewProjectionMatrix * position;
}

#version 150

uniform mat4 modelViewProjectionMatrix;

in vec4 position;

void main(){

gl_Position = modelViewProjectionMatrix * position;

}

#version 150

const int number_of_targets = 1000;

uniform float time;
uniform vec2 resolution;
uniform vec2 targets[number_of_targets];

out vec4 outputColor;

void main() {

  vec2 p = (gl_FragCoord.xy * 2.0 - resolution) / min(resolution.x, resolution.y);
  vec3 color = vec3(0.0);
  for(int i = 0; i < number_of_targets; i++){

    vec2 t = vec2(targets[i].x, -targets[i].y) / min(resolution.x, resolution.y) * 2.0;
    t.xy += vec2(-resolution.x, resolution.y) / min(resolution.x, resolution.y);

    float v = 0.0035 / length(p - t);
	float r = v * 1.0;
	float g = v * 1.0;
	float b = v * 0.5;
    vec3 c = vec3(smoothstep(0.05, 1.0, r), smoothstep(0.05, 1.0, g), smoothstep(0.05, 1.0, b));
    color += c;
  }

  outputColor = vec4(color, 1.0);
}

#version 150

const int number_of_targets = 1000;

uniform float time;

uniform vec2 resolution;

uniform vec2 targets[number_of_targets];

out vec4 outputColor;

void main() {

vec2 p = (gl_FragCoord.xy * 2.0 - resolution) / min(resolution.x, resolution.y);

vec3 color = vec3(0.0);

for(int i = 0; i < number_of_targets; i++){

vec2 t = vec2(targets[i].x, -targets[i].y) / min(resolution.x, resolution.y) * 2.0;

t.xy += vec2(-resolution.x, resolution.y) / min(resolution.x, resolution.y);

float v = 0.0035 / length(p - t);

float r = v * 1.0;

float g = v * 1.0;

float b = v * 0.5;

vec3 c = vec3(smoothstep(0.05, 1.0, r), smoothstep(0.05, 1.0, g), smoothstep(0.05, 1.0, b));

color += c;

}

outputColor = vec4(color, 1.0);

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2022年8月15日

irregularity. draw by openFrameworks

[ video ]

[ About ]
不揃いに回転する。

[ 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) {};
};

#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) {};

};

#include "ofApp.h"

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

	ofSetWindowTitle("openFrameworks");
	ofSetFrameRate(30);

	ofBackground(0);
	ofNoFill();
	ofSetLineWidth(2);
	ofEnableDepthTest();
	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);
}

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

	ofSeedRandom(39);
}

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

	ofTranslate(ofGetWindowSize() * 0.5);

	auto noise_seed = glm::vec3(ofRandom(1000), ofRandom(1000), ofRandom(1000));
	for (int x = -330; x <= 330; x += 30) {

		for (int y = -330; y <= 330; y += 30) {

			ofPushMatrix();
			ofTranslate(x, y);

			auto distance = glm::length(glm::vec2(x, y));

			auto x_value = ofNoise(noise_seed.x, x * 0.015, y * 0.015, ofGetFrameNum() * 0.015);
			auto y_value = ofNoise(noise_seed.y, x * 0.015, y * 0.015, ofGetFrameNum() * 0.015);
			auto z_value = ofNoise(noise_seed.z, x * 0.015, y * 0.015, ofGetFrameNum() * 0.015);

			auto x_deg = x_value < 0.35 ? ofMap(x_value, 0, 0.35, -360, 0) : x_value > 0.75 ? ofMap(x_value, 0.75, 1, 0, 360) : 0;
			auto y_deg = y_value < 0.35 ? ofMap(y_value, 0, 0.35, -360, 0) : y_value > 0.75 ? ofMap(y_value, 0.75, 1, 0, 360) : 0;
			auto z_deg = z_value < 0.35 ? ofMap(z_value, 0, 0.35, -360, 0) : z_value > 0.75 ? ofMap(z_value, 0.75, 1, 0, 360) : 0;

			ofRotateZ(z_deg);
			ofRotateY(y_deg);
			ofRotateX(x_deg);

			auto alpha = 64;

			ofFill();
			ofSetColor(255, 0, 0, alpha);
			ofDrawCircle(glm::vec2(), 12);

			ofNoFill();
			ofSetColor(255, 0, 0);
			ofDrawCircle(glm::vec2(), 12);

			ofPopMatrix();
		}
	}
}

//--------------------------------------------------------------
int main() {

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetWindowTitle("openFrameworks");

ofSetFrameRate(30);

ofBackground(0);

ofNoFill();

ofSetLineWidth(2);

ofEnableDepthTest();

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

ofTranslate(ofGetWindowSize() * 0.5);

auto noise_seed = glm::vec3(ofRandom(1000), ofRandom(1000), ofRandom(1000));

for (int x = -330; x <= 330; x += 30) {

for (int y = -330; y <= 330; y += 30) {

ofPushMatrix();

ofTranslate(x, y);

auto distance = glm::length(glm::vec2(x, y));

auto x_value = ofNoise(noise_seed.x, x * 0.015, y * 0.015, ofGetFrameNum() * 0.015);

auto y_value = ofNoise(noise_seed.y, x * 0.015, y * 0.015, ofGetFrameNum() * 0.015);

auto z_value = ofNoise(noise_seed.z, x * 0.015, y * 0.015, ofGetFrameNum() * 0.015);

auto x_deg = x_value < 0.35 ? ofMap(x_value, 0, 0.35, -360, 0) : x_value > 0.75 ? ofMap(x_value, 0.75, 1, 0, 360) : 0;

auto y_deg = y_value < 0.35 ? ofMap(y_value, 0, 0.35, -360, 0) : y_value > 0.75 ? ofMap(y_value, 0.75, 1, 0, 360) : 0;

auto z_deg = z_value < 0.35 ? ofMap(z_value, 0, 0.35, -360, 0) : z_value > 0.75 ? ofMap(z_value, 0.75, 1, 0, 360) : 0;

ofRotateZ(z_deg);

ofRotateY(y_deg);

ofRotateX(x_deg);

auto alpha = 64;

ofFill();

ofSetColor(255, 0, 0, alpha);

ofDrawCircle(glm::vec2(), 12);

ofNoFill();

ofSetColor(255, 0, 0);

ofDrawCircle(glm::vec2(), 12);

ofPopMatrix();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2022年8月14日

Crossing noise waves. Draw by openFrameworks

[ Video ]

[ About ]
交差するノイズ波。

[ 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) {};
};

#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) {};

};

#include "ofApp.h"

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

	ofSetWindowTitle("openFrameworks");
	ofSetFrameRate(30);

	ofBackground(0);
	ofSetColor(1, 97, 235);
	ofSetLineWidth(2);
}

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

	ofSeedRandom(39);
}

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

	auto noise_seed = glm::vec2(ofRandom(1000), ofRandom(1000));
	int span = 20;
	int param = 7;

	for (int y = 0; y <= 720; y += span) {

		int x = ofMap(ofNoise(noise_seed.x, y * 0.003 + ofGetFrameNum() * 0.0075), 0, 1, span * param, 720 - span * param);
		x = (x / span) * span;

		ofDrawLine(x - span * param, y, x + span * param, y);
	}	

	for (int x = 0; x <= 720; x += span) {

		int y = ofMap(ofNoise(noise_seed.y, x * 0.003 + ofGetFrameNum() * 0.0075), 0, 1, span * param, 720 - span * param);
		y = (y / span) * span;

		ofDrawLine(x, y - span * param, x, y + span * param);
	}
}

//--------------------------------------------------------------
int main() {

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetWindowTitle("openFrameworks");

ofSetFrameRate(30);

ofBackground(0);

ofSetColor(1, 97, 235);

ofSetLineWidth(2);

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

auto noise_seed = glm::vec2(ofRandom(1000), ofRandom(1000));

int span = 20;

int param = 7;

for (int y = 0; y <= 720; y += span) {

int x = ofMap(ofNoise(noise_seed.x, y * 0.003 + ofGetFrameNum() * 0.0075), 0, 1, span * param, 720 - span * param);

x = (x / span) * span;

ofDrawLine(x - span * param, y, x + span * param, y);

}

for (int x = 0; x <= 720; x += span) {

int y = ofMap(ofNoise(noise_seed.y, x * 0.003 + ofGetFrameNum() * 0.0075), 0, 1, span * param, 720 - span * param);

y = (y / span) * span;

ofDrawLine(x, y - span * param, x, y + span * param);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

月	火	水	木	金	土	日
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