character – ページ 7 – プログラミング de 落描き

2021年2月17日2021年2月17日

PCD 2021 Desert. Draw by openFrameworks

[ Video ]

[ About ]

For PCD Japan 2021, we organize Daily Coding Week from Feb 13th! We made a "prompt list" as themes of the day, and those works tweeted with #PCD2021 by 23:59 (UTC+9) will be automatically included in our 3D online gallery! Use your favorite tool (not only p5/p5js) for submission! pic.twitter.com/WjcOwu1fnP

— PCD Japan (@PCD_Tokyo) February 11, 2021

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

	ofTrueTypeFont font;

	ofxBox2d box2d;
	vector<shared_ptr<ofxBox2dCircle>> circle_list;
	vector<float> radius_list;
	vector<float> life_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 windowResized(int w, int h) {};

void dragEvent(ofDragInfo dragInfo) {};

void gotMessage(ofMessage msg) {};

ofTrueTypeFont font;

ofxBox2d box2d;

vector<shared_ptr<ofxBox2dCircle>> circle_list;

vector<float> radius_list;

vector<float> life_list;

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofSetColor(39);

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

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

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

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

		this->life_list[i] -= 1;

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

			this->circle_list.erase(this->circle_list.begin() + i);
			this->radius_list.erase(this->radius_list.begin() + i);
			this->life_list.erase(this->life_list.begin() + i);
		}
	}

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

		auto radius = ofRandom(1, 3);

		auto circle = make_shared<ofxBox2dCircle>();
		circle->setPhysics(0.5, 0.03, 0.1);
		circle->setup(this->box2d.getWorld(), ofRandom(ofGetWidth() * 0.5 - radius, ofGetWidth() * 0.5 + radius), 100 + radius, radius);
		circle->setRotation(ofRandom(360));
		this->circle_list.push_back(circle);
		this->radius_list.push_back(radius);
		this->life_list.push_back(400);
	}

	this->box2d.update();
}

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

	string word = "PCD 2021";
	this->font.drawStringAsShapes(word, ofGetWidth() * 0.5 + this->font.stringWidth(word) * -0.5, ofGetHeight() * 0.5 + this->font.stringHeight(word) * 0.5);

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

		ofDrawCircle(glm::vec2(this->circle_list[i]->getPosition()), this->radius_list[i]);
	}
}


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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofSetColor(39);

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

this->box2d.init();

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

this->box2d.createBounds();

this->box2d.setFPS(60);

this->box2d.registerGrabbing();

}

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

void ofApp::update() {

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

this->life_list[i] -= 1;

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

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

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

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

}

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

auto radius = ofRandom(1, 3);

auto circle = make_shared<ofxBox2dCircle>();

circle->setPhysics(0.5, 0.03, 0.1);

circle->setup(this->box2d.getWorld(), ofRandom(ofGetWidth() * 0.5 - radius, ofGetWidth() * 0.5 + radius), 100 + radius, radius);

circle->setRotation(ofRandom(360));

this->circle_list.push_back(circle);

this->radius_list.push_back(radius);

this->life_list.push_back(400);

}

this->box2d.update();

}

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

void ofApp::draw() {

string word = "PCD 2021";

this->font.drawStringAsShapes(word, ofGetWidth() * 0.5 + this->font.stringWidth(word) * -0.5, ofGetHeight() * 0.5 + this->font.stringHeight(word) * 0.5);

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

ofDrawCircle(glm::vec2(this->circle_list[i]->getPosition()), this->radius_list[i]);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2021年2月14日

PCD 2021 Ocean. Draw by openFrameworks

[ Video ]

[ About ]

For PCD Japan 2021, we organize Daily Coding Week from Feb 13th! We made a "prompt list" as themes of the day, and those works tweeted with #PCD2021 by 23:59 (UTC+9) will be automatically included in our 3D online gallery! Use your favorite tool (not only p5/p5js) for submission! pic.twitter.com/WjcOwu1fnP

— PCD Japan (@PCD_Tokyo) February 11, 2021

[ Source ]

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

	ofTrueTypeFont font;

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

	cv::Mat gray;
	ofImage gray_image;

	cv::Mat edge;
	ofImage edge_image;
};

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

ofTrueTypeFont font;

cv::VideoCapture cap;

cv::Size cap_size;

cv::Mat gray;

ofImage gray_image;

cv::Mat edge;

ofImage edge_image;

};

#include "ofApp.h"

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

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

	ofBackground(0);
	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

	ofSetRectMode(ofRectMode::OF_RECTMODE_CENTER);

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

	this->cap.open("D:\\MP4\\wave2.mp4");
	this->cap_size = cv::Size(1280, 720);

	this->gray_image.allocate(this->cap_size.width, this->cap_size.height, OF_IMAGE_GRAYSCALE);
	this->gray = cv::Mat(this->gray_image.getHeight(), this->gray_image.getWidth(), CV_MAKETYPE(CV_8U, this->gray_image.getPixels().getNumChannels()), this->gray_image.getPixels().getData(), 0);

	this->edge_image.allocate(this->cap_size.width, this->cap_size.height, OF_IMAGE_GRAYSCALE);
	this->edge = cv::Mat(this->edge_image.getHeight(), this->edge_image.getWidth(), CV_MAKETYPE(CV_8U, this->edge_image.getPixels().getNumChannels()), this->edge_image.getPixels().getData(), 0);
}

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

	cv::Mat cap_frame, resize_frame;
	this->cap >> cap_frame;
	if (cap_frame.empty()) {

		cap.set(cv::CAP_PROP_POS_FRAMES, 1);
		return;
	}
	cv::resize(cap_frame, resize_frame, this->cap_size);

	cv::cvtColor(resize_frame, this->gray, cv::COLOR_RGB2GRAY);
	this->gray.forEach<uchar>([](uchar& value, const int* position) -> void {

		value = floor(value / 50) * 50;
	});

	cv::Canny(this->gray, this->edge, 10, 200);

	this->gray_image.update();
	this->edge_image.update();
}

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

	ofTranslate(ofGetWindowSize() * 0.5);

	ofSetColor(239);
	string word = "PCD 2021";
	this->font.drawStringAsShapes(word, this->font.stringWidth(word) * -0.5, this->font.stringHeight(word) * 0.5);

	this->gray_image.draw(0, 0);
	this->edge_image.draw(0, 0);
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openFrameworks");

ofBackground(0);

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

ofSetRectMode(ofRectMode::OF_RECTMODE_CENTER);

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

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

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

this->gray_image.allocate(this->cap_size.width, this->cap_size.height, OF_IMAGE_GRAYSCALE);

this->gray = cv::Mat(this->gray_image.getHeight(), this->gray_image.getWidth(), CV_MAKETYPE(CV_8U, this->gray_image.getPixels().getNumChannels()), this->gray_image.getPixels().getData(), 0);

this->edge_image.allocate(this->cap_size.width, this->cap_size.height, OF_IMAGE_GRAYSCALE);

this->edge = cv::Mat(this->edge_image.getHeight(), this->edge_image.getWidth(), CV_MAKETYPE(CV_8U, this->edge_image.getPixels().getNumChannels()), this->edge_image.getPixels().getData(), 0);

}

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

void ofApp::update() {

cv::Mat cap_frame, resize_frame;

this->cap >> cap_frame;

if (cap_frame.empty()) {

cap.set(cv::CAP_PROP_POS_FRAMES, 1);

return;

}

cv::resize(cap_frame, resize_frame, this->cap_size);

cv::cvtColor(resize_frame, this->gray, cv::COLOR_RGB2GRAY);

this->gray.forEach<uchar>([](uchar& value, const int* position) -> void {

value = floor(value / 50) * 50;

});

cv::Canny(this->gray, this->edge, 10, 200);

this->gray_image.update();

this->edge_image.update();

}

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

void ofApp::draw() {

ofTranslate(ofGetWindowSize() * 0.5);

ofSetColor(239);

string word = "PCD 2021";

this->font.drawStringAsShapes(word, this->font.stringWidth(word) * -0.5, this->font.stringHeight(word) * 0.5);

this->gray_image.draw(0, 0);

this->edge_image.draw(0, 0);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2021年2月13日

PCD 2021 Grass. Draw by openFrameworks

[ Video ]

[ About ]

For PCD Japan 2021, we organize Daily Coding Week from Feb 13th! We made a "prompt list" as themes of the day, and those works tweeted with #PCD2021 by 23:59 (UTC+9) will be automatically included in our 3D online gallery! Use your favorite tool (not only p5/p5js) for submission! pic.twitter.com/WjcOwu1fnP

— PCD Japan (@PCD_Tokyo) February 11, 2021

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

	ofTrueTypeFont font;
	string word;
	vector<glm::vec3> font_location_list;

	vector<ofColor> base_color_list;

	vector<vector<glm::vec2>> log_list;
	vector<ofColor> color_list;
	vector<float> life_list;
};

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

ofTrueTypeFont font;

string word;

vector<glm::vec3> font_location_list;

vector<ofColor> base_color_list;

vector<vector<glm::vec2>> log_list;

vector<ofColor> color_list;

vector<float> life_list;

};

#include "ofApp.h"	

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

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

	ofBackground(39);
	ofNoFill();

	ofColor color;
	vector<int> hex_list = { 0x63FDD9, 0x59E39B, 0x6DFA89, 0x67E359, 0xA8FD63 };
	for (auto hex : hex_list) {

		color.setHex(hex);
		this->base_color_list.push_back(color);
	}

	this->font.loadFont("fonts/Kazesawa-Bold.ttf", 100, true, true, true);
	this->word = "PCD 2021";
	int sample_count = 150;
	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();
		for (int outline_index = 0; outline_index < outline.size(); outline_index++) {

			outline[outline_index] = outline[outline_index].getResampledByCount(sample_count);
			vector<glm::vec3> vertices = outline[outline_index].getVertices();
			this->font_location_list.insert(this->font_location_list.end(), vertices.begin(), vertices.end());
		}
	}
}

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

	int radius = 3;
	while (this->log_list.size() < 1000) {

		int font_location_index = ofRandom(this->font_location_list.size());
		vector<glm::vec2> log;
		log.push_back(this->font_location_list[font_location_index]);
		this->log_list.push_back(log);
		this->color_list.push_back(this->base_color_list[(int)ofRandom(this->base_color_list.size())]);
		this->life_list.push_back(ofRandom(30, 50));
	}

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

		this->life_list[i] -= 1;
		if (this->life_list[i] < 0) {

			this->log_list.erase(this->log_list.begin() + i);
			this->color_list.erase(this->color_list.begin() + i);
			this->life_list.erase(this->life_list.begin() + i);

			continue;
		}

		auto deg = ofMap(ofNoise(glm::vec3(this->log_list[i].back() * 0.008, ofGetFrameNum() * 0.003)), 0, 1, -360, 360);
		this->log_list[i].push_back(this->log_list[i].back() + glm::vec2(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD)));
		while (this->log_list[i].size() > 100) {

			this->log_list[i].erase(this->log_list[i].begin());
		}
	}
}

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

	ofTranslate(ofGetWidth() * 0.5 - this->font.stringWidth(this->word) * 0.5, ofGetHeight() * 0.5 + this->font.stringHeight(this->word) * 0.5);

	ofSetColor(239);
	this->font.drawStringAsShapes(this->word, 0, 0);
	
	for (int i = 0; i < this->log_list.size(); i++) {

		ofSetColor(this->color_list[i]);

		if (this->life_list[i] > 30) {

			ofSetLineWidth(1.5);
		}
		else {

			ofSetLineWidth(ofMap(this->life_list[i], 0, 30, 0, 1.5));
		}

		ofBeginShape();
		ofVertices(this->log_list[i]);
		ofEndShape();
	}
}

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

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

100

101

102

103

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(39);

ofNoFill();

ofColor color;

vector<int> hex_list = { 0x63FDD9, 0x59E39B, 0x6DFA89, 0x67E359, 0xA8FD63 };

for (auto hex : hex_list) {

color.setHex(hex);

this->base_color_list.push_back(color);

}

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

this->word = "PCD 2021";

int sample_count = 150;

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

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

outline[outline_index] = outline[outline_index].getResampledByCount(sample_count);

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

this->font_location_list.insert(this->font_location_list.end(), vertices.begin(), vertices.end());

}

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

void ofApp::update() {

int radius = 3;

while (this->log_list.size() < 1000) {

int font_location_index = ofRandom(this->font_location_list.size());

vector<glm::vec2> log;

log.push_back(this->font_location_list[font_location_index]);

this->log_list.push_back(log);

this->color_list.push_back(this->base_color_list[(int)ofRandom(this->base_color_list.size())]);

this->life_list.push_back(ofRandom(30, 50));

}

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

this->life_list[i] -= 1;

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

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

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

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

continue;

}

auto deg = ofMap(ofNoise(glm::vec3(this->log_list[i].back() * 0.008, ofGetFrameNum() * 0.003)), 0, 1, -360, 360);

this->log_list[i].push_back(this->log_list[i].back() + glm::vec2(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD)));

while (this->log_list[i].size() > 100) {

this->log_list[i].erase(this->log_list[i].begin());

}

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

void ofApp::draw() {

ofTranslate(ofGetWidth() * 0.5 - this->font.stringWidth(this->word) * 0.5, ofGetHeight() * 0.5 + this->font.stringHeight(this->word) * 0.5);

ofSetColor(239);

this->font.drawStringAsShapes(this->word, 0, 0);

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

ofSetColor(this->color_list[i]);

if (this->life_list[i] > 30) {

ofSetLineWidth(1.5);

}

else {

ofSetLineWidth(ofMap(this->life_list[i], 0, 30, 0, 1.5));

}

ofBeginShape();

ofVertices(this->log_list[i]);

ofEndShape();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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