openFrameworks – ページ 353 – プログラミング de 落描き

2022年8月20日

Thorn Torus. 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) {};

	glm::vec3 make_point(float R, float r, float u, float v);

	ofEasyCam cam;
	ofMesh face, frame;
};

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

glm::vec3 make_point(float R, float r, float u, float v);

ofEasyCam cam;

ofMesh face, frame;

};

#include "ofApp.h"	

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

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

	ofBackground(255);
	ofSetLineWidth(1);
	ofEnableDepthTest();

	this->frame.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);
}

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

	ofSeedRandom(39);

	this->face.clear();
	this->frame.clear();

	float R = 300;
	int v_span = 8;
	int u_span = 16;

	for (int v = 0; v < 360; v += v_span) {

		for (auto u = 0; u < 360; u += u_span) {

			auto noise_seed = ofRandom(1000);
			auto r = 80.f;
			auto noise_r = r;
			auto noise_location = this->make_point(R, 90, u + u_span * 0.5, v);
			auto noise_value = ofNoise(noise_location.x * 0.001, noise_location.z * 0.001, noise_location.y * 0.002 + ofGetFrameNum() * 0.02);
			if (noise_value > 0.5) {

				auto random_noise_value = ofNoise(noise_seed, ofGetFrameNum() * 0.005);
				noise_r = 80.f + ofMap(random_noise_value, 0, 1, 0, 270) * ofMap(noise_value, 0.5, 1, 0, 1);
			}

			vector<glm::vec3> vertices;
			vertices.push_back(this->make_point(R, r, u, v - v_span * 0.5));
			vertices.push_back(this->make_point(R, r, u + u_span, v - v_span * 0.5));
			vertices.push_back(this->make_point(R, r, u + u_span, v + v_span * 0.5));
			vertices.push_back(this->make_point(R, r, u, v + v_span * 0.5));

			vertices.push_back(this->make_point(R, noise_r, u + u_span * 0.5, v));

			int index = face.getNumVertices();
			this->face.addVertices(vertices);

			this->face.addIndex(index + 0); face.addIndex(index + 1); face.addIndex(index + 4);
			this->face.addIndex(index + 1); face.addIndex(index + 2); face.addIndex(index + 4);
			this->face.addIndex(index + 2); face.addIndex(index + 3); face.addIndex(index + 4);
			this->face.addIndex(index + 3); face.addIndex(index + 0); face.addIndex(index + 4);

			this->frame.addVertices(vertices);

			this->frame.addIndex(index + 0); this->frame.addIndex(index + 1);
			this->frame.addIndex(index + 1); this->frame.addIndex(index + 2);
			this->frame.addIndex(index + 2); this->frame.addIndex(index + 3);
			this->frame.addIndex(index + 3); this->frame.addIndex(index + 0);

			this->frame.addIndex(index + 0); this->frame.addIndex(index + 4);
			this->frame.addIndex(index + 1); this->frame.addIndex(index + 4);
			this->frame.addIndex(index + 2); this->frame.addIndex(index + 4);
			this->frame.addIndex(index + 3); this->frame.addIndex(index + 4);
		}
	}
}

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

	this->cam.begin();
	ofRotateY(ofGetFrameNum() * 0.666666);

	ofSetColor(0);
	this->face.draw();

	ofSetColor(128);
	this->frame.drawWireframe();

	this->cam.end();
}

//--------------------------------------------------------------
glm::vec3 ofApp::make_point(float R, float r, float u, float v) {

	// 数学デッサン教室 描いて楽しむ数学たち　P.31

	u *= DEG_TO_RAD;
	v *= DEG_TO_RAD;

	auto x = (R + r * cos(u)) * cos(v);
	auto y = (R + r * cos(u)) * sin(v);
	auto z = r * sin(u);

	return glm::vec3(x, y, z);
}

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

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

100

101

102

103

104

105

106

107

108

109

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(255);

ofSetLineWidth(1);

ofEnableDepthTest();

this->frame.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);

}

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

void ofApp::update() {

ofSeedRandom(39);

this->face.clear();

this->frame.clear();

float R = 300;

int v_span = 8;

int u_span = 16;

for (int v = 0; v < 360; v += v_span) {

for (auto u = 0; u < 360; u += u_span) {

auto noise_seed = ofRandom(1000);

auto r = 80.f;

auto noise_r = r;

auto noise_location = this->make_point(R, 90, u + u_span * 0.5, v);

auto noise_value = ofNoise(noise_location.x * 0.001, noise_location.z * 0.001, noise_location.y * 0.002 + ofGetFrameNum() * 0.02);

if (noise_value > 0.5) {

auto random_noise_value = ofNoise(noise_seed, ofGetFrameNum() * 0.005);

noise_r = 80.f + ofMap(random_noise_value, 0, 1, 0, 270) * ofMap(noise_value, 0.5, 1, 0, 1);

}

vector<glm::vec3> vertices;

vertices.push_back(this->make_point(R, r, u, v - v_span * 0.5));

vertices.push_back(this->make_point(R, r, u + u_span, v - v_span * 0.5));

vertices.push_back(this->make_point(R, r, u + u_span, v + v_span * 0.5));

vertices.push_back(this->make_point(R, r, u, v + v_span * 0.5));

vertices.push_back(this->make_point(R, noise_r, u + u_span * 0.5, v));

int index = face.getNumVertices();

this->face.addVertices(vertices);

this->face.addIndex(index + 0); face.addIndex(index + 1); face.addIndex(index + 4);

this->face.addIndex(index + 1); face.addIndex(index + 2); face.addIndex(index + 4);

this->face.addIndex(index + 2); face.addIndex(index + 3); face.addIndex(index + 4);

this->face.addIndex(index + 3); face.addIndex(index + 0); face.addIndex(index + 4);

this->frame.addVertices(vertices);

this->frame.addIndex(index + 0); this->frame.addIndex(index + 1);

this->frame.addIndex(index + 1); this->frame.addIndex(index + 2);

this->frame.addIndex(index + 2); this->frame.addIndex(index + 3);

this->frame.addIndex(index + 3); this->frame.addIndex(index + 0);

this->frame.addIndex(index + 0); this->frame.addIndex(index + 4);

this->frame.addIndex(index + 1); this->frame.addIndex(index + 4);

this->frame.addIndex(index + 2); this->frame.addIndex(index + 4);

this->frame.addIndex(index + 3); this->frame.addIndex(index + 4);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateY(ofGetFrameNum() * 0.666666);

ofSetColor(0);

this->face.draw();

ofSetColor(128);

this->frame.drawWireframe();

this->cam.end();

}

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

glm::vec3 ofApp::make_point(float R, float r, float u, float v) {

// 数学デッサン教室描いて楽しむ数学たち　P.31

u *= DEG_TO_RAD;

v *= DEG_TO_RAD;

auto x = (R + r * cos(u)) * cos(v);

auto y = (R + r * cos(u)) * sin(v);

auto z = r * sin(u);

return glm::vec3(x, y, z);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2022年8月19日

Compass of noisy map. 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);
	ofSetLineWidth(2);
	ofNoFill();
}

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

	ofSeedRandom(39);
}

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

	ofTranslate(ofGetWindowSize() * 0.5);

	auto radius = 10;
	ofColor color;
	for (int x = -300; x <= 300; x += 30) {

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

			ofPushMatrix();
			ofTranslate(x, y);

			auto deg = ofMap(ofNoise(x * 0.0015, y * 0.0015, ofGetFrameNum() * 0.0075), 0, 1, 0, 360);

			ofDrawCircle(glm::vec2(), radius);
			ofDrawLine(
				glm::vec2(radius * 1.85 * cos(deg * DEG_TO_RAD), radius * 1.85 * sin(deg * DEG_TO_RAD)),
				glm::vec2(radius * 1.85 * cos((deg + 180) * DEG_TO_RAD), radius * 1.85  * sin((deg + 180) * DEG_TO_RAD)));
			
			ofPopMatrix();
		}
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetWindowTitle("openFrameworks");

ofSetFrameRate(30);

ofBackground(0);

ofSetLineWidth(2);

ofNoFill();

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

ofTranslate(ofGetWindowSize() * 0.5);

auto radius = 10;

ofColor color;

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

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

ofPushMatrix();

ofTranslate(x, y);

auto deg = ofMap(ofNoise(x * 0.0015, y * 0.0015, ofGetFrameNum() * 0.0075), 0, 1, 0, 360);

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

ofDrawLine(

glm::vec2(radius * 1.85 * cos(deg * DEG_TO_RAD), radius * 1.85 * sin(deg * DEG_TO_RAD)),

glm::vec2(radius * 1.85 * cos((deg + 180) * DEG_TO_RAD), radius * 1.85 * sin((deg + 180) * DEG_TO_RAD)));

ofPopMatrix();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2022年8月18日2022年8月18日

Rainbow-colored orb. 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;
};

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

};

#include "ofApp.h"	

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

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

	this->number_of_targets = 256;
	this->shader.load("shader/shader.vert", "shader/shader.frag");
}

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

	ofSeedRandom(39);

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

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

		auto radius = ofRandom(200, 300);
		auto deg = ofRandom(360) + ofGetFrameNum() * ofRandom(0.25, 0.8) * (ofRandom(1) < 0.5 ? 1 : -1);

		auto target = glm::vec2(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));
		this->target_list.push_back(target + ofGetWindowSize() * 0.5);

		this->color_list.push_back(glm::vec3(
			ofNoise(ofRandom(1000), ofGetFrameNum() * 0.015), 
			ofNoise(ofRandom(1000), ofGetFrameNum() * 0.015),
			ofNoise(ofRandom(1000), ofGetFrameNum() * 0.015)));
	}
}

//--------------------------------------------------------------
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, this->number_of_targets);
	this->shader.setUniform3fv("colors", &this->color_list[0].x, this->number_of_targets);

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

this->number_of_targets = 256;

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

}

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

void ofApp::update() {

ofSeedRandom(39);

this->target_list.clear();

this->color_list.clear();

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

auto radius = ofRandom(200, 300);

auto deg = ofRandom(360) + ofGetFrameNum() * ofRandom(0.25, 0.8) * (ofRandom(1) < 0.5 ? 1 : -1);

auto target = glm::vec2(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));

this->target_list.push_back(target + ofGetWindowSize() * 0.5);

this->color_list.push_back(glm::vec3(

ofNoise(ofRandom(1000), ofGetFrameNum() * 0.015),

ofNoise(ofRandom(1000), ofGetFrameNum() * 0.015)));

}

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

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, this->number_of_targets);

this->shader.setUniform3fv("colors", &this->color_list[0].x, this->number_of_targets);

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 = 256;

uniform float time;
uniform vec2 resolution;
uniform vec2 targets[number_of_targets];
uniform vec3 colors[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.0285 / length(p - t);
	float r = v * colors[i].x;
	float g = v * colors[i].y;
	float b = v * colors[i].z;
    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 = 256;

uniform float time;

uniform vec2 resolution;

uniform vec2 targets[number_of_targets];

uniform vec3 colors[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.0285 / length(p - t);

float r = v * colors[i].x;

float g = v * colors[i].y;

float b = v * colors[i].z;

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/Insta20220818

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