2017年10月 – ページ 6 – プログラミング de 落描き

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 ]

2017年10月16日2017年10月17日

Insta20171015

[ Video ]

[ About ]
Leap Motionというセンサーで、手の状態やジェスチャー情報を取得しています。
手が50％以上開いた状態だと、手の加速度を反映したParticleが生成されます。

[ Source ]

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

// Leap Motion SDK
#include "Leap.h"
#pragma comment(lib, "Leap.lib")

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;

		Leap::Controller leap;

};

#pragma once

#include "ofMain.h"

#include "Particle.h"

// Leap Motion SDK

#include "Leap.h"

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

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;

Leap::Controller leap;

};

#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");

	ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);
}

//--------------------------------------------------------------
void ofApp::update(){
	Leap::Frame frame = leap.frame();
	for (Leap::Hand hand : frame.hands()) {
		if (hand.grabStrength() < 0.5) {
			ofVec2f velocity = ofVec2f(hand.palmVelocity().x, hand.palmVelocity().y);
			velocity.limit(5);
			this->particles.push_back(new Particle(ofVec2f(hand.palmPosition().x, hand.palmPosition().y - ofGetHeight() / 5), 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(0);

ofSetWindowTitle("Insta");

ofEnableBlendMode(ofBlendMode::OF_BLENDMODE_ADD);

}

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

void ofApp::update(){

Leap::Frame frame = leap.frame();

for (Leap::Hand hand : frame.hands()) {

if (hand.grabStrength() < 0.5) {

ofVec2f velocity = ofVec2f(hand.palmVelocity().x, hand.palmVelocity().y);

velocity.limit(5);

this->particles.push_back(new Particle(ofVec2f(hand.palmPosition().x, hand.palmPosition().y - ofGetHeight() / 5), 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() * 7;
	this->body_color.setHsb(ofRandom(255), 255, 255);
}

Particle::~Particle() { }

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

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

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

}

Particle::~Particle() { }

void Particle::update()

{

this->location += this->velocity;

this->alpha -= 3;

}

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 ]
Leap Motion
https://github.com/junkiyoshi/Insta20171015

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