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

2023年6月24日

Circle by circle. Draw by openFrameworks

[ Video ]

[ About ]
円から円。

[ 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(39);
	ofSetColor(255);

	ofSetLineWidth(1.5);
	ofNoFill();
}

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

}

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

	this->cam.begin();

	float base_radius = 230;
	float radius = 50;
	for (int base_deg = 0; base_deg < 360; base_deg += 6) {
		
		ofPushMatrix();
		ofRotateY(base_deg);

		int deg_start = base_deg * 3 + ofGetFrameNum() * 6;
		for (int deg = deg_start; deg < deg_start + 120; deg += 1) {

			ofSetColor(255, ofMap(deg, deg_start, deg_start + 120, 0, 255));
			auto location = glm::vec3(0, radius * sin(deg * DEG_TO_RAD), base_radius + radius * cos(deg * DEG_TO_RAD));
			auto next = glm::vec3(0, radius * sin((deg + 1) * DEG_TO_RAD), base_radius + radius * cos((deg + 1) * DEG_TO_RAD));

			ofDrawLine(location, next);
		}

		ofDrawSphere(glm::vec3(0, radius * sin((deg_start + 120) * DEG_TO_RAD), base_radius + radius * cos((deg_start + 120) * DEG_TO_RAD)), 2);

		ofPopMatrix();
	}

	this->cam.end();
}


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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openFrameworks");

ofBackground(39);

ofSetColor(255);

ofSetLineWidth(1.5);

ofNoFill();

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

this->cam.begin();

float base_radius = 230;

float radius = 50;

for (int base_deg = 0; base_deg < 360; base_deg += 6) {

ofPushMatrix();

ofRotateY(base_deg);

int deg_start = base_deg * 3 + ofGetFrameNum() * 6;

for (int deg = deg_start; deg < deg_start + 120; deg += 1) {

ofSetColor(255, ofMap(deg, deg_start, deg_start + 120, 0, 255));

auto location = glm::vec3(0, radius * sin(deg * DEG_TO_RAD), base_radius + radius * cos(deg * DEG_TO_RAD));

auto next = glm::vec3(0, radius * sin((deg + 1) * DEG_TO_RAD), base_radius + radius * cos((deg + 1) * DEG_TO_RAD));

ofDrawLine(location, next);

}

ofDrawSphere(glm::vec3(0, radius * sin((deg_start + 120) * DEG_TO_RAD), base_radius + radius * cos((deg_start + 120) * DEG_TO_RAD)), 2);

ofPopMatrix();

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2023年6月23日2023年6月22日

Arrow swarm. Draw by openFrameworks

[ Video ]

[ About ]
矢印群。

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

	void draw_arrow(glm::vec2 location, glm::vec2 next_location, float size, ofColor color);
};

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

void draw_arrow(glm::vec2 location, glm::vec2 next_location, float size, ofColor color);

};

#include "ofApp.h"

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

	ofSetFrameRate(30);
	ofSetWindowTitle("openFrameworks");

	ofBackground(39);
}

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

	ofSeedRandom(39);
}

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

	ofTranslate(ofGetWindowSize() * 0.5);

	int span = 20;
	ofColor color;
	for (int x = -300; x <= 300; x += span) {

		for (int y = -300; y <= 300; y += span) {

			auto noise_value = ofNoise(x * 0.005, y * 0.005 + ofGetFrameNum() * 0.02);
			auto next_noise_value = ofNoise(x * 0.005, y * 0.005 + (ofGetFrameNum() + 1) * 0.02);

			auto noise_param = noise_value < 0.5 ? 0 : ofMap(noise_value, 0.5, 1, 0, 1);
			auto next_noise_param = next_noise_value < 0.5 ? 0 : ofMap(next_noise_value, 0.5, 1, 0, 1);

			auto noise_seed = glm::vec2(ofRandom(1000), ofRandom(1000));

			auto param_x = ofMap(ofNoise(noise_seed.x, ofGetFrameNum() * 0.05), 0, 1, span * -3, span * 3) * noise_param;
			auto param_y = ofMap(ofNoise(noise_seed.y, ofGetFrameNum() * 0.05), 0, 1, span * -3, span * 3) * noise_param;

			auto next_param_x = ofMap(ofNoise(noise_seed.x, (ofGetFrameNum() + 1) * 0.05), 0, 1, span * -3, span * 3) * next_noise_param;
			auto next_param_y = ofMap(ofNoise(noise_seed.y, (ofGetFrameNum() + 1) * 0.05), 0, 1, span * -3, span * 3) * next_noise_param;

			if (noise_param > 0) {

				color.setHsb(ofMap(x, -300, 300, 0, 255), 255, 255);
				this->draw_arrow(glm::vec2(x + param_x, y + param_y), glm::vec2(x + next_param_x, y + next_param_y), span * 0.45, color);

				ofDrawLine(glm::vec2(x + param_x, y + param_y), glm::vec2(x + next_param_x, y + next_param_y));
			}
			else {

				ofFill();
				ofSetColor(255);
				ofDrawCircle(x + param_x, y + param_y, span * 0.1);
			}
		}
	}
}

//--------------------------------------------------------------
void ofApp::draw_arrow(glm::vec2 location, glm::vec2 next_location, float size, ofColor color) {

	auto angle = std::atan2(next_location.y - location.y, next_location.x - location.x);

	ofSetColor(color);
	ofFill();
	ofBeginShape();
	ofVertex(glm::vec2(size * 0.8 * cos(angle), size * 0.8 * sin(angle)) + location);
	ofVertex(glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) + location);
	ofVertex(glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) + location);
	ofEndShape(true);

	ofBeginShape();
	ofVertex(glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25 + location);
	ofVertex(glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5 + location);
	ofVertex(glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5 + location);
	ofVertex(glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25 + location);
	ofEndShape(true);

	ofSetColor(color);
	ofNoFill();
	ofBeginShape();
	ofVertex(glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25 + location);
	ofVertex(glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) + location);
	ofVertex(glm::vec2(size * 0.8 * cos(angle), size * 0.8 * sin(angle)) + location);
	ofVertex(glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) + location);
	ofVertex(glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25 + location);
	ofEndShape();

	ofBeginShape();
	ofVertex(glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25 + location);
	ofVertex(glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5 + location);
	ofVertex(glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5 + location);
	ofVertex(glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25 + location);
	ofEndShape();
}

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

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

100

101

102

103

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openFrameworks");

ofBackground(39);

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

ofTranslate(ofGetWindowSize() * 0.5);

int span = 20;

ofColor color;

for (int x = -300; x <= 300; x += span) {

for (int y = -300; y <= 300; y += span) {

auto noise_value = ofNoise(x * 0.005, y * 0.005 + ofGetFrameNum() * 0.02);

auto next_noise_value = ofNoise(x * 0.005, y * 0.005 + (ofGetFrameNum() + 1) * 0.02);

auto noise_param = noise_value < 0.5 ? 0 : ofMap(noise_value, 0.5, 1, 0, 1);

auto next_noise_param = next_noise_value < 0.5 ? 0 : ofMap(next_noise_value, 0.5, 1, 0, 1);

auto noise_seed = glm::vec2(ofRandom(1000), ofRandom(1000));

auto param_x = ofMap(ofNoise(noise_seed.x, ofGetFrameNum() * 0.05), 0, 1, span * -3, span * 3) * noise_param;

auto param_y = ofMap(ofNoise(noise_seed.y, ofGetFrameNum() * 0.05), 0, 1, span * -3, span * 3) * noise_param;

auto next_param_x = ofMap(ofNoise(noise_seed.x, (ofGetFrameNum() + 1) * 0.05), 0, 1, span * -3, span * 3) * next_noise_param;

auto next_param_y = ofMap(ofNoise(noise_seed.y, (ofGetFrameNum() + 1) * 0.05), 0, 1, span * -3, span * 3) * next_noise_param;

if (noise_param > 0) {

color.setHsb(ofMap(x, -300, 300, 0, 255), 255, 255);

this->draw_arrow(glm::vec2(x + param_x, y + param_y), glm::vec2(x + next_param_x, y + next_param_y), span * 0.45, color);

ofDrawLine(glm::vec2(x + param_x, y + param_y), glm::vec2(x + next_param_x, y + next_param_y));

}

else {

ofFill();

ofSetColor(255);

ofDrawCircle(x + param_x, y + param_y, span * 0.1);

}

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

void ofApp::draw_arrow(glm::vec2 location, glm::vec2 next_location, float size, ofColor color) {

auto angle = std::atan2(next_location.y - location.y, next_location.x - location.x);

ofSetColor(color);

ofFill();

ofBeginShape();

ofVertex(glm::vec2(size * 0.8 * cos(angle), size * 0.8 * sin(angle)) + location);

ofVertex(glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) + location);

ofVertex(glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) + location);

ofEndShape(true);

ofBeginShape();

ofVertex(glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25 + location);

ofVertex(glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5 + location);

ofVertex(glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5 + location);

ofVertex(glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25 + location);

ofEndShape(true);

ofSetColor(color);

ofNoFill();

ofBeginShape();

ofVertex(glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25 + location);

ofVertex(glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) + location);

ofVertex(glm::vec2(size * 0.8 * cos(angle), size * 0.8 * sin(angle)) + location);

ofVertex(glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) + location);

ofVertex(glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25 + location);

ofEndShape();

ofBeginShape();

ofVertex(glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25 + location);

ofVertex(glm::vec2(size * 0.5 * cos(angle + PI * 0.5), size * 0.5 * sin(angle + PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5 + location);

ofVertex(glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25 - glm::vec2(size * cos(angle), size * sin(angle)) * 0.5 + location);

ofVertex(glm::vec2(size * 0.5 * cos(angle - PI * 0.5), size * 0.5 * sin(angle - PI * 0.5)) * 0.25 + location);

ofEndShape();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

[ほしいものリスト]
Amazon

[ Sponsor Link ]

2023年6月22日

Put hole in the wall. Draw by openFrameworks

[ Video ]

[ About ]
穴をあけて進む。

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

	ofBackground(0);
	ofEnableDepthTest();
}

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

	ofSeedRandom(39);
}

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

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

	vector<glm::vec2> hole_location_list;

	ofSetLineWidth(3);
	ofNoFill();
	ofColor color;
	for (int i = 0; i < 2; i++) {

		auto hue = ofMap(i, 0, 2, 0, 255);
		color.setHsb(hue, 200, 255);
		ofSetColor(color);

		vector<glm::vec3> vertices;
		auto noise_seed = glm::vec3(ofRandom(1000), ofRandom(1000), ofRandom(360));
		for (int k = 0; k < 210; k++) {

			auto x = ofMap(ofNoise(noise_seed.x, k * 0.01 + ofGetFrameNum() * 0.01), 0, 1, -300, 300);
			auto y = ofMap(ofNoise(noise_seed.y, k * 0.01 + ofGetFrameNum() * 0.01), 0, 1, -300, 300);
			auto z = ofMap(sin(((int)noise_seed.z + k + ofGetFrameNum()) * 4 * DEG_TO_RAD), -1, 1, -150, 150);

			vertices.push_back(glm::vec3(x, y, z));

			if (z < 3 && z > -3) {

				hole_location_list.push_back(glm::vec2(x, y));
			}
		}

		ofBeginShape();
		ofVertices(vertices);
		ofEndShape(false);
	}

	ofSetLineWidth(1);
	ofSetColor(0);
	ofFill();
	ofBeginShape();
	ofVertex(glm::vec2(-300, -300));
	ofVertex(glm::vec2(-300, 300));
	ofVertex(glm::vec2(300, 300));
	ofVertex(glm::vec2(300, -300));
	for (int i = 0; i < hole_location_list.size(); i++) {

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

			ofVertex(hole_location_list[i] + glm::vec2(20 * cos(deg * DEG_TO_RAD), 20 * sin(deg * DEG_TO_RAD)));
		}
	}
	ofEndShape();

	ofNoFill();
	ofSetColor(255);
	ofDrawRectangle(-300, -300, 600, 600);
	for (int i = 0; i < hole_location_list.size(); i++) {

		ofDrawCircle(hole_location_list[i], 20);
	}

	this->cam.end();
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openframeworks");

ofBackground(0);

ofEnableDepthTest();

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateY(ofGetFrameNum());

vector<glm::vec2> hole_location_list;

ofSetLineWidth(3);

ofNoFill();

ofColor color;

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

auto hue = ofMap(i, 0, 2, 0, 255);

color.setHsb(hue, 200, 255);

ofSetColor(color);

vector<glm::vec3> vertices;

auto noise_seed = glm::vec3(ofRandom(1000), ofRandom(1000), ofRandom(360));

for (int k = 0; k < 210; k++) {

auto x = ofMap(ofNoise(noise_seed.x, k * 0.01 + ofGetFrameNum() * 0.01), 0, 1, -300, 300);

auto y = ofMap(ofNoise(noise_seed.y, k * 0.01 + ofGetFrameNum() * 0.01), 0, 1, -300, 300);

auto z = ofMap(sin(((int)noise_seed.z + k + ofGetFrameNum()) * 4 * DEG_TO_RAD), -1, 1, -150, 150);

vertices.push_back(glm::vec3(x, y, z));

if (z < 3 && z > -3) {

hole_location_list.push_back(glm::vec2(x, y));

}

ofBeginShape();

ofVertices(vertices);

ofEndShape(false);

}

ofSetLineWidth(1);

ofSetColor(0);

ofFill();

ofBeginShape();

ofVertex(glm::vec2(-300, -300));

ofVertex(glm::vec2(-300, 300));

ofVertex(glm::vec2(300, 300));

ofVertex(glm::vec2(300, -300));

for (int i = 0; i < hole_location_list.size(); i++) {

ofNextContour(true);

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

ofVertex(hole_location_list[i] + glm::vec2(20 * cos(deg * DEG_TO_RAD), 20 * sin(deg * DEG_TO_RAD)));

}

ofEndShape();

ofNoFill();

ofSetColor(255);

ofDrawRectangle(-300, -300, 600, 600);

for (int i = 0; i < hole_location_list.size(); i++) {

ofDrawCircle(hole_location_list[i], 20);

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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