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

2020年10月19日

Changing color. Draw by openFrameworks

[ Video ]

[ About ]
Changing color.

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

	ofBackground(239);
	ofEnableDepthTest();
}

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

	ofSeedRandom(39);
}

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

	this->cam.begin();
	ofRotateY(90);

	int hue = ofGetFrameNum() % 255;
	ofColor color;

	int span = 15;
	ofMesh face, frame;
	frame.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);
	float frame_step = 0.04;
	float len_step = 0.002;

	auto noise_param = glm::vec3(ofRandom(1000), ofRandom(1000), ofRandom(1000));
	for (float len = ofGetWidth(); len > 0; len -= span) {

		int index = face.getNumVertices();

		auto loc = glm::vec3(
			len * ofMap(ofNoise(noise_param.x, ofGetFrameNum() * frame_step + len * len_step), 0, 1, 0, 0.3),
			len * ofMap(ofNoise(noise_param.y, ofGetFrameNum() * frame_step + len * len_step), 0, 1, 0, 0.3),
			len * ofMap(ofNoise(noise_param.z, ofGetFrameNum() * frame_step + len * len_step), 0, 1, 0, 0.3)
		);

		auto next = glm::vec3(
			(len - span) * ofMap(ofNoise(noise_param.x, ofGetFrameNum() * frame_step + (len - span) * len_step), 0, 1, 0, 0.3),
			(len - span) * ofMap(ofNoise(noise_param.y, ofGetFrameNum() * frame_step + (len - span) * len_step), 0, 1, 0, 0.3),
			(len - span) * ofMap(ofNoise(noise_param.z, ofGetFrameNum() * frame_step + (len - span) * len_step), 0, 1, 0, 0.3)
		);

		face.addVertex(glm::vec3(loc.x, loc.y, loc.z));
		face.addVertex(glm::vec3(-loc.x, loc.y, loc.z));
		face.addVertex(glm::vec3(-next.x, next.y, next.z));
		face.addVertex(glm::vec3(next.x, next.y, next.z));

		color.setHsb((int)(hue + len / 6) % 255, 255, 180);
		face.addColor(color);
		face.addColor(color);
		face.addColor(color);
		face.addColor(color);

		frame.addVertex(glm::vec3(loc.x, loc.y, loc.z));
		frame.addVertex(glm::vec3(-loc.x, loc.y, loc.z));
		frame.addVertex(glm::vec3(-next.x, next.y, next.z));
		frame.addVertex(glm::vec3(next.x, next.y, next.z));

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

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

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


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

		ofRotateX(45);

		ofSetColor(39);
		face.draw();

		ofSetColor(239);
		frame.drawWireframe();
	}

	this->cam.end();
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openframeworks");

ofBackground(239);

ofEnableDepthTest();

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateY(90);

int hue = ofGetFrameNum() % 255;

ofColor color;

int span = 15;

ofMesh face, frame;

frame.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);

float frame_step = 0.04;

float len_step = 0.002;

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

for (float len = ofGetWidth(); len > 0; len -= span) {

int index = face.getNumVertices();

auto loc = glm::vec3(

len * ofMap(ofNoise(noise_param.x, ofGetFrameNum() * frame_step + len * len_step), 0, 1, 0, 0.3),

len * ofMap(ofNoise(noise_param.y, ofGetFrameNum() * frame_step + len * len_step), 0, 1, 0, 0.3),

len * ofMap(ofNoise(noise_param.z, ofGetFrameNum() * frame_step + len * len_step), 0, 1, 0, 0.3)

);

auto next = glm::vec3(

(len - span) * ofMap(ofNoise(noise_param.x, ofGetFrameNum() * frame_step + (len - span) * len_step), 0, 1, 0, 0.3),

(len - span) * ofMap(ofNoise(noise_param.y, ofGetFrameNum() * frame_step + (len - span) * len_step), 0, 1, 0, 0.3),

(len - span) * ofMap(ofNoise(noise_param.z, ofGetFrameNum() * frame_step + (len - span) * len_step), 0, 1, 0, 0.3)

);

face.addVertex(glm::vec3(loc.x, loc.y, loc.z));

face.addVertex(glm::vec3(-loc.x, loc.y, loc.z));

face.addVertex(glm::vec3(-next.x, next.y, next.z));

face.addVertex(glm::vec3(next.x, next.y, next.z));

color.setHsb((int)(hue + len / 6) % 255, 255, 180);

face.addColor(color);

frame.addVertex(glm::vec3(loc.x, loc.y, loc.z));

frame.addVertex(glm::vec3(-loc.x, loc.y, loc.z));

frame.addVertex(glm::vec3(-next.x, next.y, next.z));

frame.addVertex(glm::vec3(next.x, next.y, next.z));

face.addIndex(index + 0); face.addIndex(index + 1); face.addIndex(index + 2);

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

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

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

}

frame.addIndex(0); frame.addIndex(1);

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

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

ofRotateX(45);

ofSetColor(39);

face.draw();

ofSetColor(239);

frame.drawWireframe();

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2020年10月18日2020年10月17日

Remake my 2017 post. Draw by openFrameworks

[ Video ]

[ About ]
2017年の投稿をリメイク。

Remake my 2017 post.

[ 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;
	glm::vec3 noise_param;
};

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

glm::vec3 noise_param;

};

#include "ofApp.h"

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

	ofSetFrameRate(30);
	ofSetWindowTitle("openframeworks");

	ofBackground(239);
	ofEnableDepthTest();

	this->noise_param = glm::vec3(ofRandom(1000), ofRandom(1000), ofRandom(1000));
}

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

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

	this->cam.begin();
	ofRotateY(90);

	int span = 15;
	ofMesh face, frame;
	frame.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);
	float frame_step = 0.04;
	float len_step = 0.002;
	for (float len = ofGetWidth(); len > 0; len -= span) {

		int index = face.getNumVertices();

		auto loc = glm::vec3(
			len * ofMap(ofNoise(this->noise_param.x, ofGetFrameNum() * frame_step + len * len_step), 0, 1, 0, 0.5),
			len * ofMap(ofNoise(this->noise_param.y, ofGetFrameNum() * frame_step + len * len_step), 0, 1, 0, 0.5),
			len * ofMap(ofNoise(this->noise_param.z, ofGetFrameNum() * frame_step + len * len_step), 0, 1, 0, 0.5)
		);

		auto next = glm::vec3(
			(len - span) * ofMap(ofNoise(this->noise_param.x, ofGetFrameNum() * frame_step + (len - span) * len_step), 0, 1, 0, 0.5),
			(len - span) * ofMap(ofNoise(this->noise_param.y, ofGetFrameNum() * frame_step + (len - span) * len_step), 0, 1, 0, 0.5),
			(len - span) * ofMap(ofNoise(this->noise_param.z, ofGetFrameNum() * frame_step + (len - span) * len_step), 0, 1, 0, 0.5)
		);

		face.addVertex(glm::vec3(loc.x, loc.y, loc.z));
		face.addVertex(glm::vec3(-loc.x, loc.y, loc.z));
		face.addVertex(glm::vec3(-next.x, next.y, next.z));
		face.addVertex(glm::vec3(next.x, next.y, next.z));

		frame.addVertex(glm::vec3(loc.x, loc.y, loc.z));
		frame.addVertex(glm::vec3(-loc.x, loc.y, loc.z));
		frame.addVertex(glm::vec3(-next.x, next.y, next.z));
		frame.addVertex(glm::vec3(next.x, next.y, next.z));

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

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

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


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

		ofRotateX(90);

		ofSetColor(39);
		face.draw();

		ofSetColor(239);
		frame.drawWireframe();
	}

	this->cam.end();
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openframeworks");

ofBackground(239);

ofEnableDepthTest();

this->noise_param = glm::vec3(ofRandom(1000), ofRandom(1000), ofRandom(1000));

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateY(90);

int span = 15;

ofMesh face, frame;

frame.setMode(ofPrimitiveMode::OF_PRIMITIVE_LINES);

float frame_step = 0.04;

float len_step = 0.002;

for (float len = ofGetWidth(); len > 0; len -= span) {

int index = face.getNumVertices();

auto loc = glm::vec3(

len * ofMap(ofNoise(this->noise_param.x, ofGetFrameNum() * frame_step + len * len_step), 0, 1, 0, 0.5),

len * ofMap(ofNoise(this->noise_param.y, ofGetFrameNum() * frame_step + len * len_step), 0, 1, 0, 0.5),

len * ofMap(ofNoise(this->noise_param.z, ofGetFrameNum() * frame_step + len * len_step), 0, 1, 0, 0.5)

);

auto next = glm::vec3(

(len - span) * ofMap(ofNoise(this->noise_param.x, ofGetFrameNum() * frame_step + (len - span) * len_step), 0, 1, 0, 0.5),

(len - span) * ofMap(ofNoise(this->noise_param.y, ofGetFrameNum() * frame_step + (len - span) * len_step), 0, 1, 0, 0.5),

(len - span) * ofMap(ofNoise(this->noise_param.z, ofGetFrameNum() * frame_step + (len - span) * len_step), 0, 1, 0, 0.5)

);

face.addVertex(glm::vec3(loc.x, loc.y, loc.z));

face.addVertex(glm::vec3(-loc.x, loc.y, loc.z));

face.addVertex(glm::vec3(-next.x, next.y, next.z));

face.addVertex(glm::vec3(next.x, next.y, next.z));

frame.addVertex(glm::vec3(loc.x, loc.y, loc.z));

frame.addVertex(glm::vec3(-loc.x, loc.y, loc.z));

frame.addVertex(glm::vec3(-next.x, next.y, next.z));

frame.addVertex(glm::vec3(next.x, next.y, next.z));

face.addIndex(index + 0); face.addIndex(index + 1); face.addIndex(index + 2);

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

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

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

}

frame.addIndex(0); frame.addIndex(1);

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

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

ofRotateX(90);

ofSetColor(39);

face.draw();

ofSetColor(239);

frame.drawWireframe();

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2020年10月17日2020年10月16日

Hex of hex. Draw by openFrameworks

[ Video ]

[ About ]
Hex of hex.

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

	ofTrueTypeFont font;

	float radius;
	vector<glm::vec2> hexagon_list;
	vector<glm::vec2> noise_seed_list;
	vector<float> alpha_list;

	vector<ofColor> base_color_list;
};

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

ofTrueTypeFont font;

float radius;

vector<glm::vec2> hexagon_list;

vector<glm::vec2> noise_seed_list;

vector<float> alpha_list;

vector<ofColor> base_color_list;

};

#include "ofApp.h"

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

	ofSetFrameRate(30);
	ofSetWindowTitle("openframeworks");

	ofBackground(239);

	ofColor color;
	vector<int> hex_list = { 0xef476f, 0xffd166, 0x06d6a0, 0x118ab2, 0x073b4c };
	for (auto hex : hex_list) {

		color.setHex(hex);
		this->base_color_list.push_back(color);
	}

	this->radius = 12;
	auto x_span = this->radius * sqrt(3);
	auto flg = true;
	for (float y = 0; y < ofGetHeight() + this->radius; y += this->radius * 1.5) {

		for (float x = 0; x < ofGetWidth() + this->radius; x += x_span) {

			glm::vec2 location;
			if (flg) {

				location = glm::vec2(x, y);
			}
			else {

				location = glm::vec2(x + (this->radius * sqrt(3) / 2), y);
			}

			this->hexagon_list.push_back(location);
			this->noise_seed_list.push_back(glm::vec2(ofRandom(1000), ofRandom(1000)));
			this->alpha_list.push_back(0);
		}
		flg = !flg;
	}

	this->font.loadFont("fonts/Kazesawa-bold.ttf", 260, true, true, true);
}

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

	ofSeedRandom(39);

	ofFbo fbo;
	ofPixels pixels;
	fbo.allocate(ofGetWidth(), ofGetHeight());
	fbo.begin();
	ofClear(0);

	string word = "HEX";
	this->font.drawString(word, ofGetWidth() * 0.5 - this->font.stringWidth(word) * 0.5 - 5, ofGetHeight() * 0.5 + this->font.stringHeight(word) * 0.5);

	fbo.end();
	fbo.readToPixels(pixels);

	ofColor pix_color;
	int span = 10;

	for (int i = 0; i < this->hexagon_list.size(); i++) {
		
		pix_color = pixels.getColor((int)this->hexagon_list[i].x, (int)this->hexagon_list[i].y);
		if (pix_color != ofColor(0, 0)) {

			this->alpha_list[i] = this->alpha_list[i] < 255 ? this->alpha_list[i] + 50 : 255;
		}
		else {

			this->alpha_list[i] = this->alpha_list[i] > 0 ? this->alpha_list[i] - 2 : 0;
		}
	}
}

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

	ofColor color;
	for (int i = 0; i < this->hexagon_list.size(); i++) {

		vector<glm::vec2> vertices;
		for (auto deg = 90; deg < 450; deg += 60) {

			vertices.push_back(this->hexagon_list[i] + glm::vec2(this->radius * cos(deg * DEG_TO_RAD), this->radius * sin(deg * DEG_TO_RAD)));
		}

		color = this->base_color_list[(int)ofMap(ofNoise(glm::vec3(this->hexagon_list[i] * 0.005, ofGetFrameNum() * 0.02)), 0, 1, 0, this->base_color_list.size())];

		ofFill();
		ofSetColor(color, this->alpha_list[i]);
		ofBeginShape();
		ofVertices(vertices);
		ofEndShape(true);

		ofNoFill();
		ofSetColor(239);
		ofBeginShape();
		ofVertices(vertices);
		ofEndShape(true);
	}
}

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

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

100

101

102

103

104

105

106

107

108

109

110

111

112

113

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openframeworks");

ofBackground(239);

ofColor color;

vector<int> hex_list = { 0xef476f, 0xffd166, 0x06d6a0, 0x118ab2, 0x073b4c };

for (auto hex : hex_list) {

color.setHex(hex);

this->base_color_list.push_back(color);

}

this->radius = 12;

auto x_span = this->radius * sqrt(3);

auto flg = true;

for (float y = 0; y < ofGetHeight() + this->radius; y += this->radius * 1.5) {

for (float x = 0; x < ofGetWidth() + this->radius; x += x_span) {

glm::vec2 location;

if (flg) {

location = glm::vec2(x, y);

}

else {

location = glm::vec2(x + (this->radius * sqrt(3) / 2), y);

}

this->hexagon_list.push_back(location);

this->noise_seed_list.push_back(glm::vec2(ofRandom(1000), ofRandom(1000)));

this->alpha_list.push_back(0);

}

flg = !flg;

}

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

}

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

void ofApp::update() {

ofSeedRandom(39);

ofFbo fbo;

ofPixels pixels;

fbo.allocate(ofGetWidth(), ofGetHeight());

fbo.begin();

ofClear(0);

string word = "HEX";

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

fbo.end();

fbo.readToPixels(pixels);

ofColor pix_color;

int span = 10;

for (int i = 0; i < this->hexagon_list.size(); i++) {

pix_color = pixels.getColor((int)this->hexagon_list[i].x, (int)this->hexagon_list[i].y);

if (pix_color != ofColor(0, 0)) {

this->alpha_list[i] = this->alpha_list[i] < 255 ? this->alpha_list[i] + 50 : 255;

}

else {

this->alpha_list[i] = this->alpha_list[i] > 0 ? this->alpha_list[i] - 2 : 0;

}

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

void ofApp::draw() {

ofColor color;

for (int i = 0; i < this->hexagon_list.size(); i++) {

vector<glm::vec2> vertices;

for (auto deg = 90; deg < 450; deg += 60) {

vertices.push_back(this->hexagon_list[i] + glm::vec2(this->radius * cos(deg * DEG_TO_RAD), this->radius * sin(deg * DEG_TO_RAD)));

}

color = this->base_color_list[(int)ofMap(ofNoise(glm::vec3(this->hexagon_list[i] * 0.005, ofGetFrameNum() * 0.02)), 0, 1, 0, this->base_color_list.size())];

ofFill();

ofSetColor(color, this->alpha_list[i]);

ofBeginShape();

ofVertices(vertices);

ofEndShape(true);

ofNoFill();

ofSetColor(239);

ofBeginShape();

ofVertices(vertices);

ofEndShape(true);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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