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

2018年9月10日2018年9月8日

Generate shadows with shaders. openFrameworks

[ Video ]

[ About ]
だいぶ前にOpenCVでやって影の生成をシェーダを使ってやってみました。はやいっ！

Generate shadows with shaders.

[ Source ]

#pragma once
#include "ofMain.h"
#include "Ripple.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) {};

	vector<unique_ptr<Ripple>> ripples;

	ofFbo fbo;
	ofShader shader;
};

#pragma once

#include "ofMain.h"

#include "Ripple.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) {};

vector<unique_ptr<Ripple>> ripples;

ofFbo fbo;

ofShader shader;

};

#include "ofApp.h"

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

	ofSetFrameRate(60);
	ofSetWindowTitle("openframeworks");

	ofBackground(239);
	ofSetLineWidth(3);

	this->fbo.allocate(ofGetWidth(), ofGetHeight());
	this->shader.load("shader/shader.vert", "shader/shader.frag");
}
//--------------------------------------------------------------
void ofApp::update() {

	// Make New Ripple
	if (ofGetFrameNum() % 3 == 0) {

		ofPoint point(ofRandom(this->fbo.getWidth()), ofRandom(this->fbo.getHeight()), ofRandom(500, 1000));
		unique_ptr<Ripple> ripple(new Ripple(point));
		this->ripples.push_back(move(ripple));
	}

	// Draw Ripples
	this->fbo.begin();
	ofClear(0);

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

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

			this->ripples[i]->update();
			this->ripples[i]->draw();
		}
		else {

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

	this->fbo.end();
}

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

	this->shader.begin();
	this->shader.setUniform1f("time", ofGetElapsedTimef());
	this->shader.setUniform2f("resolution", ofGetWidth(), ofGetHeight());
	this->shader.setUniformTexture("tex", this->fbo.getTexture(), 1);

	ofDrawRectangle(0, 0, ofGetWidth(), ofGetHeight());

	this->shader.end();

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

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

	ofGLWindowSettings settings;
	settings.setGLVersion(3, 2);
	settings.setSize(720, 720);
	ofCreateWindow(settings);
	ofRunApp(new ofApp());
}

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(239);

ofSetLineWidth(3);

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

this->shader.load("shader/shader.vert", "shader/shader.frag");

}

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

void ofApp::update() {

// Make New Ripple

if (ofGetFrameNum() % 3 == 0) {

ofPoint point(ofRandom(this->fbo.getWidth()), ofRandom(this->fbo.getHeight()), ofRandom(500, 1000));

unique_ptr<Ripple> ripple(new Ripple(point));

this->ripples.push_back(move(ripple));

}

// Draw Ripples

this->fbo.begin();

ofClear(0);

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

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

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

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

}

else {

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

}

this->fbo.end();

}

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

void ofApp::draw() {

this->shader.begin();

this->shader.setUniform1f("time", ofGetElapsedTimef());

this->shader.setUniform2f("resolution", ofGetWidth(), ofGetHeight());

this->shader.setUniformTexture("tex", this->fbo.getTexture(), 1);

ofDrawRectangle(0, 0, ofGetWidth(), ofGetHeight());

this->shader.end();

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

}

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

int main() {

ofGLWindowSettings settings;

settings.setGLVersion(3, 2);

settings.setSize(720, 720);

ofCreateWindow(settings);

ofRunApp(new ofApp());

}

#pragma once
#include "ofMain.h"

class Ripple
{
public:

	Ripple();
	Ripple(ofPoint point);
	void update();
	void draw();
	bool isLife();
private:

	ofPoint point;
	float radius;
	float radius_max;
	float radius_span;
	ofColor body_color;
	bool life;
};

#pragma once

#include "ofMain.h"

class Ripple

{

public:

Ripple();

Ripple(ofPoint point);

void update();

void draw();

bool isLife();

private:

ofPoint point;

float radius;

float radius_max;

float radius_span;

ofColor body_color;

bool life;

};

#include "Ripple.h"

Ripple::Ripple() : Ripple(ofPoint()) {

}

Ripple::Ripple(ofPoint point) {

	this->point = point;
	this->radius = 1;
	this->radius_max = point.z / 10;
	this->body_color.setHsb(ofRandom(255), 255, 255);
	this->life = true;
}

void Ripple::update() {

	if (this->life == false) {

		return;
	}

	if (this->point.z > 0) {

		this->point -= ofPoint(0, 0, 10);
		return;
	}

	if (this->radius > this->radius_max) {

		this->life = false;
		return;
	}
	else {

		this->radius += 1;
	}
}

void Ripple::draw() {

	ofPushMatrix();
	ofTranslate(this->point);

	if (this->point.z > 0) {

		ofSetColor(this->body_color);
		ofDrawLine(ofPoint(), ofPoint(0, 0, 30));
	}
	else {

		ofSetColor(this->body_color, ofMap(this->radius, 1, this->radius_max, 255, 10));
		ofBeginShape();

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

			ofVertex(this->radius * cos(deg * DEG_TO_RAD), this->radius * sin(deg * DEG_TO_RAD));
		}

		for (int deg = 360; deg >= 0; deg -= 10) {

			ofVertex(this->radius * 0.9 * cos(deg * DEG_TO_RAD), this->radius * 0.9 * sin(deg * DEG_TO_RAD));
		}

		ofEndShape(true);
	}

	ofPopMatrix();
}

bool Ripple::isLife() {

	return this->life;
}

#include "Ripple.h"

Ripple::Ripple() : Ripple(ofPoint()) {

}

Ripple::Ripple(ofPoint point) {

this->point = point;

this->radius = 1;

this->radius_max = point.z / 10;

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

this->life = true;

}

void Ripple::update() {

if (this->life == false) {

return;

}

if (this->point.z > 0) {

this->point -= ofPoint(0, 0, 10);

return;

}

if (this->radius > this->radius_max) {

this->life = false;

return;

}

else {

this->radius += 1;

}

void Ripple::draw() {

ofPushMatrix();

ofTranslate(this->point);

if (this->point.z > 0) {

ofSetColor(this->body_color);

ofDrawLine(ofPoint(), ofPoint(0, 0, 30));

}

else {

ofSetColor(this->body_color, ofMap(this->radius, 1, this->radius_max, 255, 10));

ofBeginShape();

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

ofVertex(this->radius * cos(deg * DEG_TO_RAD), this->radius * sin(deg * DEG_TO_RAD));

}

for (int deg = 360; deg >= 0; deg -= 10) {

ofVertex(this->radius * 0.9 * cos(deg * DEG_TO_RAD), this->radius * 0.9 * sin(deg * DEG_TO_RAD));

}

ofEndShape(true);

}

ofPopMatrix();

}

bool Ripple::isLife() {

return this->life;

}

#version 150

uniform mat4 modelViewProjectionMatrix;
in vec4 position;

void main(){
	gl_Position = modelViewProjectionMatrix * position;
}

#version 150

uniform mat4 modelViewProjectionMatrix;

in vec4 position;

void main(){

gl_Position = modelViewProjectionMatrix * position;

}

#version 150

uniform float time;
uniform vec2 resolution;
uniform sampler2DRect tex;

out vec4 outputColor;

void main() {

  vec4 t = texture(tex, vec2(gl_FragCoord.x - 25, (resolution.y - gl_FragCoord.y) - 25));
  float gray = dot(t.rgb, vec3(0.299, 0.587, 0.114));
  outputColor = vec4(vec3(gray), t.a * 0.2);
}

#version 150

uniform float time;

uniform vec2 resolution;

uniform sampler2DRect tex;

out vec4 outputColor;

void main() {

vec4 t = texture(tex, vec2(gl_FragCoord.x - 25, (resolution.y - gl_FragCoord.y) - 25));

float gray = dot(t.rgb, vec3(0.299, 0.587, 0.114));

outputColor = vec4(vec3(gray), t.a * 0.2);

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

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

Light and dark circle. openFrameworks

[ Video ]

[ About ]
明るい円と暗い円。GLSL Sandboxに初投稿

Light and dark circle. Share on GLSL Sandbox.

http://glslsandbox.com/e#48876.0

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

	ofShader shader;
};

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

ofShader shader;

};

#include "ofApp.h"

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

	ofSetFrameRate(60);
	ofSetWindowTitle("openframeworks");

	this->shader.load("shader/shader.vert", "shader/shader.frag");
}
//--------------------------------------------------------------
void ofApp::update() {
	
}

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

	this->shader.begin();
	this->shader.setUniform1f("time", ofGetElapsedTimef());
	this->shader.setUniform2f("resolution", ofGetWidth(), ofGetHeight());

	ofDrawRectangle(0, 0, ofGetWidth(), ofGetHeight());

	this->shader.end();
}

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

	ofGLWindowSettings settings;
	settings.setGLVersion(3, 2);
	settings.setSize(720, 720);
	ofCreateWindow(settings);
	ofRunApp(new ofApp());
}

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

this->shader.load("shader/shader.vert", "shader/shader.frag");

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

this->shader.begin();

this->shader.setUniform1f("time", ofGetElapsedTimef());

this->shader.setUniform2f("resolution", ofGetWidth(), ofGetHeight());

ofDrawRectangle(0, 0, ofGetWidth(), ofGetHeight());

this->shader.end();

}

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

int main() {

ofGLWindowSettings settings;

settings.setGLVersion(3, 2);

settings.setSize(720, 720);

ofCreateWindow(settings);

ofRunApp(new ofApp());

}

#version 150

uniform mat4 modelViewProjectionMatrix;
in vec4 position;
in vec2 texcoord;
out vec2 texCoordVarying;

void main(){

	texCoordVarying = texcoord;
	gl_Position = modelViewProjectionMatrix * position;
}

#version 150

uniform mat4 modelViewProjectionMatrix;

in vec4 position;

in vec2 texcoord;

out vec2 texCoordVarying;

void main(){

texCoordVarying = texcoord;

gl_Position = modelViewProjectionMatrix * position;

}

#version 150

uniform float time;
uniform vec2 resolution;
uniform sampler2DRect tex;

in vec2 texCoordVarying;
out vec4 outputColor;

const float PI = 3.1415926;

void main() {

  vec2 p = (gl_FragCoord.xy * 2.0 - resolution) / min(resolution.x, resolution.y);

  float b = step(gl_FragCoord.y, resolution.y * 0.5);
  vec3 color = vec3(b);

  for(float i = 0.0; i < 2.0; i += 1.0){

    vec2 t = vec2(0.75 * cos(time + i * PI), 0.75 * sin(time + i * PI));
    float v = ((b == 0.0) ? 0.075 / length(p - t) : -0.075 / length(p - t));
    color += vec3(v, v, v);
  }

  outputColor = vec4(color, 1.0);
}

#version 150

uniform float time;

uniform vec2 resolution;

uniform sampler2DRect tex;

in vec2 texCoordVarying;

out vec4 outputColor;

const float PI = 3.1415926;

void main() {

vec2 p = (gl_FragCoord.xy * 2.0 - resolution) / min(resolution.x, resolution.y);

float b = step(gl_FragCoord.y, resolution.y * 0.5);

vec3 color = vec3(b);

for(float i = 0.0; i < 2.0; i += 1.0){

vec2 t = vec2(0.75 * cos(time + i * PI), 0.75 * sin(time + i * PI));

float v = ((b == 0.0) ? 0.075 / length(p - t) : -0.075 / length(p - t));

color += vec3(v, v, v);

}

outputColor = vec4(color, 1.0);

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

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

Chroma key. openFrameworks

[ Video ]

[ About ]
WebカメラとMP4から取得した画像をテキスチャとしてシェーダーへ送信、指定した色を使ってクロマキー合成

Send the texture from web camera and mp4 video to shader. shader does chroma key.

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

	cv::Size cap_size;

	cv::VideoCapture cap1;
	cv::Mat frame1;
	ofImage image1;

	cv::VideoCapture cap2;
	cv::Mat frame2;
	ofImage image2;

	ofFbo src;
	ofFbo dst;

	ofShader shader;
};

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

cv::Size cap_size;

cv::VideoCapture cap1;

cv::Mat frame1;

ofImage image1;

cv::VideoCapture cap2;

cv::Mat frame2;

ofImage image2;

ofFbo src;

ofFbo dst;

ofShader shader;

};

#include "ofApp.h"

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

	ofSetFrameRate(60);
	ofSetWindowTitle("openframeworks");

	this->cap1.open(1);
	this->cap2.open("beach.mp4");
	this->cap_size = cv::Size(1280, 720);

	this->image1.allocate(this->cap_size.width, this->cap_size.height, OF_IMAGE_COLOR);
	this->frame1 = cv::Mat(cv::Size(this->image1.getWidth(), this->image1.getHeight()), CV_MAKETYPE(CV_8UC3, this->image1.getPixels().getNumChannels()), this->image1.getPixels().getData(), 0);

	this->image2.allocate(this->cap_size.width, this->cap_size.height, OF_IMAGE_COLOR);
	this->frame2 = cv::Mat(cv::Size(this->image2.getWidth(), this->image2.getHeight()), CV_MAKETYPE(CV_8UC3, this->image2.getPixels().getNumChannels()), this->image2.getPixels().getData(), 0);

	this->src.allocate(ofGetWidth(), ofGetHeight());
	this->dst.allocate(ofGetWidth(), ofGetHeight());

	this->shader.load("shader/shader.vert", "shader/shader.frag");

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

	cv::Mat src;

	this->cap1 >> src;
	if (src.empty()) {

		this->cap1.set(CV_CAP_PROP_POS_FRAMES, 1);
		return;
	}
	cv::resize(src, this->frame1, this->cap_size);
	cv::cvtColor(this->frame1, this->frame1, CV_BGR2RGB);
	cv::flip(this->frame1, this->frame1, 2);
	this->image1.update();

	this->cap2 >> src;
	if (src.empty()) {

		this->cap2.set(CV_CAP_PROP_POS_FRAMES, 1);
		return;
	}
	cv::resize(src, this->frame2, this->cap_size);
	cv::cvtColor(this->frame2, this->frame2, CV_BGR2RGB);
	this->image2.update();
}

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

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

	this->shader.begin();
	this->shader.setUniform1f("time", ofGetElapsedTimef());
	this->shader.setUniform2f("resolution", ofGetWidth(), ofGetHeight());
	this->shader.setUniform2f("mouse", ofGetMouseX(), ofGetMouseY());
	this->shader.setUniformTexture("tex1", this->image1, 1);
	this->shader.setUniformTexture("tex2", this->image2, 2);

	this->src.draw(0, 0);
	this->shader.end();

	this->dst.end();

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

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

	ofGLWindowSettings settings;
	settings.setGLVersion(3, 2);
	settings.setSize(1280, 720);
	ofCreateWindow(settings);
	ofRunApp(new ofApp());
}

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

this->cap1.open(1);

this->cap2.open("beach.mp4");

this->cap_size = cv::Size(1280, 720);

this->image1.allocate(this->cap_size.width, this->cap_size.height, OF_IMAGE_COLOR);

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

this->image2.allocate(this->cap_size.width, this->cap_size.height, OF_IMAGE_COLOR);

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

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

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

this->shader.load("shader/shader.vert", "shader/shader.frag");

}

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

void ofApp::update() {

cv::Mat src;

this->cap1 >> src;

if (src.empty()) {

this->cap1.set(CV_CAP_PROP_POS_FRAMES, 1);

return;

}

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

cv::cvtColor(this->frame1, this->frame1, CV_BGR2RGB);

cv::flip(this->frame1, this->frame1, 2);

this->image1.update();

this->cap2 >> src;

if (src.empty()) {

this->cap2.set(CV_CAP_PROP_POS_FRAMES, 1);

return;

}

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

cv::cvtColor(this->frame2, this->frame2, CV_BGR2RGB);

this->image2.update();

}

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

void ofApp::draw() {

this->dst.begin();

ofClear(0);

this->shader.begin();

this->shader.setUniform1f("time", ofGetElapsedTimef());

this->shader.setUniform2f("resolution", ofGetWidth(), ofGetHeight());

this->shader.setUniform2f("mouse", ofGetMouseX(), ofGetMouseY());

this->shader.setUniformTexture("tex1", this->image1, 1);

this->shader.setUniformTexture("tex2", this->image2, 2);

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

this->shader.end();

this->dst.end();

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

}

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

int main() {

ofGLWindowSettings settings;

settings.setGLVersion(3, 2);

settings.setSize(1280, 720);

ofCreateWindow(settings);

ofRunApp(new ofApp());

}

#version 150

uniform mat4 modelViewProjectionMatrix;
in vec4 position;
in vec2 texcoord;
out vec2 texCoordVarying;

void main(){

	texCoordVarying = texcoord;
	gl_Position = modelViewProjectionMatrix * position;
}

#version 150

uniform mat4 modelViewProjectionMatrix;

in vec4 position;

in vec2 texcoord;

out vec2 texCoordVarying;

void main(){

texCoordVarying = texcoord;

gl_Position = modelViewProjectionMatrix * position;

}

#version 150

uniform float time;
uniform vec2 resolution;
uniform vec2 mouse;
uniform sampler2DRect tex1;
uniform sampler2DRect tex2;

in vec2 texCoordVarying;
out vec4 outputColor;

void main() {

  vec2 p = (gl_FragCoord.xy * 2.0 - resolution) / min(resolution.x, resolution.y);

  vec4 c1 = texture(tex1, texCoordVarying);
  vec4 c2 = texture(tex2, texCoordVarying);
  vec4 m = texture(tex1, mouse);

  float d = length(c1 - m);

  outputColor = (d > 0.25) ? c1 : c2;
}

#version 150

uniform float time;

uniform vec2 resolution;

uniform vec2 mouse;

uniform sampler2DRect tex1;

uniform sampler2DRect tex2;

in vec2 texCoordVarying;

out vec4 outputColor;

void main() {

vec2 p = (gl_FragCoord.xy * 2.0 - resolution) / min(resolution.x, resolution.y);

vec4 c1 = texture(tex1, texCoordVarying);

vec4 c2 = texture(tex2, texCoordVarying);

vec4 m = texture(tex1, mouse);

float d = length(c1 - m);

outputColor = (d > 0.25) ? c1 : c2;

}

[ Link ]

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2024年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