2018年1月 – ページ 4 – プログラミング de 落描き

2018年1月22日2018年1月22日

時間の歪み mp4に適用 openFrameworks opencv

[ Video ]

[ About ]
MP4の映像データに対して、時間の歪み処理をかけてみました。色々な動画にかけましたが、動くものと動かないものがはっきりしている動画に対しては不思議な絵が撮れました。

画面中央左側にいる不動のおばさん？が良い味を出しています。

[ 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 windowResized(int w, int h) {};
	void dragEvent(ofDragInfo dragInfo) {};
	void gotMessage(ofMessage msg) {};

	cv::VideoCapture cap;
	cv::Size cap_size;

	static const int frame_number = 60;
	cv::Mat save_frame[frame_number];

	cv::Mat blend_frame;
	ofImage blend_image;
};

#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 windowResized(int w, int h) {};

void dragEvent(ofDragInfo dragInfo) {};

void gotMessage(ofMessage msg) {};

cv::VideoCapture cap;

cv::Size cap_size;

static const int frame_number = 60;

cv::Mat save_frame[frame_number];

cv::Mat blend_frame;

ofImage blend_image;

};

#include "ofApp.h"

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

	this->cap.open("city1.mp4");

	this->cap_size = cv::Size(this->cap.get(CV_CAP_PROP_FRAME_WIDTH), this->cap.get(CV_CAP_PROP_FRAME_HEIGHT));
	ofSetFrameRate(this->cap.get(CV_CAP_PROP_FPS));

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

//--------------------------------------------------------------
void ofApp::update() {
	
	cv::Mat src;
	this->cap >> src;
	if (src.empty()) { 
		return;
	}
	cv::cvtColor(src, src, CV_RGB2BGR);

	if (ofGetFrameNum() < this->frame_number) {
		for (int i = ofGetFrameNum() - 1; i > 0; i--) {
			this->save_frame[i - 1].copyTo(this->save_frame[i]);
		}
		src.copyTo(this->save_frame[0]);
	}
	else {
		for (int i = this->frame_number - 1; i > 0; i--) {
			this->save_frame[i - 1].copyTo(this->save_frame[i]);
		}
		src.copyTo(this->save_frame[0]);
	}

	if(ofGetFrameNum() > this->frame_number){

		for (int y = 0; y < this->blend_frame.rows; y += 1) {
			for (int x = 0; x < this->blend_frame.cols; x += 1) {
				int index = ofNoise(x * 0.001, y * 0.001, ofGetFrameNum() * 0.03) * this->frame_number;
				this->blend_frame.at<cv::Vec3b>(y, x) = this->save_frame[index].at<cv::Vec3b>(y, x);
			}
		}

		this->blend_image.update();
	}
}

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

	if (ofGetFrameNum() > this->frame_number) {
		this->blend_image.draw(0, 0);
	}

}

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

#include "ofApp.h"

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

void ofApp::setup() {

ofBackground(255);

ofSetWindowTitle("Insta");

this->cap.open("city1.mp4");

this->cap_size = cv::Size(this->cap.get(CV_CAP_PROP_FRAME_WIDTH), this->cap.get(CV_CAP_PROP_FRAME_HEIGHT));

ofSetFrameRate(this->cap.get(CV_CAP_PROP_FPS));

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

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

}

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

void ofApp::update() {

cv::Mat src;

this->cap >> src;

if (src.empty()) {

return;

}

cv::cvtColor(src, src, CV_RGB2BGR);

if (ofGetFrameNum() < this->frame_number) {

for (int i = ofGetFrameNum() - 1; i > 0; i--) {

this->save_frame[i - 1].copyTo(this->save_frame[i]);

}

src.copyTo(this->save_frame[0]);

}

else {

for (int i = this->frame_number - 1; i > 0; i--) {

this->save_frame[i - 1].copyTo(this->save_frame[i]);

}

src.copyTo(this->save_frame[0]);

}

if(ofGetFrameNum() > this->frame_number){

for (int y = 0; y < this->blend_frame.rows; y += 1) {

for (int x = 0; x < this->blend_frame.cols; x += 1) {

int index = ofNoise(x * 0.001, y * 0.001, ofGetFrameNum() * 0.03) * this->frame_number;

this->blend_frame.at<cv::Vec3b>(y, x) = this->save_frame[index].at<cv::Vec3b>(y, x);

}

this->blend_image.update();

}

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

void ofApp::draw() {

if (ofGetFrameNum() > this->frame_number) {

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

}

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

int main() {

ofSetupOpenGL(1920, 1080, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2018年1月21日2018年1月20日

時間の歪み描写フレームの可視化 openFrmeworks opencv

[ Video ]

[ About ]
昨日の落書きに高さの概念を加えてみました。

PixelがBoxに変更されて、Noiseによって選ばれたFrame NumberがBoxの高さになっています。背の高いBoxほど最新の情報が見えて、背の低いBoxには古い情報です。Boxにすることでそれぞれの時間の違いが可視化されて、厚みとして見ることができるようになりました。

[ Source ]

#pragma once
#include "ofMain.h"
#include "ofxBullet.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 windowResized(int w, int h) {};
	void dragEvent(ofDragInfo dragInfo) {};
	void gotMessage(ofMessage msg) {};

	ofEasyCam cam;
	ofLight light;

	cv::VideoCapture cap;
	static const int frame_number = 120;
	cv::Mat save_frame[frame_number];

	cv::Mat blend_frame;
	ofImage blend_image;

	cv::Mat wipe_frame;
	ofImage wipe_image;
};

#pragma once

#include "ofMain.h"

#include "ofxBullet.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 windowResized(int w, int h) {};

void dragEvent(ofDragInfo dragInfo) {};

void gotMessage(ofMessage msg) {};

ofEasyCam cam;

ofLight light;

cv::VideoCapture cap;

static const int frame_number = 120;

cv::Mat save_frame[frame_number];

cv::Mat blend_frame;

ofImage blend_image;

cv::Mat wipe_frame;

ofImage wipe_image;

};

#include "ofApp.h"

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

	ofEnableDepthTest();
	ofSetRectMode(ofRectMode::OF_RECTMODE_CENTER);

	this->cap.open(1);

	this->blend_image.allocate(this->cap.get(CV_CAP_PROP_FRAME_WIDTH), this->cap.get(CV_CAP_PROP_FRAME_HEIGHT), OF_IMAGE_COLOR_ALPHA);
	this->blend_frame = cv::Mat(this->blend_image.getHeight(), this->blend_image.getWidth(), CV_MAKETYPE(CV_8UC4, this->blend_image.getPixels().getNumChannels()), this->blend_image.getPixels().getData(), 0);

	this->wipe_image.allocate(this->cap.get(CV_CAP_PROP_FRAME_WIDTH) * 0.3, this->cap.get(CV_CAP_PROP_FRAME_HEIGHT) * 0.3, OF_IMAGE_COLOR);
	this->wipe_frame = cv::Mat(this->wipe_image.getHeight(), this->wipe_image.getWidth(), CV_MAKETYPE(CV_8UC3, this->wipe_image.getPixels().getNumChannels()), this->wipe_image.getPixels().getData(), 0);
}

//--------------------------------------------------------------
void ofApp::update() {
	cv::Mat src;
	this->cap >> src;
	cv::cvtColor(src, src, cv::COLOR_BGR2RGB);
	cv::flip(src, src, 1);

	if (ofGetFrameNum() < this->frame_number) {
		for (int i = ofGetFrameNum() - 1; i > 0; i--) {
			this->save_frame[i - 1].copyTo(this->save_frame[i]);
		}
		src.copyTo(this->save_frame[0]);
	}
	else {
		for (int i = this->frame_number - 1; i > 0; i--) {
			this->save_frame[i - 1].copyTo(this->save_frame[i]);
		}
		src.copyTo(this->save_frame[0]);
	}

	if(ofGetFrameNum() > this->frame_number){

		for (int y = 0; y < this->blend_frame.rows; y += 1) {
			for (int x = 0; x < this->blend_frame.cols; x += 1) {
				int index = ofNoise(x * 0.001, y * 0.001, ofGetFrameNum() * 0.06) * this->frame_number;
				this->blend_frame.at<cv::Vec4b>(y, x) = cv::Vec4b(this->save_frame[index].at<cv::Vec3b>(y, x)[0], this->save_frame[index].at<cv::Vec3b>(y, x)[1], this->save_frame[index].at<cv::Vec3b>(y, x)[2], index);
			}
		}

		this->blend_image.update();

	}

	cv::resize(src, this->wipe_frame, cv::Size(), 0.3, 0.3);
	this->wipe_image.update();

	this->light.setPosition(ofVec3f(0, 0, 512));
	ofEnableLighting();
	this->light.enable();
}

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

	this->cam.begin();

	ofSetColor(255);
	this->wipe_image.draw(0, -250);

	if (ofGetFrameNum() > this->frame_number) {

		int size = 5;
		for (int y = 0; y < this->blend_frame.rows; y += size) {
			for (int x = 0; x < this->blend_frame.cols; x += size) {
				ofSetColor(this->blend_frame.at<cv::Vec4b>(y, x)[0], this->blend_frame.at<cv::Vec4b>(y, x)[1], this->blend_frame.at<cv::Vec4b>(y, x)[2]);
				
				int height = this->frame_number - this->blend_frame.at<cv::Vec4b>(y, x)[3];

				ofPushMatrix();
				ofTranslate(0, 0, height / 2);
				ofDrawBox(ofVec3f(x - 320, ofGetHeight() / 2 - y, 0), size, size, height);
				ofPopMatrix();
			}
		}
	}

	this->cam.end();
}

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofBackground(255);

ofSetWindowTitle("Insta");

ofEnableDepthTest();

ofSetRectMode(ofRectMode::OF_RECTMODE_CENTER);

this->cap.open(1);

this->blend_image.allocate(this->cap.get(CV_CAP_PROP_FRAME_WIDTH), this->cap.get(CV_CAP_PROP_FRAME_HEIGHT), OF_IMAGE_COLOR_ALPHA);

this->blend_frame = cv::Mat(this->blend_image.getHeight(), this->blend_image.getWidth(), CV_MAKETYPE(CV_8UC4, this->blend_image.getPixels().getNumChannels()), this->blend_image.getPixels().getData(), 0);

this->wipe_image.allocate(this->cap.get(CV_CAP_PROP_FRAME_WIDTH) * 0.3, this->cap.get(CV_CAP_PROP_FRAME_HEIGHT) * 0.3, OF_IMAGE_COLOR);

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

}

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

void ofApp::update() {

cv::Mat src;

this->cap >> src;

cv::cvtColor(src, src, cv::COLOR_BGR2RGB);

cv::flip(src, src, 1);

if (ofGetFrameNum() < this->frame_number) {

for (int i = ofGetFrameNum() - 1; i > 0; i--) {

this->save_frame[i - 1].copyTo(this->save_frame[i]);

}

src.copyTo(this->save_frame[0]);

}

else {

for (int i = this->frame_number - 1; i > 0; i--) {

this->save_frame[i - 1].copyTo(this->save_frame[i]);

}

src.copyTo(this->save_frame[0]);

}

if(ofGetFrameNum() > this->frame_number){

for (int y = 0; y < this->blend_frame.rows; y += 1) {

for (int x = 0; x < this->blend_frame.cols; x += 1) {

int index = ofNoise(x * 0.001, y * 0.001, ofGetFrameNum() * 0.06) * this->frame_number;

this->blend_frame.at<cv::Vec4b>(y, x) = cv::Vec4b(this->save_frame[index].at<cv::Vec3b>(y, x)[0], this->save_frame[index].at<cv::Vec3b>(y, x)[1], this->save_frame[index].at<cv::Vec3b>(y, x)[2], index);

}

this->blend_image.update();

}

cv::resize(src, this->wipe_frame, cv::Size(), 0.3, 0.3);

this->wipe_image.update();

this->light.setPosition(ofVec3f(0, 0, 512));

ofEnableLighting();

this->light.enable();

}

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

void ofApp::draw() {

this->cam.begin();

ofSetColor(255);

this->wipe_image.draw(0, -250);

if (ofGetFrameNum() > this->frame_number) {

int size = 5;

for (int y = 0; y < this->blend_frame.rows; y += size) {

for (int x = 0; x < this->blend_frame.cols; x += size) {

ofSetColor(this->blend_frame.at<cv::Vec4b>(y, x)[0], this->blend_frame.at<cv::Vec4b>(y, x)[1], this->blend_frame.at<cv::Vec4b>(y, x)[2]);

int height = this->frame_number - this->blend_frame.at<cv::Vec4b>(y, x)[3];

ofPushMatrix();

ofTranslate(0, 0, height / 2);

ofDrawBox(ofVec3f(x - 320, ofGetHeight() / 2 - y, 0), size, size, height);

ofPopMatrix();

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2018年1月20日2018年1月19日

時間の歪み　openFrmeworks opencv

[ Video ]

[ About ]
WebCameraからのImageを120Frame分を保存して、pixel単位で描写するFrame(0-120)を変えています。描写されるpixelのframe numberは、Noise(x, y, time)で計算されるので、隣接するpixel間で近い値を指しながら、時間経過と共に変化していきます。

ちなみに、下の小さいワイプ？がリアルタイムの映像です。Noiseによって決定されるFrameは0-120の間で加減算されていきますが、Imageは更新され続けていく(加算のみ)ので、何とも言えない不思議な雰囲気が出ているのではないでしょうか。我ながら面白い！(自画自賛)

Noiseだけじゃなくて、Kinectのような深度センサーの値を加味しても面白いかも。

[ Source ]

#pragma once
#include "ofMain.h"
#include "ofxBullet.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 windowResized(int w, int h) {};
	void dragEvent(ofDragInfo dragInfo) {};
	void gotMessage(ofMessage msg) {};

	ofEasyCam cam;

	cv::VideoCapture cap;
	static const int frame_number = 120;
	cv::Mat save_frame[frame_number];

	cv::Mat blend_frame;
	ofImage blend_image;

	cv::Mat wipe_frame;
	ofImage wipe_image;
};

#pragma once

#include "ofMain.h"

#include "ofxBullet.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 windowResized(int w, int h) {};

void dragEvent(ofDragInfo dragInfo) {};

void gotMessage(ofMessage msg) {};

ofEasyCam cam;

cv::VideoCapture cap;

static const int frame_number = 120;

cv::Mat save_frame[frame_number];

cv::Mat blend_frame;

ofImage blend_image;

cv::Mat wipe_frame;

ofImage wipe_image;

};

#include "ofApp.h"

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

	ofSetRectMode(ofRectMode::OF_RECTMODE_CENTER);

	this->cap.open(1);

	this->blend_image.allocate(this->cap.get(CV_CAP_PROP_FRAME_WIDTH), this->cap.get(CV_CAP_PROP_FRAME_HEIGHT), OF_IMAGE_COLOR);
	this->blend_frame = cv::Mat(this->blend_image.getHeight(), this->blend_image.getWidth(), CV_MAKETYPE(CV_8UC3, this->blend_image.getPixels().getNumChannels()), this->blend_image.getPixels().getData(), 0);

	this->wipe_image.allocate(this->cap.get(CV_CAP_PROP_FRAME_WIDTH) * 0.3, this->cap.get(CV_CAP_PROP_FRAME_HEIGHT) * 0.3, OF_IMAGE_COLOR);
	this->wipe_frame = cv::Mat(this->wipe_image.getHeight(), this->wipe_image.getWidth(), CV_MAKETYPE(CV_8UC3, this->wipe_image.getPixels().getNumChannels()), this->wipe_image.getPixels().getData(), 0);
}

//--------------------------------------------------------------
void ofApp::update() {
	cv::Mat src;
	this->cap >> src;
	cv::cvtColor(src, src, cv::COLOR_BGR2RGB);
	cv::flip(src, src, 1);

	if (ofGetFrameNum() < this->frame_number) {
		for (int i = ofGetFrameNum() - 1; i > 0; i--) {
			this->save_frame[i - 1].copyTo(this->save_frame[i]);
		}
		src.copyTo(this->save_frame[0]);
	}
	else {
		for (int i = this->frame_number - 1; i > 0; i--) {
			this->save_frame[i - 1].copyTo(this->save_frame[i]);
		}
		src.copyTo(this->save_frame[0]);
	}

	if(ofGetFrameNum() > this->frame_number){

		for (int y = 0; y < this->blend_frame.rows; y += 1) {
			for (int x = 0; x < this->blend_frame.cols; x += 1) {
				int index = ofNoise(x * 0.002, y * 0.002, ofGetFrameNum() * 0.05) * 120;
				this->blend_frame.at<cv::Vec3b>(y, x) = this->save_frame[index].at<cv::Vec3b>(y, x);
			}
		}

		this->blend_image.update();

	}

	cv::resize(src, this->wipe_frame, cv::Size(), 0.3, 0.3);
	this->wipe_image.update();

	ofSetWindowTitle(std::to_string(ofGetFrameRate()));
}

//--------------------------------------------------------------
void ofApp::draw() {
	this->wipe_image.draw(ofGetWidth() / 2, ofGetHeight() / 2 + 250);

	if (ofGetFrameNum() > 120) {
		this->blend_image.draw(ofGetWidth() / 2, ofGetHeight() / 2 - 100);
	}
}

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofEnableDepthTest();

ofBackground(255);

ofSetWindowTitle("Insta");

ofSetRectMode(ofRectMode::OF_RECTMODE_CENTER);

this->cap.open(1);

this->blend_image.allocate(this->cap.get(CV_CAP_PROP_FRAME_WIDTH), this->cap.get(CV_CAP_PROP_FRAME_HEIGHT), OF_IMAGE_COLOR);

this->wipe_image.allocate(this->cap.get(CV_CAP_PROP_FRAME_WIDTH) * 0.3, this->cap.get(CV_CAP_PROP_FRAME_HEIGHT) * 0.3, OF_IMAGE_COLOR);

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

}

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

void ofApp::update() {

cv::Mat src;

this->cap >> src;

cv::cvtColor(src, src, cv::COLOR_BGR2RGB);

cv::flip(src, src, 1);

if (ofGetFrameNum() < this->frame_number) {

for (int i = ofGetFrameNum() - 1; i > 0; i--) {

this->save_frame[i - 1].copyTo(this->save_frame[i]);

}

src.copyTo(this->save_frame[0]);

}

else {

for (int i = this->frame_number - 1; i > 0; i--) {

this->save_frame[i - 1].copyTo(this->save_frame[i]);

}

src.copyTo(this->save_frame[0]);

}

if(ofGetFrameNum() > this->frame_number){

for (int y = 0; y < this->blend_frame.rows; y += 1) {

for (int x = 0; x < this->blend_frame.cols; x += 1) {

int index = ofNoise(x * 0.002, y * 0.002, ofGetFrameNum() * 0.05) * 120;

this->blend_frame.at<cv::Vec3b>(y, x) = this->save_frame[index].at<cv::Vec3b>(y, x);

}

this->blend_image.update();

}

cv::resize(src, this->wipe_frame, cv::Size(), 0.3, 0.3);

this->wipe_image.update();

ofSetWindowTitle(std::to_string(ofGetFrameRate()));

}

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

void ofApp::draw() {

this->wipe_image.draw(ofGetWidth() / 2, ofGetHeight() / 2 + 250);

if (ofGetFrameNum() > 120) {

this->blend_image.draw(ofGetWidth() / 2, ofGetHeight() / 2 - 100);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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