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

2017年10月15日2017年12月5日

Insta20171014

[ Video ]

[ About ]
マウスの加速度を計算して、Particleインスタンスを追加。
加速度は、Particleのサイズと速度に反映される。

[ Source ]

#pragma once

#include "ofMain.h"
#include "Particle.h"

class ofApp : public ofBaseApp{

	public:
		~ofApp();

		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;
		vector<Particle*> particles;

};

#pragma once

#include "ofMain.h"

#include "Particle.h"

class ofApp : public ofBaseApp{

public:

~ofApp();

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;

vector<Particle*> particles;

};

#include "ofApp.h"

//--------------------------------------------------------------
ofApp::~ofApp(){
	for (int i = this->particles.size() - 1; i > -1; i--) {
		delete this->particles[i];
		this->particles.erase(this->particles.begin() + i);
	}
}

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

//--------------------------------------------------------------
void ofApp::update(){
	ofVec2f mouse_point = ofVec2f(ofGetMouseX() - ofGetWidth() / 2, ofGetHeight() / 2 - ofGetMouseY());
	ofVec2f prev_mouse_point = ofVec2f(ofGetPreviousMouseX() - ofGetWidth() / 2, ofGetHeight() / 2 - ofGetPreviousMouseY());
	ofVec2f velocity = prev_mouse_point - mouse_point;

	if (velocity.length() > 5) {
		this->particles.push_back(new Particle(mouse_point, velocity));
	}

	for (int i = this->particles.size() - 1; i > -1; i--) {
		this->particles[i]->update();

		if (this->particles[i]->isDead()){
			delete this->particles[i];
			this->particles.erase(this->particles.begin() + i);
		}
	}
}

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

	for (Particle* p : this->particles) {
		p->draw();
	}

	this->cam.end();
}

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

#include "ofApp.h"

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

ofApp::~ofApp(){

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

delete this->particles[i];

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

}

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

void ofApp::setup() {

ofSetFrameRate(60);

ofBackground(255);

ofSetWindowTitle("Insta");

}

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

void ofApp::update(){

ofVec2f mouse_point = ofVec2f(ofGetMouseX() - ofGetWidth() / 2, ofGetHeight() / 2 - ofGetMouseY());

ofVec2f prev_mouse_point = ofVec2f(ofGetPreviousMouseX() - ofGetWidth() / 2, ofGetHeight() / 2 - ofGetPreviousMouseY());

ofVec2f velocity = prev_mouse_point - mouse_point;

if (velocity.length() > 5) {

this->particles.push_back(new Particle(mouse_point, velocity));

}

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

this->particles[i]->update();

if (this->particles[i]->isDead()){

delete this->particles[i];

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

}

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

void ofApp::draw() {

this->cam.begin();

for (Particle* p : this->particles) {

p->draw();

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

#pragma once
#include "ofMain.h"

class Particle {
public:
	Particle();
	Particle(ofVec2f location, ofVec2f velocity);
	~Particle();

	void update();
	void draw();

	bool isDead();
private:
	ofVec2f location;
	ofVec2f velocity;

	float	body_size;
	ofColor body_color;
	int		alpha;
};

#pragma once

#include "ofMain.h"

class Particle {

public:

Particle();

Particle(ofVec2f location, ofVec2f velocity);

~Particle();

void update();

void draw();

bool isDead();

private:

ofVec2f location;

ofVec2f velocity;

float body_size;

ofColor body_color;

int alpha;

};

#include "Particle.h"

Particle::Particle() : Particle(ofVec2f(0, 0), ofVec2f(0, 0)){ }

Particle::Particle(ofVec2f location, ofVec2f velocity)
{
	this->location = location;
	this->velocity = velocity;
	this->alpha = 255;
	this->body_size = velocity.length() * 3;
	this->body_color.setHsb(ofRandom(255), 255, 255);
}

Particle::~Particle(){ }

void Particle::update()
{
	this->location += this->velocity;
	this->alpha -= 5;
}

void Particle::draw()
{
	ofSetColor(this->body_color, this->alpha);
	ofEllipse(this->location, this->body_size, this->body_size);
}

bool Particle::isDead()
{
	return this->alpha < 0;
}

#include "Particle.h"

Particle::Particle() : Particle(ofVec2f(0, 0), ofVec2f(0, 0)){ }

Particle::Particle(ofVec2f location, ofVec2f velocity)

{

this->location = location;

this->velocity = velocity;

this->alpha = 255;

this->body_size = velocity.length() * 3;

this->body_color.setHsb(ofRandom(255), 255, 255);

}

Particle::~Particle(){ }

void Particle::update()

{

this->location += this->velocity;

this->alpha -= 5;

}

void Particle::draw()

{

ofSetColor(this->body_color, this->alpha);

ofEllipse(this->location, this->body_size, this->body_size);

}

bool Particle::isDead()

{

return this->alpha < 0;

}

[ Link ]

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2017年10月13日2017年12月5日

Insta20171013

[ Video ]

[ About ]
noise関数の結果により、Rippleインスタンスを追加しています。
ある程度(画面サイズの2倍)大きくなったインスタンスは削除しています。

[ Source ]

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

class ofApp : public ofBaseApp{

	public:
		~ofApp();

		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;
		vector<Ripple*> ripples;
};

#pragma once

#include "ofMain.h"

#include "Ripple.h"

class ofApp : public ofBaseApp{

public:

~ofApp();

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;

vector<Ripple*> ripples;

};

#include "ofApp.h"

//--------------------------------------------------------------
ofApp::~ofApp(){
	for (int i = this->ripples.size() - 1; i > -1; i--) {
		delete this->ripples[i];
		this->ripples.erase(this->ripples.begin() + i);
	}
}

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

	ofSetCircleResolution(360);
	ofSetLineWidth(3);
}

//--------------------------------------------------------------
void ofApp::update(){
	for(int i = this->ripples.size() - 1; i > -1; i--){
		this->ripples[i]->update();

		if (this->ripples[i]->isDead()) {
			delete this->ripples[i];
			this->ripples.erase(this->ripples.begin() + i);
		}
	}
}

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

	ofColor body_color;
	body_color.setHsb(ofGetFrameNum() % 255, 255, 255);

	ofFill();
	ofSetColor(body_color);
	ofDrawCircle(0, 0, 100);

	if (ofNoise(ofGetFrameNum() * 0.05) > 0.5) {
		this->ripples.push_back(new Ripple(body_color));
	}

	for (Ripple* r : this->ripples) {
		r->draw();
	}

	this->cam.end();
}

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

#include "ofApp.h"

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

ofApp::~ofApp(){

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

delete this->ripples[i];

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

}

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

void ofApp::setup() {

ofSetFrameRate(30);

ofBackground(255);

ofSetWindowTitle("Insta");

ofSetCircleResolution(360);

ofSetLineWidth(3);

}

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

void ofApp::update(){

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

this->ripples[i]->update();

if (this->ripples[i]->isDead()) {

delete this->ripples[i];

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

}

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

void ofApp::draw() {

this->cam.begin();

ofColor body_color;

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

ofFill();

ofSetColor(body_color);

ofDrawCircle(0, 0, 100);

if (ofNoise(ofGetFrameNum() * 0.05) > 0.5) {

this->ripples.push_back(new Ripple(body_color));

}

for (Ripple* r : this->ripples) {

r->draw();

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

#pragma once
#include "ofMain.h"

class Ripple{
public:
	Ripple();
	Ripple(ofColor body_color);
	~Ripple();

	void update();
	void draw();
	bool isDead();
private:
	float radius;
	ofColor body_color;
};

#pragma once

#include "ofMain.h"

class Ripple{

public:

Ripple();

Ripple(ofColor body_color);

~Ripple();

void update();

void draw();

bool isDead();

private:

float radius;

ofColor body_color;

};

#include "Ripple.h"

Ripple::Ripple() : Ripple(ofColor(128)){ }

Ripple::Ripple(ofColor body_color)
{
	this->radius = 100;
	this->body_color = body_color;
}

Ripple::~Ripple(){ }

void Ripple::update()
{
	this->radius += 3;
}

void Ripple::draw()
{
	ofNoFill();
	ofSetColor(this->body_color);
	ofDrawCircle(ofVec3f(0, 0, 0), this->radius);
}

bool Ripple::isDead()
{
	return this->radius > ofGetWidth() || this->radius > ofGetHeight();
}

#include "Ripple.h"

Ripple::Ripple() : Ripple(ofColor(128)){ }

Ripple::Ripple(ofColor body_color)

{

this->radius = 100;

this->body_color = body_color;

}

Ripple::~Ripple(){ }

void Ripple::update()

{

this->radius += 3;

}

void Ripple::draw()

{

ofNoFill();

ofSetColor(this->body_color);

ofDrawCircle(ofVec3f(0, 0, 0), this->radius);

}

bool Ripple::isDead()

{

return this->radius > ofGetWidth() || this->radius > ofGetHeight();

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

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

Insta20171012

[ Video ]

[ About ]
sin関数とcos関数を使ってxとyを求めながら、円を描書いていきます。
加えて、noise関数でz座標を計算して一部が飛び出た円にしてみました。

[ 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"

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

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

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

//--------------------------------------------------------------
void ofApp::draw() {
	this->cam.setPosition(ofVec3f(0, -1024, 768));
	this->cam.setTarget(ofVec3f(0, 0, 0));
	this->cam.begin();

	float radius = 300;
	float x, y, z;
	float noise_value;
	ofVec3f point, prev_point;
	for (int i = 0; i < 30; i++) {
		for (int deg = 0; deg <= 360; deg += 1) {
			x = radius * cos(deg * DEG_TO_RAD);
			y = radius * sin(deg * DEG_TO_RAD);

			noise_value = ofNoise(x * 0.01, y * 0.01, (ofGetFrameNum() - i) * 0.015);
			if (noise_value > 0.5) {
				z = 512 * round(noise_value * 10) / 10.f;
			}
			else {
				z = 512 * 0.5;
			}

			x = (radius + i * 30) * cos(deg * DEG_TO_RAD);
			y = (radius + i * 30) * sin(deg * DEG_TO_RAD);

			point = ofVec3f(x, y, z);
			if (deg != 0) {
				ofSetColor(0, 255 - i * 8.5);
				ofDrawLine(point, prev_point);
			}

			prev_point = point;
		}
	}
	
	this->cam.end();
}

#include "ofApp.h"

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

void ofApp::setup() {

ofSetFrameRate(30);

ofBackground(255);

ofSetWindowTitle("Insta");

}

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

void ofApp::update(){

}

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

void ofApp::draw() {

this->cam.setPosition(ofVec3f(0, -1024, 768));

this->cam.setTarget(ofVec3f(0, 0, 0));

this->cam.begin();

float radius = 300;

float x, y, z;

float noise_value;

ofVec3f point, prev_point;

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

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

x = radius * cos(deg * DEG_TO_RAD);

y = radius * sin(deg * DEG_TO_RAD);

noise_value = ofNoise(x * 0.01, y * 0.01, (ofGetFrameNum() - i) * 0.015);

if (noise_value > 0.5) {

z = 512 * round(noise_value * 10) / 10.f;

}

else {

z = 512 * 0.5;

}

x = (radius + i * 30) * cos(deg * DEG_TO_RAD);

y = (radius + i * 30) * sin(deg * DEG_TO_RAD);

point = ofVec3f(x, y, z);

if (deg != 0) {

ofSetColor(0, 255 - i * 8.5);

ofDrawLine(point, prev_point);

}

prev_point = point;

}

this->cam.end();

}

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

こんな感じで動画とソースを併せて記載できればいいかなと思います。

[ほしいものリスト]
Amazon

[ Sponsor Link ]

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