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

2021年8月29日

Broken color arrows. Draw by openFrameworks

[ Video ]

[ About ]
物理演算のポリゴンで矢印を作る。
Make arrows with physics polygons.

最近、新しく開発環境のPCを買い換えました。
Recently, I bought a new PC for my development environment.

[ Source ]

#pragma once
#include "ofMain.h"
#include "ofxBox2d.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) {}

	ofxBox2d box2d;

	vector<ofColor> base_color_list;
	vector<glm::vec2> noise_param_list;

	vector<shared_ptr<ofxBox2dPolygon>> polygon_list;
	vector<float> polygon_life_list;
	vector<ofColor> polygon_color_list;
};

#pragma once

#include "ofMain.h"

#include "ofxBox2d.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) {}

ofxBox2d box2d;

vector<ofColor> base_color_list;

vector<glm::vec2> noise_param_list;

vector<shared_ptr<ofxBox2dPolygon>> polygon_list;

vector<float> polygon_life_list;

vector<ofColor> polygon_color_list;

};

#include "ofApp.h"

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

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

	ofBackground(0);
	ofSetLineWidth(1);

	this->box2d.init();
	this->box2d.setGravity(0, 30);
	this->box2d.createBounds();
	this->box2d.setFPS(60);

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

		this->noise_param_list.push_back(glm::vec2(ofRandom(1000), ofRandom(1000)));
		
		ofColor base_color;
		base_color.setHsb(ofMap(i, 0, 4, 0, 255), 230, 255);
		this->base_color_list.push_back(base_color);
	}
}

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

	if (ofGetFrameNum() % 8 == 0) {

		for (int i = 0; i < this->noise_param_list.size(); i++) {

			auto location = glm::vec2(
				ofMap(ofNoise(this->noise_param_list[i].x, ofGetFrameNum() * 0.0075), 0, 1, 20, 700),
				ofMap(ofNoise(this->noise_param_list[i].y, ofGetFrameNum() * 0.0075), 0, 1, 100, 360));
			auto target = glm::vec2(
				ofMap(ofNoise(this->noise_param_list[i].x, (ofGetFrameNum() + 1) * 0.0075), 0, 1, 20, 700),
				ofMap(ofNoise(this->noise_param_list[i].y, (ofGetFrameNum() + 1) * 0.0075), 0, 1, 100, 360));

			auto size = 30;
			auto angle = std::atan2(target.y - location.y, target.x - location.x);

			vector<glm::vec2> vertices;
			vertices.push_back(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25);
			vertices.push_back(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)));
			vertices.push_back(location + glm::vec2(size * cos(angle), size * sin(angle)));
			vertices.push_back(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)));
			vertices.push_back(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25);

			vertices.push_back(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25);
			vertices.push_back(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5);
			vertices.push_back(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5);
			vertices.push_back(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25);

			auto polygon = make_shared<ofxBox2dPolygon>();
			polygon->addTriangle(vertices[0], vertices[1], vertices[2]);
			polygon->setPhysics(1.0, 0.7, 0.3);
			polygon->create(box2d.getWorld());

			this->polygon_list.push_back(move(polygon));
			this->polygon_life_list.push_back(128);
			this->polygon_color_list.push_back(this->base_color_list[i]);

			polygon = make_shared<ofxBox2dPolygon>();
			polygon->addTriangle(vertices[0], vertices[2], vertices[4]);
			polygon->setPhysics(1.0, 0.7, 0.3);
			polygon->create(box2d.getWorld());

			this->polygon_list.push_back(move(polygon));
			this->polygon_life_list.push_back(128);
			this->polygon_color_list.push_back(this->base_color_list[i]);

			polygon = make_shared<ofxBox2dPolygon>();
			polygon->addTriangle(vertices[4], vertices[2], vertices[3]);
			polygon->setPhysics(1.0, 0.7, 0.3);
			polygon->create(box2d.getWorld());

			this->polygon_list.push_back(move(polygon));
			this->polygon_life_list.push_back(128);
			this->polygon_color_list.push_back(this->base_color_list[i]);

			polygon = make_shared<ofxBox2dPolygon>();
			polygon->addTriangle(vertices[5], vertices[6], vertices[7]);
			polygon->setPhysics(1.0, 0.7, 0.3);
			polygon->create(box2d.getWorld());

			this->polygon_list.push_back(move(polygon));
			this->polygon_life_list.push_back(128);
			this->polygon_color_list.push_back(this->base_color_list[i]);

			polygon = make_shared<ofxBox2dPolygon>();
			polygon->addTriangle(vertices[5], vertices[7], vertices[8]);
			polygon->setPhysics(1.0, 0.7, 0.3);
			polygon->create(box2d.getWorld());

			this->polygon_list.push_back(move(polygon));
			this->polygon_life_list.push_back(128);
			this->polygon_color_list.push_back(this->base_color_list[i]);
		}
	}

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

		this->polygon_life_list[i] -= 1;

		if (this->polygon_life_list[i] < 0) {

			this->polygon_list[i]->destroy();
			this->polygon_list.erase(this->polygon_list.begin() + i);
			this->polygon_life_list.erase(this->polygon_life_list.begin() + i);
			this->polygon_color_list.erase(this->polygon_color_list.begin() + i);
		}
	}

	this->box2d.update();
}

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

	ofNoFill();
	ofSetColor(39);

	for (int i = 0; i < this->noise_param_list.size(); i++) {



		auto location = glm::vec2(
			ofMap(ofNoise(this->noise_param_list[i].x, ofGetFrameNum() * 0.0075), 0, 1, 20, 700),
			ofMap(ofNoise(this->noise_param_list[i].y, ofGetFrameNum() * 0.0075), 0, 1, 100, 360));
		auto target = glm::vec2(
			ofMap(ofNoise(this->noise_param_list[i].x, (ofGetFrameNum() + 1) * 0.0075), 0, 1, 20, 700),
			ofMap(ofNoise(this->noise_param_list[i].y, (ofGetFrameNum() + 1) * 0.0075), 0, 1, 100, 360));

		auto size = 30;
		auto angle = std::atan2(target.y - location.y, target.x - location.x);

		ofSetColor(this->base_color_list[i]);
		ofNoFill();
		ofBeginShape();
		ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25);
		ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)));
		ofVertex(location + glm::vec2(size * cos(angle), size * sin(angle)));
		ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)));
		ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25);
		ofEndShape();

		ofBeginShape();
		ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25);
		ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5);
		ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5);
		ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25);
		ofEndShape();
	}

	ofNoFill();
	for (int i = 0; i < this->polygon_list.size(); i++) {

		if (this->polygon_life_list[i] > 64) {

			ofSetColor(this->polygon_color_list[i]);
		}
		else {

			ofSetColor(this->polygon_color_list[i], ofMap(this->polygon_life_list[i], 64, 0, 255, 0));
		}

		this->polygon_list[i]->draw();
	}

	ofFill();
	for (int i = 0; i < this->polygon_list.size(); i++) {

		if (this->polygon_life_list[i] > 64) {

			ofSetColor(this->polygon_color_list[i], 128);
		}
		else {

			ofSetColor(this->polygon_color_list[i], ofMap(this->polygon_life_list[i], 64, 0, 128, 0));
		}

		this->polygon_list[i]->draw();
	}
}

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

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

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(0);

ofSetLineWidth(1);

this->box2d.init();

this->box2d.setGravity(0, 30);

this->box2d.createBounds();

this->box2d.setFPS(60);

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

this->noise_param_list.push_back(glm::vec2(ofRandom(1000), ofRandom(1000)));

ofColor base_color;

base_color.setHsb(ofMap(i, 0, 4, 0, 255), 230, 255);

this->base_color_list.push_back(base_color);

}

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

void ofApp::update() {

if (ofGetFrameNum() % 8 == 0) {

for (int i = 0; i < this->noise_param_list.size(); i++) {

auto location = glm::vec2(

ofMap(ofNoise(this->noise_param_list[i].x, ofGetFrameNum() * 0.0075), 0, 1, 20, 700),

ofMap(ofNoise(this->noise_param_list[i].y, ofGetFrameNum() * 0.0075), 0, 1, 100, 360));

auto target = glm::vec2(

ofMap(ofNoise(this->noise_param_list[i].x, (ofGetFrameNum() + 1) * 0.0075), 0, 1, 20, 700),

ofMap(ofNoise(this->noise_param_list[i].y, (ofGetFrameNum() + 1) * 0.0075), 0, 1, 100, 360));

auto size = 30;

auto angle = std::atan2(target.y - location.y, target.x - location.x);

vector<glm::vec2> vertices;

vertices.push_back(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25);

vertices.push_back(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)));

vertices.push_back(location + glm::vec2(size * cos(angle), size * sin(angle)));

vertices.push_back(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)));

vertices.push_back(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25);

vertices.push_back(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25);

vertices.push_back(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5);

vertices.push_back(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5);

vertices.push_back(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25);

auto polygon = make_shared<ofxBox2dPolygon>();

polygon->addTriangle(vertices[0], vertices[1], vertices[2]);

polygon->setPhysics(1.0, 0.7, 0.3);

polygon->create(box2d.getWorld());

this->polygon_list.push_back(move(polygon));

this->polygon_life_list.push_back(128);

this->polygon_color_list.push_back(this->base_color_list[i]);

polygon = make_shared<ofxBox2dPolygon>();

polygon->addTriangle(vertices[0], vertices[2], vertices[4]);

polygon->setPhysics(1.0, 0.7, 0.3);

polygon->create(box2d.getWorld());

this->polygon_list.push_back(move(polygon));

this->polygon_life_list.push_back(128);

this->polygon_color_list.push_back(this->base_color_list[i]);

polygon = make_shared<ofxBox2dPolygon>();

polygon->addTriangle(vertices[4], vertices[2], vertices[3]);

polygon->setPhysics(1.0, 0.7, 0.3);

polygon->create(box2d.getWorld());

this->polygon_list.push_back(move(polygon));

this->polygon_life_list.push_back(128);

this->polygon_color_list.push_back(this->base_color_list[i]);

polygon = make_shared<ofxBox2dPolygon>();

polygon->addTriangle(vertices[5], vertices[6], vertices[7]);

polygon->setPhysics(1.0, 0.7, 0.3);

polygon->create(box2d.getWorld());

this->polygon_list.push_back(move(polygon));

this->polygon_life_list.push_back(128);

this->polygon_color_list.push_back(this->base_color_list[i]);

polygon = make_shared<ofxBox2dPolygon>();

polygon->addTriangle(vertices[5], vertices[7], vertices[8]);

polygon->setPhysics(1.0, 0.7, 0.3);

polygon->create(box2d.getWorld());

this->polygon_list.push_back(move(polygon));

this->polygon_life_list.push_back(128);

this->polygon_color_list.push_back(this->base_color_list[i]);

}

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

this->polygon_life_list[i] -= 1;

if (this->polygon_life_list[i] < 0) {

this->polygon_list[i]->destroy();

this->polygon_list.erase(this->polygon_list.begin() + i);

this->polygon_life_list.erase(this->polygon_life_list.begin() + i);

this->polygon_color_list.erase(this->polygon_color_list.begin() + i);

}

this->box2d.update();

}

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

void ofApp::draw() {

ofNoFill();

ofSetColor(39);

for (int i = 0; i < this->noise_param_list.size(); i++) {

auto location = glm::vec2(

ofMap(ofNoise(this->noise_param_list[i].x, ofGetFrameNum() * 0.0075), 0, 1, 20, 700),

ofMap(ofNoise(this->noise_param_list[i].y, ofGetFrameNum() * 0.0075), 0, 1, 100, 360));

auto target = glm::vec2(

ofMap(ofNoise(this->noise_param_list[i].x, (ofGetFrameNum() + 1) * 0.0075), 0, 1, 20, 700),

ofMap(ofNoise(this->noise_param_list[i].y, (ofGetFrameNum() + 1) * 0.0075), 0, 1, 100, 360));

auto size = 30;

auto angle = std::atan2(target.y - location.y, target.x - location.x);

ofSetColor(this->base_color_list[i]);

ofNoFill();

ofBeginShape();

ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25);

ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)));

ofVertex(location + glm::vec2(size * cos(angle), size * sin(angle)));

ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)));

ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25);

ofEndShape();

ofBeginShape();

ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25);

ofVertex(location + glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5);

ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5);

ofVertex(location + glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25);

ofEndShape();

}

ofNoFill();

for (int i = 0; i < this->polygon_list.size(); i++) {

if (this->polygon_life_list[i] > 64) {

ofSetColor(this->polygon_color_list[i]);

}

else {

ofSetColor(this->polygon_color_list[i], ofMap(this->polygon_life_list[i], 64, 0, 255, 0));

}

this->polygon_list[i]->draw();

}

ofFill();

for (int i = 0; i < this->polygon_list.size(); i++) {

if (this->polygon_life_list[i] > 64) {

ofSetColor(this->polygon_color_list[i], 128);

}

else {

ofSetColor(this->polygon_color_list[i], ofMap(this->polygon_life_list[i], 64, 0, 128, 0));

}

this->polygon_list[i]->draw();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2021年8月28日

Sprinkle font on. Draw by openFrameworks

[ Video ]

[ About ]
物理計算はofxBox2dで計算する。
速度を持っている間は文字が切り替わって、静止中は切り替わらない。

Physics calculations are done in ofxBox2d.
The character switches while it has speed, and does not switch while at rest.

半角カナを追加するには → https://junkiyoshi.com/openframeworks20210809/
Box2Dを動かすには → https://qiita.com/junkiyoshi/items/68e602568a0c94840bec

[ Source ]

#pragma once
#include "ofMain.h"
#include "ofxBox2d.h"

class dCharacter {

public:

	dCharacter() {};
	void update(vector<string>& words);

	shared_ptr<ofxBox2dRect> rect;
	int index = 0;
};

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

	int font_size;
	ofTrueTypeFont font;
	vector<string> words;

	ofxBox2d box2d;
	vector<dCharacter> drop_char_list;
};

#pragma once

#include "ofMain.h"

#include "ofxBox2d.h"

class dCharacter {

public:

dCharacter() {};

void update(vector<string>& words);

shared_ptr<ofxBox2dRect> rect;

int index = 0;

};

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

int font_size;

ofTrueTypeFont font;

vector<string> words;

ofxBox2d box2d;

vector<dCharacter> drop_char_list;

};

#include "ofApp.h"

//--------------------------------------------------------------
void dCharacter::update(vector<string>& words) {

	if (ofGetFrameNum() % 5 && this->rect->getVelocity().length() > 1.5) {

		this->index = ofRandom(words.size());
	}
}

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

	ofSetFrameRate(60);
	ofSetWindowTitle("openframeworks");

	ofBackground(239);
	ofSetColor(39);

	this->font_size = 20;
	ofTrueTypeFontSettings font_settings("fonts/msgothic.ttc", this->font_size);
	font_settings.antialiased = true;
	font_settings.addRanges(ofAlphabet::Japanese);
	this->font.load(font_settings);

	this->words = {

		//u8"!", u8"#", u8"$", u8"%", u8"&",
		//u8"'", u8"(", u8")", u8"*", u8"+",
		//u8",", u8"-", u8".", u8"/", u8"0",
		//u8"1", u8"2", u8"3", u8"4", u8"5",
		//u8"6", u8"7", u8"8", u8"9", u8"0",
		//u8":", u8";", u8"<", u8"=", u8">",
		//u8"?", u8"@",

		//u8"A", u8"B", u8"C", u8"D", u8"E",
		//u8"F", u8"G", u8"H", u8"I", u8"J",
		//u8"K", u8"L", u8"M", u8"N", u8"O",
		//u8"P", u8"Q", u8"R", u8"S", u8"T",
		//u8"U", u8"V", u8"W", u8"X", u8"Y", u8"Z",

		//u8"a", u8"b", u8"c", u8"d", u8"e",
		//u8"f", u8"g", u8"h", u8"i", u8"j",
		//u8"k", u8"l", u8"m", u8"n", u8"o",
		//u8"p", u8"q", u8"r", u8"s", u8"t",
		//u8"u", u8"v", u8"w", u8"x", u8"y", u8"z",

		u8"ｱ", u8"ｲ", u8"ｳ", u8"ｴ", u8"ｵ",
		u8"ｶ", u8"ｷ", u8"ｸ", u8"ｹ", u8"ｺ",
		u8"ｻ", u8"ｼ", u8"ｽ", u8"ｾ", u8"ｿ",
		u8"ﾀ", u8"ﾁ", u8"ﾂ", u8"ﾃ", u8"ﾄ",
		u8"ﾅ", u8"ﾆ", u8"ﾇ", u8"ﾈ", u8"ﾉ",
		u8"ﾊ", u8"ﾋ", u8"ﾌ", u8"ﾍ", u8"ﾎ",
		u8"ﾏ", u8"ﾐ", u8"ﾑ", u8"ﾒ", u8"ﾓ",
		u8"ﾔ", u8"ﾕ", u8"ﾖ",
		u8"ﾗ", u8"ﾘ", u8"ﾙ", u8"ﾚ", u8"ﾛ",
		u8"ﾜ", u8"ｦ", u8"ﾝ",
	};

	this->box2d.init();
	this->box2d.setGravity(0, 15);
	this->box2d.createBounds();
	this->box2d.setFPS(60);
	this->box2d.registerGrabbing();
}

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

	if (ofRandom(100) < 35) {

		auto rect = make_shared<ofxBox2dRect>();
		rect->setPhysics(1.0, 0.3, 0.3);
		rect->setup(this->box2d.getWorld(), ofRandom(ofGetWidth() * 0.5 - 25, ofGetWidth() * 0.5 + 25), 25, this->font_size, this->font_size);

		auto drop_char = dCharacter();
		drop_char.rect = rect;
		drop_char.index = ofRandom(this->words.size());

		this->drop_char_list.push_back(drop_char);
	}

	for (auto& drop_char : this->drop_char_list) {

		drop_char.update(this->words);
	}

	this->box2d.update();
}

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

	for (auto& drop_char : this->drop_char_list) {

		ofPushMatrix();
		ofTranslate(drop_char.rect->getPosition().x, drop_char.rect->getPosition().y);
		ofRotate(drop_char.rect->getRotation());

		this->font.drawString(this->words[drop_char.index], -5, 10);

		ofPopMatrix();
	}
}

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

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

100

101

102

103

104

105

106

107

108

109

110

111

112

#include "ofApp.h"

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

void dCharacter::update(vector<string>& words) {

if (ofGetFrameNum() % 5 && this->rect->getVelocity().length() > 1.5) {

this->index = ofRandom(words.size());

}

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(239);

ofSetColor(39);

this->font_size = 20;

ofTrueTypeFontSettings font_settings("fonts/msgothic.ttc", this->font_size);

font_settings.antialiased = true;

font_settings.addRanges(ofAlphabet::Japanese);

this->font.load(font_settings);

this->words = {

//u8"!", u8"#", u8"$", u8"%", u8"&",

//u8"'", u8"(", u8")", u8"*", u8"+",

//u8",", u8"-", u8".", u8"/", u8"0",

//u8"1", u8"2", u8"3", u8"4", u8"5",

//u8"6", u8"7", u8"8", u8"9", u8"0",

//u8":", u8";", u8"<", u8"=", u8">",

//u8"?", u8"@",

//u8"A", u8"B", u8"C", u8"D", u8"E",

//u8"F", u8"G", u8"H", u8"I", u8"J",

//u8"K", u8"L", u8"M", u8"N", u8"O",

//u8"P", u8"Q", u8"R", u8"S", u8"T",

//u8"U", u8"V", u8"W", u8"X", u8"Y", u8"Z",

//u8"a", u8"b", u8"c", u8"d", u8"e",

//u8"f", u8"g", u8"h", u8"i", u8"j",

//u8"k", u8"l", u8"m", u8"n", u8"o",

//u8"p", u8"q", u8"r", u8"s", u8"t",

//u8"u", u8"v", u8"w", u8"x", u8"y", u8"z",

u8"ｱ", u8"ｲ", u8"ｳ", u8"ｴ", u8"ｵ",

u8"ｶ", u8"ｷ", u8"ｸ", u8"ｹ", u8"ｺ",

u8"ｻ", u8"ｼ", u8"ｽ", u8"ｾ", u8"ｿ",

u8"ﾀ", u8"ﾁ", u8"ﾂ", u8"ﾃ", u8"ﾄ",

u8"ﾅ", u8"ﾆ", u8"ﾇ", u8"ﾈ", u8"ﾉ",

u8"ﾊ", u8"ﾋ", u8"ﾌ", u8"ﾍ", u8"ﾎ",

u8"ﾏ", u8"ﾐ", u8"ﾑ", u8"ﾒ", u8"ﾓ",

u8"ﾔ", u8"ﾕ", u8"ﾖ",

u8"ﾗ", u8"ﾘ", u8"ﾙ", u8"ﾚ", u8"ﾛ",

u8"ﾜ", u8"ｦ", u8"ﾝ",

};

this->box2d.init();

this->box2d.setGravity(0, 15);

this->box2d.createBounds();

this->box2d.setFPS(60);

this->box2d.registerGrabbing();

}

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

void ofApp::update() {

if (ofRandom(100) < 35) {

auto rect = make_shared<ofxBox2dRect>();

rect->setPhysics(1.0, 0.3, 0.3);

rect->setup(this->box2d.getWorld(), ofRandom(ofGetWidth() * 0.5 - 25, ofGetWidth() * 0.5 + 25), 25, this->font_size, this->font_size);

auto drop_char = dCharacter();

drop_char.rect = rect;

drop_char.index = ofRandom(this->words.size());

this->drop_char_list.push_back(drop_char);

}

for (auto& drop_char : this->drop_char_list) {

drop_char.update(this->words);

}

this->box2d.update();

}

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

void ofApp::draw() {

for (auto& drop_char : this->drop_char_list) {

ofPushMatrix();

ofTranslate(drop_char.rect->getPosition().x, drop_char.rect->getPosition().y);

ofRotate(drop_char.rect->getRotation());

this->font.drawString(this->words[drop_char.index], -5, 10);

ofPopMatrix();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ Kinako ]

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2021年8月27日2021年8月27日

Open an OpenSea account. Draw by openFrameworks

[ Video ]

[ About ]
OpenSeaアカウントを開設しました。
NFTの販売も開始しています。

We have opened an OpenSea account and have started selling NFTs.

https://opensea.io/junkiyoshi

[ Source ]

#pragma once
#include "ofMain.h"
#include "opencv2/opencv.hpp"

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;

	cv::VideoCapture cap;
	cv::Size cap_size;

	ofImage image;
	cv::Mat frame;
	vector<cv::Mat> frame_list;
	int number_of_frames;

	vector<ofMesh> mesh_list;

	ofTrueTypeFont font;
};

#pragma once

#include "ofMain.h"

#include "opencv2/opencv.hpp"

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;

cv::VideoCapture cap;

cv::Size cap_size;

ofImage image;

cv::Mat frame;

vector<cv::Mat> frame_list;

int number_of_frames;

vector<ofMesh> mesh_list;

ofTrueTypeFont font;

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofEnableDepthTest();

	this->cap_size = cv::Size(1280, 720);

	this->image.allocate(this->cap_size.width, this->cap_size.height, OF_IMAGE_COLOR);
	this->frame = cv::Mat(cv::Size(this->image.getWidth(), this->image.getHeight()), CV_MAKETYPE(CV_8UC3, this->image.getPixels().getNumChannels()), this->image.getPixels().getData(), 0);

	this->cap.open("D:\\MP4\\opensea.mp4");
	this->number_of_frames = this->cap.get(cv::CAP_PROP_FRAME_COUNT);
	for (int i = 0; i < this->number_of_frames; i++) {

		cv::Mat src, tmp;
		this->cap >> src;
		if (src.empty()) {

			continue;
		}

		cv::resize(src, tmp, this->cap_size);
		cv::cvtColor(tmp, tmp, cv::COLOR_BGR2RGB);

		this->frame_list.push_back(tmp);
	}

	this->font.loadFont("fonts/Kazesawa-Bold.ttf", 50, true, true, true);
}

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

	int frame_index = ofGetFrameNum() % this->number_of_frames;
	this->frame_list[frame_index].copyTo(this->frame);
	this->image.update();

	this->mesh_list.clear();

	float radius = 200;
	int deg_span = 3;
	int x_span = 4;
	for (int x = 0; x < this->cap_size.width; x += x_span) {

		ofMesh mesh, frame;
		frame.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);
		int deg_start = ofMap(ofNoise(x * 0.00025, ofGetFrameNum() * 0.005), 0, 1, -360, 360);
		for (int deg = deg_start; deg < deg_start + 180; deg += deg_span) {

			int index = mesh.getNumVertices();

			vector<glm::vec3> vertices;
			vertices.push_back(glm::vec3(x - this->cap_size.width * 0.5, radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD)));
			vertices.push_back(glm::vec3(x - this->cap_size.width * 0.5, radius * cos((deg + deg_span) * DEG_TO_RAD), radius * sin((deg + deg_span) * DEG_TO_RAD)));
			vertices.push_back(glm::vec3(x + x_span - this->cap_size.width * 0.5, radius* cos((deg + deg_span) * DEG_TO_RAD), radius * sin((deg + deg_span) * DEG_TO_RAD)));
			vertices.push_back(glm::vec3(x + x_span - this->cap_size.width * 0.5, radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD)));

			mesh.addVertices(vertices);
			frame.addVertices(vertices);

			int y = ofMap(deg - deg_start, 0, 180, 0, this->cap_size.height);
			int next_y = ofMap(deg + deg_span - deg_start, 0, 180, 0, this->cap_size.height);

			mesh.addTexCoord(glm::vec3(x, y, 0));
			mesh.addTexCoord(glm::vec3(x, next_y, 0));
			mesh.addTexCoord(glm::vec3(x + x_span, next_y, 0));
			mesh.addTexCoord(glm::vec3(x + x_span, y, 0));

			mesh.addIndex(index + 0); mesh.addIndex(index + 1); mesh.addIndex(index + 2);
			mesh.addIndex(index + 0); mesh.addIndex(index + 2); mesh.addIndex(index + 3);
		}

		this->mesh_list.push_back(mesh);
	}
}

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

	this->cam.begin();

	for (int i = 0; i < this->mesh_list.size(); i++) {

		float z = (this->mesh_list[i].getVertex(0).z + this->mesh_list[i].getVertex(2).z) / 2;

		this->image.bind();
		ofSetColor(255);
		this->mesh_list[i].draw();
		this->image.unbind();
	}

	ofRotateX(180);

	auto word = "https://opensea.io/junkiyoshi";
	auto base_location = glm::vec2(this->font.stringWidth(word) * -0.5, this->font.stringHeight(word) * 0.5);
	auto param = ofGetFrameNum();

	vector<ofPath> word_path = this->font.getStringAsPoints(word, true, false);
	for (int word_index = 0; word_index < word_path.size(); word_index++) {

		vector<ofPolyline> outline = word_path[word_index].getOutline();

		ofFill();
		ofSetColor(39);
		ofBeginShape();
		for (int outline_index = 0; outline_index < outline.size(); outline_index++) {

			if (outline_index != 0) { ofNextContour(true); }

			vector<glm::vec3> vertices = outline[outline_index].getVertices();
			for (auto& vertex : vertices) { vertex += glm::vec3(base_location, 0); }

			ofVertices(vertices);
		}
		ofEndShape();
	}

	this->cam.end();
}

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

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

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofEnableDepthTest();

this->cap_size = cv::Size(1280, 720);

this->image.allocate(this->cap_size.width, this->cap_size.height, OF_IMAGE_COLOR);

this->frame = cv::Mat(cv::Size(this->image.getWidth(), this->image.getHeight()), CV_MAKETYPE(CV_8UC3, this->image.getPixels().getNumChannels()), this->image.getPixels().getData(), 0);

this->cap.open("D:\\MP4\\opensea.mp4");

this->number_of_frames = this->cap.get(cv::CAP_PROP_FRAME_COUNT);

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

cv::Mat src, tmp;

this->cap >> src;

if (src.empty()) {

continue;

}

cv::resize(src, tmp, this->cap_size);

cv::cvtColor(tmp, tmp, cv::COLOR_BGR2RGB);

this->frame_list.push_back(tmp);

}

this->font.loadFont("fonts/Kazesawa-Bold.ttf", 50, true, true, true);

}

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

void ofApp::update() {

int frame_index = ofGetFrameNum() % this->number_of_frames;

this->frame_list[frame_index].copyTo(this->frame);

this->image.update();

this->mesh_list.clear();

float radius = 200;

int deg_span = 3;

int x_span = 4;

for (int x = 0; x < this->cap_size.width; x += x_span) {

ofMesh mesh, frame;

frame.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);

int deg_start = ofMap(ofNoise(x * 0.00025, ofGetFrameNum() * 0.005), 0, 1, -360, 360);

for (int deg = deg_start; deg < deg_start + 180; deg += deg_span) {

int index = mesh.getNumVertices();

vector<glm::vec3> vertices;

vertices.push_back(glm::vec3(x - this->cap_size.width * 0.5, radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD)));

vertices.push_back(glm::vec3(x - this->cap_size.width * 0.5, radius * cos((deg + deg_span) * DEG_TO_RAD), radius * sin((deg + deg_span) * DEG_TO_RAD)));

vertices.push_back(glm::vec3(x + x_span - this->cap_size.width * 0.5, radius* cos((deg + deg_span) * DEG_TO_RAD), radius * sin((deg + deg_span) * DEG_TO_RAD)));

vertices.push_back(glm::vec3(x + x_span - this->cap_size.width * 0.5, radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD)));

mesh.addVertices(vertices);

frame.addVertices(vertices);

int y = ofMap(deg - deg_start, 0, 180, 0, this->cap_size.height);

int next_y = ofMap(deg + deg_span - deg_start, 0, 180, 0, this->cap_size.height);

mesh.addTexCoord(glm::vec3(x, y, 0));

mesh.addTexCoord(glm::vec3(x, next_y, 0));

mesh.addTexCoord(glm::vec3(x + x_span, next_y, 0));

mesh.addTexCoord(glm::vec3(x + x_span, y, 0));

mesh.addIndex(index + 0); mesh.addIndex(index + 1); mesh.addIndex(index + 2);

mesh.addIndex(index + 0); mesh.addIndex(index + 2); mesh.addIndex(index + 3);

}

this->mesh_list.push_back(mesh);

}

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

void ofApp::draw() {

this->cam.begin();

for (int i = 0; i < this->mesh_list.size(); i++) {

float z = (this->mesh_list[i].getVertex(0).z + this->mesh_list[i].getVertex(2).z) / 2;

this->image.bind();

ofSetColor(255);

this->mesh_list[i].draw();

this->image.unbind();

}

ofRotateX(180);

auto word = "https://opensea.io/junkiyoshi";

auto base_location = glm::vec2(this->font.stringWidth(word) * -0.5, this->font.stringHeight(word) * 0.5);

auto param = ofGetFrameNum();

vector<ofPath> word_path = this->font.getStringAsPoints(word, true, false);

for (int word_index = 0; word_index < word_path.size(); word_index++) {

vector<ofPolyline> outline = word_path[word_index].getOutline();

ofFill();

ofSetColor(39);

ofBeginShape();

for (int outline_index = 0; outline_index < outline.size(); outline_index++) {

if (outline_index != 0) { ofNextContour(true); }

vector<glm::vec3> vertices = outline[outline_index].getVertices();

for (auto& vertex : vertices) { vertex += glm::vec3(base_location, 0); }

ofVertices(vertices);

}

ofEndShape();

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
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