2018年4月 – ページ 8 – プログラミング de 落描き

2018年4月9日2018年4月8日

Surfaceのセンサ + ofxBox2d openFrameowrks

[ Video ]

[ About ]
Surfaceのセンサー情報を取得してみたいなと思って、調べてみました。下記のサイトが参考になりました。

WindowsでC++で加速度センサーの値をとりたい
http://blog.okazuki.jp/entry/2015/04/07/195929

Sensor API について
https://msdn.microsoft.com/ja-jp/library/windows/desktop/dd318913(v=vs.85).aspx

[C++] Native Code (VC++) で Windows 7 Sensor API を使う
https://code.msdn.microsoft.com/C-Native-Code-VC-Windows-7-dcc465d0/

どちらもWindows7/8向けで少し古い情報でしたが、Windows 10 SDKに記載のヘッダーやライブラリがあったので大丈夫でした。C#だとセンサ関係のクラスが用意されているようなので基本的にはそっちの方を推奨なのでしょうね。

加速度センサーから値を取得しています(たぶん)。自分の想像していた加速度センサーの値とは、取れる値の形が違ったのですが、きっと自分の勉強不足でしょう。

取れた値は、傾きと連動しているっぽいのでofxBox2dの物理ライブラリの重力と値をリンクさせて傾けた方向にオブジェクトが落ちていくようにしました。

Windows固有のライブラリの使い方は慣れていなかったり、センサーの値の出力のされ方など、色々と調べていかないといけない点は多そうですが、とりあえずは動くものが作れたので、カスタマイズしていきたいですね。

[ Source ]

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

#include <SensorsApi.h>
#include <sensors.h>
#pragma comment(lib, "Sensorsapi.lib")

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

	// Make Member
	ofFbo fbo;
	ofTrueTypeFont font;
	ofxBox2d box2d;
	vector<shared_ptr<ofxBox2dCircle>> circles;	
	ofPoint sensor_point;
	
	// Make Method
	ofPoint get_accelerometer_3d();
};

#pragma once

#include "ofMain.h"

#include "ofxBox2d.h"

#include <SensorsApi.h>

#include <sensors.h>

#pragma comment(lib, "Sensorsapi.lib")

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

// Make Member

ofFbo fbo;

ofTrueTypeFont font;

ofxBox2d box2d;

vector<shared_ptr<ofxBox2dCircle>> circles;

ofPoint sensor_point;

// Make Method

ofPoint get_accelerometer_3d();

};

#include "ofApp.h"

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

	ofSetFrameRate(30);
	ofBackground(239);
	ofSetWindowTitle("Insta");

	this->fbo.allocate(ofGetWidth(), ofGetHeight());
	this->font.loadFont("fonts/Kazesawa-Bold.ttf", 50, true, false, true);

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

	for (int i = 0; i < 39 * 2; i++) {

		shared_ptr<ofxBox2dCircle> circle = shared_ptr<ofxBox2dCircle>(new ofxBox2dCircle);
		circle.get()->setPhysics(3.0, 0.5, 0.1);
		circle.get()->setup(this->box2d.getWorld(), ofRandom(ofGetWidth()), ofRandom(ofGetHeight()), ofRandom(9, 39));
		this->circles.push_back(circle);
	}
}

//--------------------------------------------------------------
void ofApp::update() {
	
	ofSeedRandom(39);

	this->sensor_point = this->get_accelerometer_3d();
	this->box2d.setGravity(this->sensor_point.x * 30, this->sensor_point.y * -30);
	this->box2d.update();

	this->fbo.begin();
	ofClear(0);

	ofSetColor(39, 139);
	this->font.drawString("X = " + std::to_string(this->sensor_point.x), 0, 100);
	this->font.drawString("Y = " + std::to_string(this->sensor_point.y), 0, 200);
	this->font.drawString("Z = " + std::to_string(this->sensor_point.z), 0, 300);

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

		ofColor circle_color;
		circle_color.setHsb(ofRandom(255), 239, 239);
		ofSetColor(circle_color);

		ofPushMatrix();
		ofTranslate(this->circles[i]->getPosition());

		ofBeginShape();
		for (int deg = 0; deg <= 360; deg++) {

			ofVertex(this->circles[i]->getRadius() * cos(deg * DEG_TO_RAD), this->circles[i]->getRadius() * sin(deg * DEG_TO_RAD));
		}
		ofEndShape();

		ofPopMatrix();
	}

	this->fbo.end();
}

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

	this->fbo.draw(0, 0);
}

//--------------------------------------------------------------
ofPoint ofApp::get_accelerometer_3d() {

	ISensorManager* sensor_manager = nullptr;
	ISensorCollection* sensor_collection = nullptr;
	ISensor* sensor = nullptr;
	ISensorDataReport* data = nullptr;

	if (!SUCCEEDED(::CoInitializeEx(NULL, COINIT_MULTITHREADED))) {

		return ofPoint();
	}

	if (!SUCCEEDED(::CoCreateInstance(CLSID_SensorManager, NULL, CLSCTX_INPROC_SERVER, IID_PPV_ARGS(&sensor_manager)))) {

		return ofPoint();
	}

	if (!SUCCEEDED(sensor_manager->GetSensorsByCategory(SENSOR_TYPE_ACCELEROMETER_3D, &sensor_collection))) {

		sensor_manager->Release();
		return ofPoint();
	}

	if (!SUCCEEDED(sensor_collection->GetAt(0, &sensor))) {

		sensor_collection->Release();
		sensor_manager->Release();
		return ofPoint();
	}

	if (!SUCCEEDED(sensor->GetData(&data))) {

		sensor->Release();
		sensor_collection->Release();
		sensor_manager->Release();
		return ofPoint();
	}

	PROPVARIANT x = {};
	if (!SUCCEEDED(data->GetSensorValue(SENSOR_DATA_TYPE_ACCELERATION_X_G, &x))) {

		data->Release();
		sensor->Release();
		sensor_collection->Release();
		sensor_manager->Release();
		return ofPoint();
	}

	PROPVARIANT y = {};
	if (!SUCCEEDED(data->GetSensorValue(SENSOR_DATA_TYPE_ACCELERATION_Y_G, &y))) {

		data->Release();
		sensor->Release();
		sensor_collection->Release();
		sensor_manager->Release();
		return ofPoint();
	}

	PROPVARIANT z = {};
	if (!SUCCEEDED(data->GetSensorValue(SENSOR_DATA_TYPE_ACCELERATION_Z_G, &z))) {

		data->Release();
		sensor->Release();
		sensor_collection->Release();
		sensor_manager->Release();
		return ofPoint();
	}

	data->Release();
	sensor->Release();
	sensor_collection->Release();
	sensor_manager->Release();

	return ofPoint(x.dblVal, y.dblVal, z.dblVal);
}

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

	ofSetupOpenGL(1280, 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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofBackground(239);

ofSetWindowTitle("Insta");

this->fbo.allocate(ofGetWidth(), ofGetHeight());

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

this->box2d.init();

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

this->box2d.createBounds();

this->box2d.setFPS(30);

for (int i = 0; i < 39 * 2; i++) {

shared_ptr<ofxBox2dCircle> circle = shared_ptr<ofxBox2dCircle>(new ofxBox2dCircle);

circle.get()->setPhysics(3.0, 0.5, 0.1);

circle.get()->setup(this->box2d.getWorld(), ofRandom(ofGetWidth()), ofRandom(ofGetHeight()), ofRandom(9, 39));

this->circles.push_back(circle);

}

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

void ofApp::update() {

ofSeedRandom(39);

this->sensor_point = this->get_accelerometer_3d();

this->box2d.setGravity(this->sensor_point.x * 30, this->sensor_point.y * -30);

this->box2d.update();

this->fbo.begin();

ofClear(0);

ofSetColor(39, 139);

this->font.drawString("X = " + std::to_string(this->sensor_point.x), 0, 100);

this->font.drawString("Y = " + std::to_string(this->sensor_point.y), 0, 200);

this->font.drawString("Z = " + std::to_string(this->sensor_point.z), 0, 300);

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

ofColor circle_color;

circle_color.setHsb(ofRandom(255), 239, 239);

ofSetColor(circle_color);

ofPushMatrix();

ofTranslate(this->circles[i]->getPosition());

ofBeginShape();

for (int deg = 0; deg <= 360; deg++) {

ofVertex(this->circles[i]->getRadius() * cos(deg * DEG_TO_RAD), this->circles[i]->getRadius() * sin(deg * DEG_TO_RAD));

}

ofEndShape();

ofPopMatrix();

}

this->fbo.end();

}

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

void ofApp::draw() {

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

}

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

ofPoint ofApp::get_accelerometer_3d() {

ISensorManager* sensor_manager = nullptr;

ISensorCollection* sensor_collection = nullptr;

ISensor* sensor = nullptr;

ISensorDataReport* data = nullptr;

if (!SUCCEEDED(::CoInitializeEx(NULL, COINIT_MULTITHREADED))) {

return ofPoint();

}

if (!SUCCEEDED(::CoCreateInstance(CLSID_SensorManager, NULL, CLSCTX_INPROC_SERVER, IID_PPV_ARGS(&sensor_manager)))) {

return ofPoint();

}

if (!SUCCEEDED(sensor_manager->GetSensorsByCategory(SENSOR_TYPE_ACCELEROMETER_3D, &sensor_collection))) {

sensor_manager->Release();

return ofPoint();

}

if (!SUCCEEDED(sensor_collection->GetAt(0, &sensor))) {

sensor_collection->Release();

sensor_manager->Release();

return ofPoint();

}

if (!SUCCEEDED(sensor->GetData(&data))) {

sensor->Release();

sensor_collection->Release();

sensor_manager->Release();

return ofPoint();

}

PROPVARIANT x = {};

if (!SUCCEEDED(data->GetSensorValue(SENSOR_DATA_TYPE_ACCELERATION_X_G, &x))) {

data->Release();

sensor->Release();

sensor_collection->Release();

sensor_manager->Release();

return ofPoint();

}

PROPVARIANT y = {};

if (!SUCCEEDED(data->GetSensorValue(SENSOR_DATA_TYPE_ACCELERATION_Y_G, &y))) {

data->Release();

sensor->Release();

sensor_collection->Release();

sensor_manager->Release();

return ofPoint();

}

PROPVARIANT z = {};

if (!SUCCEEDED(data->GetSensorValue(SENSOR_DATA_TYPE_ACCELERATION_Z_G, &z))) {

data->Release();

sensor->Release();

sensor_collection->Release();

sensor_manager->Release();

return ofPoint();

}

data->Release();

sensor->Release();

sensor_collection->Release();

sensor_manager->Release();

return ofPoint(x.dblVal, y.dblVal, z.dblVal);

}

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

int main() {

ofSetupOpenGL(1280, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2018年4月8日2018年4月7日

さける線 openFrameworks

[ Video ]

[ About ]
中心から決まった距離を避けるように線が描写されます。中心からの距離や線の描写の有無をNoise関数で決めているので、時々で違った形に見えます。

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

	// Make Method
	ofPoint make_rect_point(int len, int deg, int z = 0);

	// Make Member
	ofEasyCam cam;
};

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

// Make Method

ofPoint make_rect_point(int len, int deg, int z = 0);

// Make Member

ofEasyCam cam;

};

#include "ofApp.h"

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

	ofSetFrameRate(60);
	ofBackground(39);
	ofSetWindowTitle("Insta");

	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);
}

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

	ofSeedRandom(39);
}

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

	float radius = 500 * ofNoise(ofGetFrameNum() * 0.05);
	ofColor line_color;

	this->cam.begin();

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

		line_color.setHsb(ofRandom(255), 239, 239);

		int z = ofRandom(-15, 15);
		ofPoint start = this->make_rect_point(ofGetWidth(), ofRandom(360) + ofNoise((ofRandom(360) + ofGetFrameNum()) * 0.003) * 360, z);
		ofPoint target = this->make_rect_point(ofGetWidth(), ofRandom(360) + ofNoise((ofRandom(360) + ofGetFrameNum()) * 0.003) * 360, z);
		ofPoint direction = target - start;
		float len = direction.length();
		direction.normalize();

		ofPoint point = start;
		for (int l = 0; l <= len; l++) {

			float noise_value = ofNoise(i * 0.5 + l * 0.005 + ofGetFrameNum() * 0.05);
			if (noise_value > 0.5) {
				
				point += direction;
				continue;
			}
			ofSetColor(line_color);

			if (point.distance(ofPoint()) <= radius) {

				ofPoint p1 = point.normalized() * radius;
				ofPoint p2 = (point + direction).normalized() * radius;
				if (p1.distance(p2) < radius) {
				
					ofDrawLine(p1, p2);
				}
			}
			else {

				ofDrawLine(point, point + direction);
			}
			point += direction;
		}
	}

	this->cam.end();
}

//--------------------------------------------------------------
ofPoint ofApp::make_rect_point(int len, int deg, int z) {

	deg += 45;
	int param = deg / 90;
	len = len / 2;

	switch (param % 4) {

	case 0:

		return ofPoint(len, ofMap(deg % 90, 0, 89, -len, len), z);
	case 1:

		return ofPoint(ofMap(deg % 90, 0, 89, len, -len), len, z);
	case 2:

		return ofPoint(-len, ofMap(deg % 90, 0, 89, len, -len), z);
	case 3:

		return ofPoint(ofMap(deg % 90, 0, 89, -len, len), -len, z);
	}

	return ofPoint();
}

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

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

100

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofBackground(39);

ofSetWindowTitle("Insta");

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

float radius = 500 * ofNoise(ofGetFrameNum() * 0.05);

ofColor line_color;

this->cam.begin();

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

line_color.setHsb(ofRandom(255), 239, 239);

int z = ofRandom(-15, 15);

ofPoint start = this->make_rect_point(ofGetWidth(), ofRandom(360) + ofNoise((ofRandom(360) + ofGetFrameNum()) * 0.003) * 360, z);

ofPoint target = this->make_rect_point(ofGetWidth(), ofRandom(360) + ofNoise((ofRandom(360) + ofGetFrameNum()) * 0.003) * 360, z);

ofPoint direction = target - start;

float len = direction.length();

direction.normalize();

ofPoint point = start;

for (int l = 0; l <= len; l++) {

float noise_value = ofNoise(i * 0.5 + l * 0.005 + ofGetFrameNum() * 0.05);

if (noise_value > 0.5) {

point += direction;

continue;

}

ofSetColor(line_color);

if (point.distance(ofPoint()) <= radius) {

ofPoint p1 = point.normalized() * radius;

ofPoint p2 = (point + direction).normalized() * radius;

if (p1.distance(p2) < radius) {

ofDrawLine(p1, p2);

}

else {

ofDrawLine(point, point + direction);

}

point += direction;

}

this->cam.end();

}

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

ofPoint ofApp::make_rect_point(int len, int deg, int z) {

deg += 45;

int param = deg / 90;

len = len / 2;

switch (param % 4) {

case 0:

return ofPoint(len, ofMap(deg % 90, 0, 89, -len, len), z);

case 1:

return ofPoint(ofMap(deg % 90, 0, 89, len, -len), len, z);

case 2:

return ofPoint(-len, ofMap(deg % 90, 0, 89, len, -len), z);

case 3:

return ofPoint(ofMap(deg % 90, 0, 89, -len, len), -len, z);

}

return ofPoint();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2018年4月7日2018年4月6日

Clocks + MP4 openFrameworks OpenCv

[ Video ]

[ About ]
昨日の自分の動画を見ていて、視覚的な絵を足したら面白いなと思いつき。

動画の読み込みや合成は、OpenCVを使って画像処理をしています。起動時(setup内)で、動画から全フレーム取り出し、リサイズ、配列へ格納しています。

そのあとはNoise関数でそれぞれに描写するフレーム番号を決定、用意しておいた配列から対応するフレーム画像をコピー・結合(今回の場合は25枚)して大きな1枚の画像を生成しています。

1枚に結合して描写する事によって、思っていたより早く動いてくれました。今回はリアルタイムにキャプチャした動画を挙げているので、実際の動作速度です。

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

	// Make Method
	void draw_clock(ofPoint point, int frame_number);

	// Make Member
	ofFbo fbo;

	cv::VideoCapture cap;
	cv::Size cap_size;
	vector<cv::Mat> frames;

	cv::Mat blend_frame;
	ofImage blend_image;
};

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

// Make Method

void draw_clock(ofPoint point, int frame_number);

// Make Member

ofFbo fbo;

cv::VideoCapture cap;

cv::Size cap_size;

vector<cv::Mat> frames;

cv::Mat blend_frame;

ofImage blend_image;

};

#include "ofApp.h"

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

	ofSetFrameRate(60);
	ofBackground(39);
	ofSetWindowTitle("Insta");

	this->cap.open("movie_file_path.mp4");
	this->cap_size = cv::Size(256, 144);

	while (true) {

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

			break;
		}
		cv::resize(src, mini_src, this->cap_size);
		cv::cvtColor(mini_src, mini_src, CV_RGB2BGR);

		this->frames.push_back(mini_src);
	}

	this->blend_image.allocate(ofGetWidth(), ofGetHeight(), OF_IMAGE_COLOR);
	this->blend_frame = cv::Mat(this->blend_image.getHeight(), this->blend_image.getWidth(), CV_MAKETYPE(CV_8UC3, this->blend_image.getPixels().getNumChannels()), this->blend_image.getPixels().getData(), 0);
}

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

	cv::Rect rect;
	rect.width = this->cap_size.width;
	rect.height = this->cap_size.height;
	for (int x = 0; x < this->blend_image.getWidth(); x += rect.width) {
		
		for (int y = 0; y < this->blend_image.getHeight(); y += rect.height) {

			rect.x = x;
			rect.y = y;

			float noise_value = ofNoise(x * 0.005, y * 0.005, ofGetFrameNum() * 0.001);
			int frame_number = noise_value * this->frames.size();

			cv::Mat roi(this->blend_frame, rect);
			this->frames[frame_number].copyTo(roi);
		}
	}

	this->blend_image.update();
}

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

	ofSetColor(255);
	this->blend_image.draw(0, 0);

	ofSetColor(239, 239);
	for (int x = 0; x < this->blend_image.getWidth(); x += this->cap_size.width) {

		for (int y = 0; y < this->blend_image.getHeight(); y += this->cap_size.height) {

			float noise_value = ofNoise(x * 0.005, y * 0.005, ofGetFrameNum() * 0.001);
			int frame_number = noise_value * this->frames.size();

			this->draw_clock(ofPoint(x + this->cap_size.width / 2, y + this->cap_size.height / 2), frame_number);
		}
	}
}

//--------------------------------------------------------------
void ofApp::draw_clock(ofPoint point, int frame_number) {

	int radius = 60;

	int minute = ofMap(frame_number, 0, this->frames.size() - 1, 0, 720);
	int time = minute / 60;
	minute = minute - time * 60;
	int time_deg = time * 30 + ofMap(minute, 0, 59, 0, 30);
	int minute_deg = minute * 6;

	ofPushMatrix();
	ofTranslate(point);
	ofRotate(-45);

	ofSetLineWidth(3);
	ofNoFill();

	ofBeginShape();
	for (int deg = 0; deg < 360; deg += 1) {

		ofVertex(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));
	}
	ofEndShape(true);

	ofSetLineWidth(5);
	ofDrawLine(ofPoint(), ofPoint(radius * 0.6 * cos(time_deg * DEG_TO_RAD), radius * 0.6 * sin(time_deg * DEG_TO_RAD)));

	ofSetLineWidth(3);
	ofDrawLine(ofPoint(), ofPoint(radius * 0.8 * cos(minute_deg * DEG_TO_RAD), radius * 0.8 * sin(minute_deg * DEG_TO_RAD)));

	ofFill();
	ofDrawCircle(ofPoint(), 5);

	ofPopMatrix();
}

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

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

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofBackground(39);

ofSetWindowTitle("Insta");

this->cap.open("movie_file_path.mp4");

this->cap_size = cv::Size(256, 144);

while (true) {

cv::Mat src, mini_src;

this->cap >> src;

if (src.empty()) {

break;

}

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

cv::cvtColor(mini_src, mini_src, CV_RGB2BGR);

this->frames.push_back(mini_src);

}

this->blend_image.allocate(ofGetWidth(), ofGetHeight(), OF_IMAGE_COLOR);

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

}

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

void ofApp::update() {

cv::Rect rect;

rect.width = this->cap_size.width;

rect.height = this->cap_size.height;

for (int x = 0; x < this->blend_image.getWidth(); x += rect.width) {

for (int y = 0; y < this->blend_image.getHeight(); y += rect.height) {

rect.x = x;

rect.y = y;

float noise_value = ofNoise(x * 0.005, y * 0.005, ofGetFrameNum() * 0.001);

int frame_number = noise_value * this->frames.size();

cv::Mat roi(this->blend_frame, rect);

this->frames[frame_number].copyTo(roi);

}

this->blend_image.update();

}

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

void ofApp::draw() {

ofSetColor(255);

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

ofSetColor(239, 239);

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

for (int y = 0; y < this->blend_image.getHeight(); y += this->cap_size.height) {

float noise_value = ofNoise(x * 0.005, y * 0.005, ofGetFrameNum() * 0.001);

int frame_number = noise_value * this->frames.size();

this->draw_clock(ofPoint(x + this->cap_size.width / 2, y + this->cap_size.height / 2), frame_number);

}

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

void ofApp::draw_clock(ofPoint point, int frame_number) {

int radius = 60;

int minute = ofMap(frame_number, 0, this->frames.size() - 1, 0, 720);

int time = minute / 60;

minute = minute - time * 60;

int time_deg = time * 30 + ofMap(minute, 0, 59, 0, 30);

int minute_deg = minute * 6;

ofPushMatrix();

ofTranslate(point);

ofRotate(-45);

ofSetLineWidth(3);

ofNoFill();

ofBeginShape();

for (int deg = 0; deg < 360; deg += 1) {

ofVertex(radius * cos(deg * DEG_TO_RAD), radius * sin(deg * DEG_TO_RAD));

}

ofEndShape(true);

ofSetLineWidth(5);

ofDrawLine(ofPoint(), ofPoint(radius * 0.6 * cos(time_deg * DEG_TO_RAD), radius * 0.6 * sin(time_deg * DEG_TO_RAD)));

ofSetLineWidth(3);

ofDrawLine(ofPoint(), ofPoint(radius * 0.8 * cos(minute_deg * DEG_TO_RAD), radius * 0.8 * sin(minute_deg * DEG_TO_RAD)));

ofFill();

ofDrawCircle(ofPoint(), 5);

ofPopMatrix();

}

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

int main() {

ofSetupOpenGL(1280, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

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