circle – ページ 146 – プログラミング de 落描き

2017年10月20日2017年12月5日

Insta20171019

[ Video ]

[ About ]
Box2DのオブジェクトをMouse操作で遊んでいます。
マウスの左ボタンでオブジェクトを掴んでいます。
マウスの中ボタンでRectを生成
マウスの右ボタンでCircleを生成

[ Source ]

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

class ofApp : public ofBaseApp{
	public:
		void setup();
		void update();
		void draw();
		void mousePressed(int x, int y, int button);
		void mouseReleased(int x, int y, int button);

		void keyPressed(int key) {}
		void keyReleased(int key) {}
		void mouseMoved(int x, int y) {}
		void mouseDragged(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) {}
		
		ofVec2f press_position;

		ofxBox2d box2d;

		vector<shared_ptr<ofxBox2dCircle>> circles;
		vector<ofColor> circles_color;

		vector<shared_ptr<ofxBox2dRect>> rects;
		vector<ofColor> rects_color;
};

#pragma once

#include "ofMain.h"

#include "ofxBox2d.h"

class ofApp : public ofBaseApp{

public:

void setup();

void update();

void draw();

void mousePressed(int x, int y, int button);

void mouseReleased(int x, int y, int button);

void keyPressed(int key) {}

void keyReleased(int key) {}

void mouseMoved(int x, int y) {}

void mouseDragged(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) {}

ofVec2f press_position;

ofxBox2d box2d;

vector<shared_ptr<ofxBox2dCircle>> circles;

vector<ofColor> circles_color;

vector<shared_ptr<ofxBox2dRect>> rects;

vector<ofColor> rects_color;

};

#include "ofApp.h"

//--------------------------------------------------------------
void ofApp::setup(){
	ofSetFrameRate(60);
	ofBackground(0);
	ofSetWindowTitle("Insta");

	ofSetCircleResolution(60);
	ofSetLineWidth(1.5);

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

//--------------------------------------------------------------
void ofApp::update(){
	this->box2d.update();
}

//--------------------------------------------------------------
void ofApp::draw(){
	
	if (this->press_position != ofVec2f(0, 0)){
		// Center button
		if (ofGetMousePressed(1)) {
			ofVec2f mouse_position = ofVec2f(ofGetMouseX(), ofGetMouseY());
			ofVec2f difference = mouse_position - this->press_position;

			ofColor line_color;
			line_color.setHsb(ofGetFrameNum() % 255, 255, 255);
			ofSetColor(line_color);

			ofFill();
			ofDrawRectangle(this->press_position, difference.x, difference.y);
		}

		// Right button
		if (ofGetMousePressed(2)) {
			ofVec2f mouse_position = ofVec2f(ofGetMouseX(), ofGetMouseY());
			float r = mouse_position.distance(this->press_position);

			ofColor line_color;
			line_color.setHsb(ofGetFrameNum() % 255, 255, 255);
			ofSetColor(line_color);

			ofNoFill();
			ofDrawEllipse(this->press_position, r * 2, r * 2);
		}
	}

	ofNoFill();

	for (int i = 0; i < this->circles.size(); i++) {
		ofSetColor(this->circles_color[i]);
		this->circles[i].get()->draw();
	}
	for (int i = 0; i < this->rects.size(); i++) {
		ofSetColor(this->rects_color[i]);
		this->rects[i].get()->draw();
	}

	this->box2d.drawGround();
}

//--------------------------------------------------------------
void ofApp::mousePressed(int x, int y, int button) {
	// Center or Right button
	if (button == 1 || button == 2) {
		this->press_position = ofVec2f(x, y);
	}
}


//--------------------------------------------------------------
void ofApp::mouseReleased(int x, int y, int button) {

	// Center button
	if (button == 1) {
		ofVec2f mouse_position = ofVec2f(x, y);
		ofVec2f difference = mouse_position - this->press_position;

		this->rects.push_back(shared_ptr<ofxBox2dRect>(new ofxBox2dRect));
		this->rects.back().get()->setPhysics(3.0, 0.53, 0.1);
		this->rects.back().get()->setup(this->box2d.world, this->press_position.x + difference.x / 2, this->press_position.y + difference.y / 2, difference.x, difference.y);

		ofColor rect_color;
		rect_color.setHsb(ofGetFrameNum() % 255, 255, 255);
		this->rects_color.push_back(rect_color);

		this->press_position = ofVec2f(0, 0);
	}

	// Right button
	if (button == 2) {
		ofVec2f mouse_position = ofVec2f(x, y);
		float r = mouse_position.distance(this->press_position);

		this->circles.push_back(shared_ptr<ofxBox2dCircle>(new ofxBox2dCircle));
		this->circles.back().get()->setPhysics(3.0, 0.53, 0.1);
		this->circles.back().get()->setup(this->box2d.getWorld(), this->press_position.x, this->press_position.y, r);

		ofColor circle_color;
		circle_color.setHsb(ofGetFrameNum() % 255, 255, 255);
		this->circles_color.push_back(circle_color);

		this->press_position = ofVec2f(0, 0);
	}
}

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

#include "ofApp.h"

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

void ofApp::setup(){

ofSetFrameRate(60);

ofBackground(0);

ofSetWindowTitle("Insta");

ofSetCircleResolution(60);

ofSetLineWidth(1.5);

this->box2d.init();

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

this->box2d.createBounds();

this->box2d.setFPS(60);

this->box2d.registerGrabbing();

}

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

void ofApp::update(){

this->box2d.update();

}

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

void ofApp::draw(){

if (this->press_position != ofVec2f(0, 0)){

// Center button

if (ofGetMousePressed(1)) {

ofVec2f mouse_position = ofVec2f(ofGetMouseX(), ofGetMouseY());

ofVec2f difference = mouse_position - this->press_position;

ofColor line_color;

line_color.setHsb(ofGetFrameNum() % 255, 255, 255);

ofSetColor(line_color);

ofFill();

ofDrawRectangle(this->press_position, difference.x, difference.y);

}

// Right button

if (ofGetMousePressed(2)) {

ofVec2f mouse_position = ofVec2f(ofGetMouseX(), ofGetMouseY());

float r = mouse_position.distance(this->press_position);

ofColor line_color;

line_color.setHsb(ofGetFrameNum() % 255, 255, 255);

ofSetColor(line_color);

ofNoFill();

ofDrawEllipse(this->press_position, r * 2, r * 2);

}

ofNoFill();

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

ofSetColor(this->circles_color[i]);

this->circles[i].get()->draw();

}

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

ofSetColor(this->rects_color[i]);

this->rects[i].get()->draw();

}

this->box2d.drawGround();

}

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

void ofApp::mousePressed(int x, int y, int button) {

// Center or Right button

if (button == 1 || button == 2) {

this->press_position = ofVec2f(x, y);

}

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

void ofApp::mouseReleased(int x, int y, int button) {

// Center button

if (button == 1) {

ofVec2f mouse_position = ofVec2f(x, y);

ofVec2f difference = mouse_position - this->press_position;

this->rects.push_back(shared_ptr<ofxBox2dRect>(new ofxBox2dRect));

this->rects.back().get()->setPhysics(3.0, 0.53, 0.1);

this->rects.back().get()->setup(this->box2d.world, this->press_position.x + difference.x / 2, this->press_position.y + difference.y / 2, difference.x, difference.y);

ofColor rect_color;

rect_color.setHsb(ofGetFrameNum() % 255, 255, 255);

this->rects_color.push_back(rect_color);

this->press_position = ofVec2f(0, 0);

}

// Right button

if (button == 2) {

ofVec2f mouse_position = ofVec2f(x, y);

float r = mouse_position.distance(this->press_position);

this->circles.push_back(shared_ptr<ofxBox2dCircle>(new ofxBox2dCircle));

this->circles.back().get()->setPhysics(3.0, 0.53, 0.1);

this->circles.back().get()->setup(this->box2d.getWorld(), this->press_position.x, this->press_position.y, r);

ofColor circle_color;

circle_color.setHsb(ofGetFrameNum() % 255, 255, 255);

this->circles_color.push_back(circle_color);

this->press_position = ofVec2f(0, 0);

}

//========================================================================

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2017年10月19日2017年12月5日

Insta20171018

[ Video ]

[ About ]
ofxBox2dという物理エンジンのaddonを使ってみました。
キーボードのキー入力がある間は、Circleが毎フレーム追加されていきます。
この動画中では重力が存在するので生成されたCircleは下へ落下します。

キー入力中は画面四方の壁が存在していますが、キー入力がなくなると消えるので、画面外に落下して見えなくなります。(放っておくと計算量が増え続けるので、見えなくなったCircleを削除しています)

重力や衝突、摩擦などの計算はすべてBox2d側で処理をしてくれるので、利用する側は諸々の設定をしたあとに、update関数やdara関数を呼んであればOKです

[ 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<shared_ptr<ofxBox2dCircle>> circles;
		vector<ofColor> circles_color;
};

#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<shared_ptr<ofxBox2dCircle>> circles;

vector<ofColor> circles_color;

};

#include "ofApp.h"

//--------------------------------------------------------------
void ofApp::setup(){
	ofSetFrameRate(60);
	ofBackground(0);
	ofSetWindowTitle("Insta");

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

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

	if (ofGetKeyPressed()) {
		if (this->box2d.bCheckBounds) {
			float r = ofRandom(1.0, 20.0);
			this->circles.push_back(shared_ptr<ofxBox2dCircle>(new ofxBox2dCircle));
			this->circles.back().get()->setPhysics(3.0, 0.53, 0.1);
			this->circles.back().get()->setup(this->box2d.getWorld(), ofRandom(ofGetWidth()), 0, r);
		} else {
			this->box2d.createBounds();
			this->box2d.checkBounds(true);
		}

	} else {
		if (this->box2d.bCheckBounds) {
			this->box2d.createBounds(0, 0, 0, 0);
			this->box2d.checkBounds(false);
		}
	}

	ofColor circle_color;
	circle_color.setHsb(ofRandom(255), 255, 255);
	this->circles_color.push_back(circle_color);

	this->box2d.update();

	for (int i = this->circles.size() - 1; i > -1; i--) {
		if (this->circles[i].get()->getPosition().y > ofGetHeight() + 20) {
			this->circles[i].get()->destroy();
			this->circles.erase(this->circles.begin() + i);
			this->circles_color.erase(this->circles_color.begin() + i);
		}
	}
}

//--------------------------------------------------------------
void ofApp::draw(){
	for (int i = 0; i < this->circles.size(); i++) {
		ofNoFill();
		ofSetColor(this->circles_color[i]);
		this->circles[i].get()->draw();
	}

	this->box2d.drawGround();
}

//========================================================================
int main() {
	ofSetupOpenGL(720, 720, OF_WINDOW);
	ofRunApp(new ofApp());
}

#include "ofApp.h"

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

void ofApp::setup(){

ofSetFrameRate(60);

ofBackground(0);

ofSetWindowTitle("Insta");

this->box2d.init();

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

this->box2d.createBounds();

this->box2d.setFPS(60);

this->box2d.registerGrabbing();

}

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

void ofApp::update(){

if (ofGetKeyPressed()) {

if (this->box2d.bCheckBounds) {

float r = ofRandom(1.0, 20.0);

this->circles.push_back(shared_ptr<ofxBox2dCircle>(new ofxBox2dCircle));

this->circles.back().get()->setPhysics(3.0, 0.53, 0.1);

this->circles.back().get()->setup(this->box2d.getWorld(), ofRandom(ofGetWidth()), 0, r);

} else {

this->box2d.createBounds();

this->box2d.checkBounds(true);

}

} else {

if (this->box2d.bCheckBounds) {

this->box2d.createBounds(0, 0, 0, 0);

this->box2d.checkBounds(false);

}

ofColor circle_color;

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

this->circles_color.push_back(circle_color);

this->box2d.update();

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

if (this->circles[i].get()->getPosition().y > ofGetHeight() + 20) {

this->circles[i].get()->destroy();

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

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

}

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

void ofApp::draw(){

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

ofNoFill();

ofSetColor(this->circles_color[i]);

this->circles[i].get()->draw();

}

this->box2d.drawGround();

}

//========================================================================

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2017年10月17日2017年12月5日

Insta20171016

[ Video ]

[ About ]
Noise関数で半円の長さを決めながら描写しています。
加えて、それぞれの円の開始位置をRotate関数でずらしています。

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

ofEasyCam cam;

};

#include "ofApp.h"

//--------------------------------------------------------------
void ofApp::setup() {
	ofSetFrameRate(30);
	ofBackground(0);
	ofSetWindowTitle("Insta");
}

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

//--------------------------------------------------------------
void ofApp::draw() {
	this->cam.begin();

	float radius = 50;
	float x, y;
	float rainbow_height = 30;
	ofColor color;

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

		ofRotateZ(ofGetFrameNum() * 2);

		color.setHsb(216 - i * 35, 255, 255);
		ofSetColor(color);

		int deg_max = ofMap(ofNoise((ofGetFrameNum() + i) * 0.025), 0, 1, -180, 360 + 180);
		if (deg_max < 0) { deg_max = 0; }

		ofBeginShape();
		for (int deg = 0; deg <= deg_max; deg += 1) {
			x = radius * cos(deg * DEG_TO_RAD);
			y = radius * sin(deg * DEG_TO_RAD);
			ofVertex(ofVec3f(x, y, 0));
		}
		for (int deg = deg_max; deg >= 0; deg -= 1) {
			x = (radius + rainbow_height) * cos(deg * DEG_TO_RAD);
			y = (radius + rainbow_height) * sin(deg * DEG_TO_RAD);
			ofVertex(ofVec3f(x, y, 0));
		}
		ofEndShape();

		radius += rainbow_height + 5;
	}

	this->cam.end();
}

//--------------------------------------------------------------
int main() {
	ofSetupOpenGL(720, 720, OF_WINDOW);
	ofRunApp(new ofApp());
}

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofBackground(0);

ofSetWindowTitle("Insta");

}

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

void ofApp::update(){ }

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

void ofApp::draw() {

this->cam.begin();

float radius = 50;

float x, y;

float rainbow_height = 30;

ofColor color;

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

ofRotateZ(ofGetFrameNum() * 2);

color.setHsb(216 - i * 35, 255, 255);

ofSetColor(color);

int deg_max = ofMap(ofNoise((ofGetFrameNum() + i) * 0.025), 0, 1, -180, 360 + 180);

if (deg_max < 0) { deg_max = 0; }

ofBeginShape();

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

x = radius * cos(deg * DEG_TO_RAD);

y = radius * sin(deg * DEG_TO_RAD);

ofVertex(ofVec3f(x, y, 0));

}

for (int deg = deg_max; deg >= 0; deg -= 1) {

x = (radius + rainbow_height) * cos(deg * DEG_TO_RAD);

y = (radius + rainbow_height) * sin(deg * DEG_TO_RAD);

ofVertex(ofVec3f(x, y, 0));

}

ofEndShape();

radius += rainbow_height + 5;

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

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