character – ページ 19 – プログラミング de 落描き

2019年9月15日2019年9月14日

N. openFrameworks

[ Video ]

[ About ]
N.

[ Source ]

#pragma once
#include "ofMain.h"
#include "Actor.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;
	vector<glm::vec3> location_list;
	vector<vector<int>> next_index_list;
	vector<int> destination_list;

	vector<Actor*> actors;
};

#pragma once

#include "ofMain.h"

#include "Actor.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;

vector<glm::vec3> location_list;

vector<vector<int>> next_index_list;

vector<int> destination_list;

vector<Actor*> actors;

};

#include "ofApp.h"	

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

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

	ofBackground(239);
	ofSetLineWidth(3);
	ofEnableDepthTest();

	ofFbo fbo;
	fbo.allocate(ofGetWidth(), ofGetHeight());
	fbo.begin();
	ofTranslate(ofGetWidth() * 0.5, ofGetHeight() * 0.5);
	ofRotate(90);
	ofClear(0);
	ofSetColor(0);

	ofTrueTypeFont font;
	font.loadFont("fonts/Kazesawa-Bold.ttf", 390, true, true, true);
	/* https://github.com/kazesawa/kazesawa */

	font.drawString("N", font.stringWidth("N") * -0.5, font.stringHeight("N") * 0.5);

	fbo.end();

	ofPixels pixels;
	fbo.readToPixels(pixels);
	auto span = 25;

	ofColor pix_color;
	for (int x = 0; x < fbo.getWidth(); x += span) {

		for (int y = 0; y < fbo.getHeight(); y += span) {

			pix_color = pixels.getColor(x, y);
			if (pix_color != ofColor(0, 0)) {

				for (int z = span * -2; z <= span * 2; z += span) {

					this->location_list.push_back(glm::vec3(x - ofGetWidth() * 0.5, y - ofGetHeight() * 0.5, z));
				}
			}
		}
	}

	for (auto& location : this->location_list) {

		vector<int> next_index = vector<int>();
		int index = -1;
		for (auto& other : this->location_list) {

			index++;
			if (location == other) { continue; }

			float distance = glm::distance(location, other);
			if (distance <= span) {

				next_index.push_back(index);
			}
		}

		this->next_index_list.push_back(next_index);
	}

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

		this->actors.push_back(new Actor(this->location_list, this->next_index_list, this->destination_list));
	}
}


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

	int frame_span = 15;
	int prev_index_size = 0;

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

		prev_index_size = this->destination_list.size();
	}

	for (auto actor : this->actors) {

		actor->update(frame_span, this->location_list, this->next_index_list, this->destination_list);
	}

	if (prev_index_size != 0) {

		this->destination_list.erase(this->destination_list.begin(), this->destination_list.begin() + prev_index_size);
	}
}

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

	this->cam.begin();
	ofRotate(90);
	ofRotateY(180);
	ofRotateX(ofGetFrameNum() * 0.5);

	for (auto actor : this->actors) {

		actor->draw();
	}

	this->cam.end();
}

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

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

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofSetLineWidth(3);

ofEnableDepthTest();

ofFbo fbo;

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

fbo.begin();

ofTranslate(ofGetWidth() * 0.5, ofGetHeight() * 0.5);

ofRotate(90);

ofClear(0);

ofSetColor(0);

ofTrueTypeFont font;

font.loadFont("fonts/Kazesawa-Bold.ttf", 390, true, true, true);

/* https://github.com/kazesawa/kazesawa */

font.drawString("N", font.stringWidth("N") * -0.5, font.stringHeight("N") * 0.5);

fbo.end();

ofPixels pixels;

fbo.readToPixels(pixels);

auto span = 25;

ofColor pix_color;

for (int x = 0; x < fbo.getWidth(); x += span) {

for (int y = 0; y < fbo.getHeight(); y += span) {

pix_color = pixels.getColor(x, y);

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

for (int z = span * -2; z <= span * 2; z += span) {

this->location_list.push_back(glm::vec3(x - ofGetWidth() * 0.5, y - ofGetHeight() * 0.5, z));

}

for (auto& location : this->location_list) {

vector<int> next_index = vector<int>();

int index = -1;

for (auto& other : this->location_list) {

index++;

if (location == other) { continue; }

float distance = glm::distance(location, other);

if (distance <= span) {

next_index.push_back(index);

}

this->next_index_list.push_back(next_index);

}

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

this->actors.push_back(new Actor(this->location_list, this->next_index_list, this->destination_list));

}

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

void ofApp::update() {

int frame_span = 15;

int prev_index_size = 0;

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

prev_index_size = this->destination_list.size();

}

for (auto actor : this->actors) {

actor->update(frame_span, this->location_list, this->next_index_list, this->destination_list);

}

if (prev_index_size != 0) {

this->destination_list.erase(this->destination_list.begin(), this->destination_list.begin() + prev_index_size);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotate(90);

ofRotateY(180);

ofRotateX(ofGetFrameNum() * 0.5);

for (auto actor : this->actors) {

actor->draw();

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

#pragma once
#include "ofMain.h"

class Actor {
public:
	Actor(vector<glm::vec3>& location_list, vector<vector<int>>& next_index_list, vector<int>& destination_list);
	void update(int& frame_span, vector<glm::vec3>& location_list, vector<vector<int>>& next_index_list, vector<int>& destination_list);
	void draw();

private:

	int select_index;
	int next_index;

	glm::vec3 location;
	std::deque<glm::vec3> log;
};

#pragma once

#include "ofMain.h"

class Actor {

public:

Actor(vector<glm::vec3>& location_list, vector<vector<int>>& next_index_list, vector<int>& destination_list);

void update(int& frame_span, vector<glm::vec3>& location_list, vector<vector<int>>& next_index_list, vector<int>& destination_list);

void draw();

private:

int select_index;

int next_index;

glm::vec3 location;

std::deque<glm::vec3> log;

};

#include "Actor.h"

//--------------------------------------------------------------
Actor::Actor(vector<glm::vec3>& location_list, vector<vector<int>>& next_index_list, vector<int>& destination_list) {

	this->select_index = ofRandom(location_list.size());
	while (true) {

		auto itr = find(destination_list.begin(), destination_list.end(), this->select_index);
		if (itr == destination_list.end()) {

			destination_list.push_back(this->select_index);
			break;
		}

		this->select_index = (this->select_index + 1) % location_list.size();
	}

	this->next_index = this->select_index;
}

//--------------------------------------------------------------
void Actor::update(int& frame_span, vector<glm::vec3>& location_list, vector<vector<int>>& next_index_list, vector<int>& destination_list) {

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

		auto tmp_index = this->select_index;
		this->select_index = this->next_index;
		int retry = next_index_list[this->select_index].size();
		this->next_index = next_index_list[this->select_index][(int)ofRandom(next_index_list[this->select_index].size())];
		while (--retry > 0) {

			auto destination_itr = find(destination_list.begin(), destination_list.end(), this->next_index);
			if (destination_itr == destination_list.end()) {

				if (tmp_index != this->next_index) {

					destination_list.push_back(this->next_index);
					break;
				}
			}

			this->next_index = next_index_list[this->select_index][(this->next_index + 1) % next_index_list[this->select_index].size()];
		}
		if (retry <= 0) {

			destination_list.push_back(this->select_index);
			this->next_index = this->select_index;
		}
	}

	auto param = ofGetFrameNum() % frame_span;
	auto distance = location_list[this->next_index] - location_list[this->select_index];
	this->location = location_list[this->select_index] + distance / frame_span * param;

	this->log.push_front(this->location);
	while (this->log.size() > 30) { this->log.pop_back(); }

}

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

	ofFill();
	ofSetColor(39);
	ofDrawSphere(this->location, 3);

	ofNoFill();
	ofBeginShape();
	for (auto& l : this->log) {

		ofVertex(l);
	}
	ofEndShape();
}

#include "Actor.h"

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

Actor::Actor(vector<glm::vec3>& location_list, vector<vector<int>>& next_index_list, vector<int>& destination_list) {

this->select_index = ofRandom(location_list.size());

while (true) {

auto itr = find(destination_list.begin(), destination_list.end(), this->select_index);

if (itr == destination_list.end()) {

destination_list.push_back(this->select_index);

break;

}

this->select_index = (this->select_index + 1) % location_list.size();

}

this->next_index = this->select_index;

}

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

void Actor::update(int& frame_span, vector<glm::vec3>& location_list, vector<vector<int>>& next_index_list, vector<int>& destination_list) {

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

auto tmp_index = this->select_index;

this->select_index = this->next_index;

int retry = next_index_list[this->select_index].size();

this->next_index = next_index_list[this->select_index][(int)ofRandom(next_index_list[this->select_index].size())];

while (--retry > 0) {

auto destination_itr = find(destination_list.begin(), destination_list.end(), this->next_index);

if (destination_itr == destination_list.end()) {

if (tmp_index != this->next_index) {

destination_list.push_back(this->next_index);

break;

}

this->next_index = next_index_list[this->select_index][(this->next_index + 1) % next_index_list[this->select_index].size()];

}

if (retry <= 0) {

destination_list.push_back(this->select_index);

this->next_index = this->select_index;

}

auto param = ofGetFrameNum() % frame_span;

auto distance = location_list[this->next_index] - location_list[this->select_index];

this->location = location_list[this->select_index] + distance / frame_span * param;

this->log.push_front(this->location);

while (this->log.size() > 30) { this->log.pop_back(); }

}

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

void Actor::draw() {

ofFill();

ofSetColor(39);

ofDrawSphere(this->location, 3);

ofNoFill();

ofBeginShape();

for (auto& l : this->log) {

ofVertex(l);

}

ofEndShape();

}

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

2019年7月26日

Jumping characters. openFrameworks

[ Video ]

[ About ]
跳ねる文字。

Jumping characters.

[ 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;
	int 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 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;

int font_size;

ofTrueTypeFont font;

};

#include "ofApp.h"

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

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

	ofBackground(239);
	ofSetLineWidth(2);
	ofEnableDepthTest();

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

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

	ofSeedRandom(39);
}

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

	this->cam.begin();

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

	int span = this->font_size * 1.3;
	for (int i = 0; i < charactors.size(); i++) {

		int x = (i % 6) * span - span * 3;
		int y = (i / 6) * (span * 1.5) - (span * 1.5) * 3;
		int z = 0;
		int rotate = 0;

		float noise_value = ofNoise(x * 0.005, y * 0.005, ofGetFrameNum() * 0.005);
		if (noise_value > 0.5) {

			z = ofMap(noise_value, 0.5, 1, 0, -500);
			rotate = ofMap(noise_value, 0.5, 1, 0, 360 * 5);
		}

		ofPushMatrix();
		ofTranslate(x, y, z);
		ofRotateX(rotate);
		ofRotateY(rotate);

		auto path = font.getCharacterAsPoints(charactors[i], true, false);
		auto outline = path.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].getVertices();
			for (int vertices_index = 0; vertices_index < vertices.size(); vertices_index++) {
				
				auto location = glm::vec2(vertices[vertices_index].x - this->font.stringWidth(string{ charactors[i] }) * 0.5, vertices[vertices_index].y + this->font.stringHeight(string{ charactors[i] }) * 0.5);
				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].getVertices();
			for (int vertices_index = 0; vertices_index < vertices.size(); vertices_index++) {

				auto location = glm::vec2(vertices[vertices_index].x - this->font.stringWidth(string{ charactors[i] }) * 0.5, vertices[vertices_index].y + this->font.stringHeight(string{ charactors[i] }) * 0.5);
				ofVertex(location);
			}
		}
		ofEndShape(true);

		ofPopMatrix();
	}

	this->cam.end();
}

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

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

100

101

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofSetLineWidth(2);

ofEnableDepthTest();

this->font_size = 100;

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

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

this->cam.begin();

vector<char> charactors = {

'A', 'B', 'C', 'D', 'E', 'F',

'G', 'H', 'I', 'J', 'K', 'L',

'M', 'N', 'O', 'P', 'Q', 'R',

'S', 'T', 'U', 'V', 'W', 'X',

'Y', 'Z', '!' };

int span = this->font_size * 1.3;

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

int x = (i % 6) * span - span * 3;

int y = (i / 6) * (span * 1.5) - (span * 1.5) * 3;

int z = 0;

int rotate = 0;

float noise_value = ofNoise(x * 0.005, y * 0.005, ofGetFrameNum() * 0.005);

if (noise_value > 0.5) {

z = ofMap(noise_value, 0.5, 1, 0, -500);

rotate = ofMap(noise_value, 0.5, 1, 0, 360 * 5);

}

ofPushMatrix();

ofTranslate(x, y, z);

ofRotateX(rotate);

ofRotateY(rotate);

auto path = font.getCharacterAsPoints(charactors[i], true, false);

auto outline = path.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].getVertices();

for (int vertices_index = 0; vertices_index < vertices.size(); vertices_index++) {

auto location = glm::vec2(vertices[vertices_index].x - this->font.stringWidth(string{ charactors[i] }) * 0.5, vertices[vertices_index].y + this->font.stringHeight(string{ charactors[i] }) * 0.5);

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].getVertices();

for (int vertices_index = 0; vertices_index < vertices.size(); vertices_index++) {

auto location = glm::vec2(vertices[vertices_index].x - this->font.stringWidth(string{ charactors[i] }) * 0.5, vertices[vertices_index].y + this->font.stringHeight(string{ charactors[i] }) * 0.5);

ofVertex(location);

}

ofEndShape(true);

ofPopMatrix();

}

this->cam.end();

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2019年6月16日2019年6月16日

Nosy characters. openFrameworks

[ Video ]

[ About ]
ノイズ文字

Noisy characters.

[ 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;
	vector<glm::vec2> locations;
	vector<int> noise_count;
};

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

vector<glm::vec2> locations;

vector<int> noise_count;

};

#include "ofApp.h"	

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

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

	ofBackground(139);

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

	for (int x = 0; x < ofGetWidth(); x += 30) {

		for (int y = 30; y <= ofGetHeight(); y += 30) {

			this->locations.push_back(glm::vec2(x, y));
			this->noise_count.push_back(0);
		}
	}
}

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

	ofSeedRandom(39);
}

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

	auto char_noise_seed = ofRandom(1000);
	auto count_noise_seed = ofRandom(1000);

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

		char noise_char = ofMap(ofNoise(char_noise_seed, this->locations[i].x * 0.005, this->locations[i].y * 0.005, this->noise_count[i] * 0.008), 0, 1, 'A', 'Z');
		auto count_noise = ofNoise(count_noise_seed, this->locations[i].x * 0.005, this->locations[i].y * 0.005, ofGetFrameNum() * 0.005);
		if (count_noise < 0.45) {

			this->noise_count[i] += 1;
			ofSetColor(239);
		}
		else {

			ofSetColor(39);
		}

		this->font.drawString({ noise_char }, this->locations[i].x, this->locations[i].y);
	}
}

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

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

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(139);

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

for (int x = 0; x < ofGetWidth(); x += 30) {

for (int y = 30; y <= ofGetHeight(); y += 30) {

this->locations.push_back(glm::vec2(x, y));

this->noise_count.push_back(0);

}

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

void ofApp::update() {

ofSeedRandom(39);

}

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

void ofApp::draw() {

auto char_noise_seed = ofRandom(1000);

auto count_noise_seed = ofRandom(1000);

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

char noise_char = ofMap(ofNoise(char_noise_seed, this->locations[i].x * 0.005, this->locations[i].y * 0.005, this->noise_count[i] * 0.008), 0, 1, 'A', 'Z');

auto count_noise = ofNoise(count_noise_seed, this->locations[i].x * 0.005, this->locations[i].y * 0.005, ofGetFrameNum() * 0.005);

if (count_noise < 0.45) {

this->noise_count[i] += 1;

ofSetColor(239);

}

else {

ofSetColor(39);

}

this->font.drawString({ noise_char }, this->locations[i].x, this->locations[i].y);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

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