2020年1月 – プログラミング de 落描き

2020年1月31日2020年1月31日

Lines on word. openFrameworks

[ Video ]

[ About ]
文字の上を直進する線。

Lines on word.

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

	int number_of_agent;
	int len_of_tail;
	vector<deque<glm::vec2>> log_list;
	vector<glm::vec2> direction_list;

	ofFbo fbo;
	ofPixels pixels;
};

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

void dragEvent(ofDragInfo dragInfo) {};

void gotMessage(ofMessage msg) {};

int number_of_agent;

int len_of_tail;

vector<deque<glm::vec2>> log_list;

vector<glm::vec2> direction_list;

ofFbo fbo;

ofPixels pixels;

};

#include "ofApp.h"

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

	ofSetFrameRate(60);
	ofSetWindowTitle("openFrameworks");

	ofBackground(239);

	ofTrueTypeFont font;
	font.loadFont("fonts/Kazesawa-bold.ttf", 250, true, true, true);

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

	string word = "PCD";
	font.drawString(word, ofGetWidth() * 0.5 - font.stringWidth(word) * 0.5, ofGetHeight() * 0.5 - font.stringHeight(word) * 0.1);
	word = "TOKYO";
	font.drawString(word, ofGetWidth() * 0.5 - font.stringWidth(word) * 0.5, ofGetHeight() * 0.5 + font.stringHeight(word) * 1.1);

	this->fbo.end();
	this->fbo.readToPixels(this->pixels);

	this->number_of_agent = 120;
	this->len_of_tail = 100;
	while (this->log_list.size() < this->number_of_agent) {

		int x = ofRandom(ofGetWidth());
		int y = ofRandom(ofGetHeight());
		if (this->pixels.getColor(x, y) != ofColor(0, 0)) {

			deque<glm::vec2> log;
			log.push_front(glm::vec2(x, y));
			this->log_list.push_back(log);
			this->direction_list.push_back(glm::normalize(glm::vec2(ofRandom(-1, 1), ofRandom(-1, 1))));
		}
	}

	ofSetLineWidth(1.5);
}

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

	for (int i = 0; i < this->number_of_agent; i++) {

		glm::vec2 future = this->log_list[i].front() + this->direction_list[i] * 5;
		int x = future.x;
		int y = future.y;

		while (this->pixels.getColor(x, y) == ofColor(0, 0)) {

			this->direction_list[i] = glm::normalize(glm::vec2(ofRandom(-1, 1), ofRandom(-1, 1)));

			future = this->log_list[i].front() + this->direction_list[i] * 10;
			x = future.x;
			y = future.y;
		}

		this->log_list[i].push_front(future);
		while (this->log_list[i].size() > this->len_of_tail) {

			this->log_list[i].pop_back();
		}
	}
}

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

	for (int i = 0; i < this->number_of_agent; i++) {

		ofSetColor(39);
		for (int l = 0; l < this->log_list[i].size() - 1; l++) {

			ofDrawLine(this->log_list[i][l], this->log_list[i][l + 1]);
		}
	}
}

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

	ofSetupOpenGL(1280, 720, OF_WINDOW);
	ofRunApp(new ofApp());
}

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofTrueTypeFont font;

font.loadFont("fonts/Kazesawa-bold.ttf", 250, true, true, true);

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

this->fbo.begin();

ofClear(0);

string word = "PCD";

font.drawString(word, ofGetWidth() * 0.5 - font.stringWidth(word) * 0.5, ofGetHeight() * 0.5 - font.stringHeight(word) * 0.1);

word = "TOKYO";

font.drawString(word, ofGetWidth() * 0.5 - font.stringWidth(word) * 0.5, ofGetHeight() * 0.5 + font.stringHeight(word) * 1.1);

this->fbo.end();

this->fbo.readToPixels(this->pixels);

this->number_of_agent = 120;

this->len_of_tail = 100;

while (this->log_list.size() < this->number_of_agent) {

int x = ofRandom(ofGetWidth());

int y = ofRandom(ofGetHeight());

if (this->pixels.getColor(x, y) != ofColor(0, 0)) {

deque<glm::vec2> log;

log.push_front(glm::vec2(x, y));

this->log_list.push_back(log);

this->direction_list.push_back(glm::normalize(glm::vec2(ofRandom(-1, 1), ofRandom(-1, 1))));

}

ofSetLineWidth(1.5);

}

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

void ofApp::update() {

for (int i = 0; i < this->number_of_agent; i++) {

glm::vec2 future = this->log_list[i].front() + this->direction_list[i] * 5;

int x = future.x;

int y = future.y;

while (this->pixels.getColor(x, y) == ofColor(0, 0)) {

this->direction_list[i] = glm::normalize(glm::vec2(ofRandom(-1, 1), ofRandom(-1, 1)));

future = this->log_list[i].front() + this->direction_list[i] * 10;

x = future.x;

y = future.y;

}

this->log_list[i].push_front(future);

while (this->log_list[i].size() > this->len_of_tail) {

this->log_list[i].pop_back();

}

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

void ofApp::draw() {

for (int i = 0; i < this->number_of_agent; i++) {

ofSetColor(39);

for (int l = 0; l < this->log_list[i].size() - 1; l++) {

ofDrawLine(this->log_list[i][l], this->log_list[i][l + 1]);

}

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

int main() {

ofSetupOpenGL(1280, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2020年1月30日2020年1月30日

Rotating half square. openFrameworks

[ Video ]

[ About ]
ハーフ正方形回転。

Rotating half square.

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

	glm::vec2 make_point(int len, int param);

	ofEasyCam cam;
	ofMesh mesh, frame;
};

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

void dragEvent(ofDragInfo dragInfo) {};

void gotMessage(ofMessage msg) {};

glm::vec2 make_point(int len, int param);

ofEasyCam cam;

ofMesh mesh, frame;

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofSetLineWidth(1.5);
	ofEnableDepthTest();

	this->frame.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);
}

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

	ofSeedRandom(39);

	this->mesh.clear();
	this->frame.clear();

	auto noise_location = glm::vec3(ofRandom(1000), ofRandom(1000), ofRandom(1000));

	int len = 300;
	int width = 20;
	for(int len = 100; len <= 500; len += 25){
		
		auto angle_x = ofMap(ofNoise(noise_location.x, len * 0.001 + ofGetFrameNum() * 0.003), 0, 1, 0, PI * 2);
		auto angle_y = ofMap(ofNoise(noise_location.y, len * 0.001 + ofGetFrameNum() * 0.003), 0, 1, 0, PI * 2);
		auto angle_z = ofMap(ofNoise(noise_location.z, len * 0.001 + ofGetFrameNum() * 0.003), 0, 1, 0, PI * 2);
		auto rotation_x = glm::rotate(glm::mat4(), angle_x, glm::vec3(1, 0, 0));
		auto rotation_y = glm::rotate(glm::mat4(), angle_y, glm::vec3(0, 1, 0));
		auto rotation_z = glm::rotate(glm::mat4(), angle_z, glm::vec3(0, 0, 1));

		int start_param = ofRandom(1000) + ofGetFrameNum() * ofRandom(1, 1.5);
		int end_param = start_param + 55;
		int start_index = this->mesh.getNumVertices();
		for (int param = start_param; param <= end_param; param++) {

			int index = mesh.getNumVertices() - 2;

			vector<glm::vec3> vertices;
			vertices.push_back(glm::vec4(this->make_point(len, param), width *  0.5, 0) * rotation_z * rotation_y * rotation_x);
			vertices.push_back(glm::vec4(this->make_point(len, param), width * -0.5, 0) * rotation_z * rotation_y * rotation_x);

			mesh.addVertices(vertices);
			frame.addVertices(vertices);

			if (index > start_index) {

				mesh.addIndex(index + 0); mesh.addIndex(index + 1); mesh.addIndex(index + 3);
				mesh.addIndex(index + 0); mesh.addIndex(index + 2); mesh.addIndex(index + 3);

				frame.addIndex(index + 0); frame.addIndex(index + 2);
				frame.addIndex(index + 1); frame.addIndex(index + 3);
			}

			if (param % 25 == 0) {

				frame.addIndex(frame.getNumVertices() - 1); frame.addIndex(frame.getNumVertices() - 2);
			}
		}

		frame.addIndex(start_index); frame.addIndex(start_index + 1);
		frame.addIndex(frame.getNumVertices() - 1); frame.addIndex(frame.getNumVertices() - 2);
	}
}

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

	this->cam.begin();

	ofSetColor(39);
	this->mesh.draw();

	ofSetColor(239);
	this->frame.drawWireframe();

	this->cam.end();
}

//--------------------------------------------------------------
glm::vec2 ofApp::make_point(int len, int param) {

	param = param % 100;
	if (param < 25) {

		return glm::vec2(ofMap(param, 0, 25, -len * 0.5, len * 0.5), -len * 0.5);
	}
	else if (param < 50) {

		return glm::vec2(len * 0.5, ofMap(param, 25, 50, -len * 0.5, len * 0.5));
	}
	else if (param < 75) {

		return glm::vec2(ofMap(param, 50, 75, len * 0.5, -len * 0.5), len * 0.5);
	}
	else {

		return glm::vec2(-len * 0.5, ofMap(param, 75, 100, len * 0.5, -len * 0.5));
	}
}

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

	ofSetupOpenGL(720, 720, OF_WINDOW);
	ofRunApp(new ofApp());
}

100

101

102

103

104

105

106

107

108

109

110

111

112

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(239);

ofSetLineWidth(1.5);

ofEnableDepthTest();

this->frame.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);

}

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

void ofApp::update() {

ofSeedRandom(39);

this->mesh.clear();

this->frame.clear();

auto noise_location = glm::vec3(ofRandom(1000), ofRandom(1000), ofRandom(1000));

int len = 300;

int width = 20;

for(int len = 100; len <= 500; len += 25){

auto angle_x = ofMap(ofNoise(noise_location.x, len * 0.001 + ofGetFrameNum() * 0.003), 0, 1, 0, PI * 2);

auto angle_y = ofMap(ofNoise(noise_location.y, len * 0.001 + ofGetFrameNum() * 0.003), 0, 1, 0, PI * 2);

auto angle_z = ofMap(ofNoise(noise_location.z, len * 0.001 + ofGetFrameNum() * 0.003), 0, 1, 0, PI * 2);

auto rotation_x = glm::rotate(glm::mat4(), angle_x, glm::vec3(1, 0, 0));

auto rotation_y = glm::rotate(glm::mat4(), angle_y, glm::vec3(0, 1, 0));

auto rotation_z = glm::rotate(glm::mat4(), angle_z, glm::vec3(0, 0, 1));

int start_param = ofRandom(1000) + ofGetFrameNum() * ofRandom(1, 1.5);

int end_param = start_param + 55;

int start_index = this->mesh.getNumVertices();

for (int param = start_param; param <= end_param; param++) {

int index = mesh.getNumVertices() - 2;

vector<glm::vec3> vertices;

vertices.push_back(glm::vec4(this->make_point(len, param), width * 0.5, 0) * rotation_z * rotation_y * rotation_x);

vertices.push_back(glm::vec4(this->make_point(len, param), width * -0.5, 0) * rotation_z * rotation_y * rotation_x);

mesh.addVertices(vertices);

frame.addVertices(vertices);

if (index > start_index) {

mesh.addIndex(index + 0); mesh.addIndex(index + 1); mesh.addIndex(index + 3);

mesh.addIndex(index + 0); mesh.addIndex(index + 2); mesh.addIndex(index + 3);

frame.addIndex(index + 0); frame.addIndex(index + 2);

frame.addIndex(index + 1); frame.addIndex(index + 3);

}

if (param % 25 == 0) {

frame.addIndex(frame.getNumVertices() - 1); frame.addIndex(frame.getNumVertices() - 2);

}

frame.addIndex(start_index); frame.addIndex(start_index + 1);

frame.addIndex(frame.getNumVertices() - 1); frame.addIndex(frame.getNumVertices() - 2);

}

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

void ofApp::draw() {

this->cam.begin();

ofSetColor(39);

this->mesh.draw();

ofSetColor(239);

this->frame.drawWireframe();

this->cam.end();

}

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

glm::vec2 ofApp::make_point(int len, int param) {

param = param % 100;

if (param < 25) {

return glm::vec2(ofMap(param, 0, 25, -len * 0.5, len * 0.5), -len * 0.5);

}

else if (param < 50) {

return glm::vec2(len * 0.5, ofMap(param, 25, 50, -len * 0.5, len * 0.5));

}

else if (param < 75) {

return glm::vec2(ofMap(param, 50, 75, len * 0.5, -len * 0.5), len * 0.5);

}

else {

return glm::vec2(-len * 0.5, ofMap(param, 75, 100, len * 0.5, -len * 0.5));

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2020年1月29日2020年1月29日

Character on the sphere. openFrameworks

[ Video ]

[ About ]
球体上の座標で浮遊する文字。

Character on the sphere.

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

	ofEasyCam cam;

	float font_size;
	ofTrueTypeFont font;
};

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

void dragEvent(ofDragInfo dragInfo) {};

void gotMessage(ofMessage msg) {};

ofEasyCam cam;

float font_size;

ofTrueTypeFont font;

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofSetColor(39);
	ofSetLineWidth(1.5);
	ofNoFill();
	ofEnableDepthTest();

	this->font_size = 30;
	this->font.loadFont("fonts/Kazesawa-Bold.ttf", this->font_size, true, true, true);
}

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

	ofSeedRandom(39);
}

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

	this->cam.begin();
	ofRotateX(180);

	vector<string> word_list = {
		"A", "B", "C", "D", "E", "F",
		"G", "H", "I", "J", "K", "L",
		"M", "N", "O", "P", "Q", "R",
		"S", "T", "U", "V", "V", "X",
		"Y", "Z" };

	int sample_count = 180;
	for (auto& word : word_list) {

		auto noise_param = glm::vec3(ofRandom(1000), ofRandom(1000), ofRandom(1000));

		auto word_size = this->font.getStringBoundingBox(word, 0, 0);
		vector<ofPath> word_path = this->font.getStringAsPoints(word, true, false);
		for (int word_index = 0; word_index < word_path.size(); word_index++) {

			vector<ofPolyline> outline = word_path[word_index].getOutline();

			ofFill();
			ofSetColor(239);
			ofBeginShape();
			for (int outline_index = 0; outline_index < outline.size(); outline_index++) {

				if (outline_index != 0) { ofNextContour(true); }

				auto vertices = outline[outline_index].getResampledByCount(sample_count).getVertices();
				for (auto& vertex : vertices) {

					auto noise_location = glm::vec3(
						ofMap(ofNoise(noise_param.x, vertex.x * 0.005 - ofGetFrameNum() * 0.005), 0, 1, -300, 300),
						ofMap(ofNoise(noise_param.y, vertex.x * 0.005 - ofGetFrameNum() * 0.005), 0, 1, -300, 300),
						ofMap(ofNoise(noise_param.z, vertex.x * 0.005 - ofGetFrameNum() * 0.005), 0, 1, -300, 300));

					auto location = noise_location + vertex - glm::vec3(word_size.getWidth() * 0.5, -word_size.getHeight() * 0.5, 0);
					location = glm::normalize(location) * 200;
					ofVertex(location);
				}
			}
			ofEndShape(true);

			ofNoFill();
			ofSetColor(39);
			ofBeginShape();
			for (int outline_index = 0; outline_index < outline.size(); outline_index++) {

				if (outline_index != 0) { ofNextContour(true); }

				auto vertices = outline[outline_index].getResampledByCount(sample_count).getVertices();
				for (auto& vertex : vertices) {

					auto noise_location = glm::vec3(
						ofMap(ofNoise(noise_param.x, vertex.x * 0.005 - ofGetFrameNum() * 0.005), 0, 1, -300, 300),
						ofMap(ofNoise(noise_param.y, vertex.x * 0.005 - ofGetFrameNum() * 0.005), 0, 1, -300, 300),
						ofMap(ofNoise(noise_param.z, vertex.x * 0.005 - ofGetFrameNum() * 0.005), 0, 1, -300, 300));

					auto location = noise_location + vertex - glm::vec3(word_size.getWidth() * 0.5, -word_size.getHeight() * 0.5, 0);
					location = glm::normalize(location) * 200;
					ofVertex(location);
				}
			}
			ofEndShape(true);
		}
	}

	this->cam.end();
}

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

	ofSetupOpenGL(720, 720, OF_WINDOW);
	ofRunApp(new ofApp());
}

100

101

102

103

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(239);

ofSetColor(39);

ofSetLineWidth(1.5);

ofNoFill();

ofEnableDepthTest();

this->font_size = 30;

this->font.loadFont("fonts/Kazesawa-Bold.ttf", this->font_size, true, true, true);

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateX(180);

vector<string> word_list = {

"A", "B", "C", "D", "E", "F",

"G", "H", "I", "J", "K", "L",

"M", "N", "O", "P", "Q", "R",

"S", "T", "U", "V", "V", "X",

"Y", "Z" };

int sample_count = 180;

for (auto& word : word_list) {

auto noise_param = glm::vec3(ofRandom(1000), ofRandom(1000), ofRandom(1000));

auto word_size = this->font.getStringBoundingBox(word, 0, 0);

vector<ofPath> word_path = this->font.getStringAsPoints(word, true, false);

for (int word_index = 0; word_index < word_path.size(); word_index++) {

vector<ofPolyline> outline = word_path[word_index].getOutline();

ofFill();

ofSetColor(239);

ofBeginShape();

for (int outline_index = 0; outline_index < outline.size(); outline_index++) {

if (outline_index != 0) { ofNextContour(true); }

auto vertices = outline[outline_index].getResampledByCount(sample_count).getVertices();

for (auto& vertex : vertices) {

auto noise_location = glm::vec3(

ofMap(ofNoise(noise_param.x, vertex.x * 0.005 - ofGetFrameNum() * 0.005), 0, 1, -300, 300),

ofMap(ofNoise(noise_param.y, vertex.x * 0.005 - ofGetFrameNum() * 0.005), 0, 1, -300, 300),

ofMap(ofNoise(noise_param.z, vertex.x * 0.005 - ofGetFrameNum() * 0.005), 0, 1, -300, 300));

auto location = noise_location + vertex - glm::vec3(word_size.getWidth() * 0.5, -word_size.getHeight() * 0.5, 0);

location = glm::normalize(location) * 200;

ofVertex(location);

}

ofEndShape(true);

ofNoFill();

ofSetColor(39);

ofBeginShape();

for (int outline_index = 0; outline_index < outline.size(); outline_index++) {

if (outline_index != 0) { ofNextContour(true); }

auto vertices = outline[outline_index].getResampledByCount(sample_count).getVertices();

for (auto& vertex : vertices) {

auto noise_location = glm::vec3(

ofMap(ofNoise(noise_param.x, vertex.x * 0.005 - ofGetFrameNum() * 0.005), 0, 1, -300, 300),

ofMap(ofNoise(noise_param.y, vertex.x * 0.005 - ofGetFrameNum() * 0.005), 0, 1, -300, 300),

ofMap(ofNoise(noise_param.z, vertex.x * 0.005 - ofGetFrameNum() * 0.005), 0, 1, -300, 300));

auto location = noise_location + vertex - glm::vec3(word_size.getWidth() * 0.5, -word_size.getHeight() * 0.5, 0);

location = glm::normalize(location) * 200;

ofVertex(location);

}

ofEndShape(true);

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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