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

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

Insta20171017

[ Video ]

[ About ]
Particleをsin関数を使って動かしています。

[ 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(0);
	ofSetWindowTitle("Insta");

	ofEnableSmoothing();
	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

	for (int i = 0; i < 512; i++) {
		this->particles.push_back(new Particle());
	}
}

//--------------------------------------------------------------
void ofApp::update() {
	for (Particle* p : this->particles) {
		p->update();
	}
}

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

ofSetWindowTitle("Insta");

ofEnableSmoothing();

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

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

this->particles.push_back(new Particle());

}

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

void ofApp::update() {

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

p->update();

}

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

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

	void update();
	void draw();

private:
	ofVec2f location;
	float	step;

	float	body_size;
	ofColor body_color;
	float	alpha;
};

#pragma once

#include "ofMain.h"

class Particle {

public:

Particle();

~Particle() {}

void update();

void draw();

private:

ofVec2f location;

float step;

float body_size;

ofColor body_color;

float alpha;

};

#include "Particle.h"

Particle::Particle()
{
	this->location = ofVec2f(ofRandom(-ofGetWidth() / 2, ofGetWidth() / 2), ofRandom(-ofGetHeight() / 2, ofGetHeight() / 2));
	this->step = ofRandom(2.0, 5.0);
	this->body_size = ofRandom(10, 40);
	this->body_color.setHsb(ofRandom(255), 255, 255);
	this->alpha = ofRandom(200, 255);
}

void Particle::update()
{
	float x = this->location.x + this->step;
	float y = this->location.y + sin((this->location.x + this->body_size + ofGetFrameNum()) * 0.005) * this->body_size * 0.05;
	this->location = ofVec2f(x, y);

	if (this->location.x > ofGetWidth() / 2 + this->body_size) { 
		this->location.x = -ofGetWidth() / 2 - this->body_size; 
	}

}

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

#include "Particle.h"

Particle::Particle()

{

this->location = ofVec2f(ofRandom(-ofGetWidth() / 2, ofGetWidth() / 2), ofRandom(-ofGetHeight() / 2, ofGetHeight() / 2));

this->step = ofRandom(2.0, 5.0);

this->body_size = ofRandom(10, 40);

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

this->alpha = ofRandom(200, 255);

}

void Particle::update()

{

float x = this->location.x + this->step;

float y = this->location.y + sin((this->location.x + this->body_size + ofGetFrameNum()) * 0.005) * this->body_size * 0.05;

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

if (this->location.x > ofGetWidth() / 2 + this->body_size) {

this->location.x = -ofGetWidth() / 2 - this->body_size;

}

void Particle::draw()

{

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

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

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

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

503 Error

今朝、サイトの設定をイジっていたのですが、作業中に

Service Temporarily Unavailable

の文字が…

Webサーバのアクセス負荷などが大きくなり、サーバ側がアクセス制限をした際に表示されるエラーページですね。

はて？そんなに閲覧者数も多くないはずなのに？と首をかしげていたのですが、調べてみると転送データ量も関係してくるようですね(言われてみれば当たり前か…

動画ファイル(mp4)を直接Webサーバに入れて、videoタグを使って再生するようにしていたのですが、おそらくこの部分のデータ転送量が大きくなっていたと思われます。

トップページに最新の投稿が並ぶので、投稿数分の動画が読み込まれるようですしユーザにも優しい仕様ではなかったですね。

とゆーことで、動画をYouTubeに投稿して埋め込むスタイルにしました。
これで、しばらく様子見しよう。そうしよう。

[ 追記 2017/10/18 ]

埋め込みYoutubeの解像度を720×720にしていたんですが、Androidのブラウザで見るとレイアウトが変になっていました。

Android自体の解像度は上がってきてるからセーフかと思ったんですが、ブラウザ側で制御されている事情もあるのか…

320×320にサイズダウンしてみました。

[ 追記 2017/12/05 ]

ログアクセスを眺めているとPCからのアクセスが主になってきたので、見やすいように512×512にあげてました。
スマートフォンだと少し帯入ってしまいますが、様子見。

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

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