openFrameworks – ページ 457 – プログラミング de 落描き

2021年10月8日2021年10月8日

Remake my post of 20/03/2018. Draw by openFrameworks

[ Video ]

[ About ]
2018/03/20の投稿が気になったら探してみてね。

Look for the post on 03/20/2018 if you’re interested.

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

	void setBoxToMesh(ofMesh& face_target, ofMesh& frame_target, glm::vec3 location, float size);
	void setBoxToMesh(ofMesh& face_target, ofMesh& frame_target, glm::vec3 location, float height, float width, float depth);

	ofEasyCam cam;
	ofMesh face, frame;

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

void dragEvent(ofDragInfo dragInfo) {};

void gotMessage(ofMessage msg) {};

void setBoxToMesh(ofMesh& face_target, ofMesh& frame_target, glm::vec3 location, float size);

void setBoxToMesh(ofMesh& face_target, ofMesh& frame_target, glm::vec3 location, float height, float width, float depth);

ofEasyCam cam;

ofMesh face, frame;

vector<ofMeshFace> triangle_list;

};

#include "ofApp.h"

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

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

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

	auto ico_sphere = ofIcoSpherePrimitive(100, 3);
	this->triangle_list.insert(this->triangle_list.end(), ico_sphere.getMesh().getUniqueFaces().begin(), ico_sphere.getMesh().getUniqueFaces().end());

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

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

	ofSeedRandom(39);

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

	for (int x = -150; x <= 150; x += 20) {

		for (int z = -300; z <= 900; z += 20) {

			if (x >= -30 && x <= 30) {

				this->setBoxToMesh(this->face, this->frame, glm::vec3(x, -0.5, z), 1, 15, 15);
			}
			else {

				auto noise_value = ofNoise(x * 0.05, z * 0.005 + ofGetFrameNum() * 0.015);
				auto height = ofMap(noise_value, 0, 1.0, 0, -150);
				this->setBoxToMesh(this->face, this->frame, glm::vec3(x, height * -0.5, z), height, 15, 15);
			}
		}
	}

	for (int radius = 60; radius <= 100; radius += 15) {

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

			glm::vec3 avg = (this->triangle_list[i].getVertex(0) + this->triangle_list[i].getVertex(1) + this->triangle_list[i].getVertex(2)) / 3;
			auto noise_value = ofNoise(glm::vec4(avg * 0.01, (radius / 20 + ofGetFrameNum()) * 0.008));

			if (noise_value > 0.65) {

				noise_value = 1;
			}
			else if (noise_value < 0.5) {

				noise_value = 0;
			}
			else {

				noise_value = ofMap(noise_value, 0.5, 0.65, 0, 1);
			}

			if (noise_value > 0) {

				vector<glm::vec3> vertices;

				vertices.push_back(glm::normalize((this->triangle_list[i].getVertex(0) - avg) * noise_value + avg) * (radius + 2));
				vertices.push_back(glm::normalize((this->triangle_list[i].getVertex(1) - avg) * noise_value + avg) * (radius + 2));
				vertices.push_back(glm::normalize((this->triangle_list[i].getVertex(2) - avg) * noise_value + avg) * (radius + 2));

				vertices.push_back(glm::normalize((this->triangle_list[i].getVertex(0) - avg) * noise_value + avg) * (radius - 2));
				vertices.push_back(glm::normalize((this->triangle_list[i].getVertex(1) - avg) * noise_value + avg) * (radius - 2));
				vertices.push_back(glm::normalize((this->triangle_list[i].getVertex(2) - avg) * noise_value + avg) * (radius - 2));

				for (auto& vertex : vertices) {

					vertex += glm::vec3(0, 300, 300);
				}

				this->face.addVertices(vertices);
				this->frame.addVertices(vertices);

				this->face.addTriangle(this->face.getNumVertices() - 1, this->face.getNumVertices() - 2, this->face.getNumVertices() - 3);
				this->face.addTriangle(this->face.getNumVertices() - 4, this->face.getNumVertices() - 5, this->face.getNumVertices() - 6);

				this->face.addTriangle(this->face.getNumVertices() - 1, this->face.getNumVertices() - 2, this->face.getNumVertices() - 5);
				this->face.addTriangle(this->face.getNumVertices() - 1, this->face.getNumVertices() - 5, this->face.getNumVertices() - 4);

				this->face.addTriangle(this->face.getNumVertices() - 1, this->face.getNumVertices() - 3, this->face.getNumVertices() - 6);
				this->face.addTriangle(this->face.getNumVertices() - 1, this->face.getNumVertices() - 6, this->face.getNumVertices() - 4);

				this->face.addTriangle(this->face.getNumVertices() - 2, this->face.getNumVertices() - 3, this->face.getNumVertices() - 6);
				this->face.addTriangle(this->face.getNumVertices() - 2, this->face.getNumVertices() - 6, this->face.getNumVertices() - 5);

				this->frame.addIndex(this->frame.getNumVertices() - 1); this->frame.addIndex(this->frame.getNumVertices() - 2);
				this->frame.addIndex(this->frame.getNumVertices() - 2); this->frame.addIndex(this->frame.getNumVertices() - 3);
				this->frame.addIndex(this->frame.getNumVertices() - 1); this->frame.addIndex(this->frame.getNumVertices() - 3);

				this->frame.addIndex(this->frame.getNumVertices() - 4); this->frame.addIndex(this->frame.getNumVertices() - 5);
				this->frame.addIndex(this->frame.getNumVertices() - 5); this->frame.addIndex(this->frame.getNumVertices() - 6);
				this->frame.addIndex(this->frame.getNumVertices() - 4); this->frame.addIndex(this->frame.getNumVertices() - 6);

				this->frame.addIndex(this->frame.getNumVertices() - 1); this->frame.addIndex(this->frame.getNumVertices() - 4);
				this->frame.addIndex(this->frame.getNumVertices() - 2); this->frame.addIndex(this->frame.getNumVertices() - 5);
				this->frame.addIndex(this->frame.getNumVertices() - 3); this->frame.addIndex(this->frame.getNumVertices() - 6);
			}
		}
	}
}

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

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

	ofSetColor(239);
	this->face.draw();

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

	this->cam.end();
}

//--------------------------------------------------------------
void ofApp::setBoxToMesh(ofMesh& face_target, ofMesh& frame_target, glm::vec3 location, float size) {

	this->setBoxToMesh(face_target, frame_target, location, size, size, size);
}

//--------------------------------------------------------------
void ofApp::setBoxToMesh(ofMesh& face_target, ofMesh& frame_target, glm::vec3 location, float height, float width, float depth) {

	int index = face_target.getVertices().size();

	face_target.addVertex(location + glm::vec3(width * -0.5 * 0.99, height * 0.5 * 0.99, depth * -0.5 * 0.99));
	face_target.addVertex(location + glm::vec3(width * 0.5 * 0.99, height * 0.5 * 0.99, depth * -0.5 * 0.99));
	face_target.addVertex(location + glm::vec3(width * 0.5 * 0.99, height * 0.5 * 0.99, depth * 0.5 * 0.99));
	face_target.addVertex(location + glm::vec3(width * -0.5 * 0.99, height * 0.5 * 0.99, depth * 0.5 * 0.99));

	face_target.addVertex(location + glm::vec3(width * -0.5 * 0.99, height * -0.5 * 0.99, depth * -0.5 * 0.99));
	face_target.addVertex(location + glm::vec3(width * 0.5 * 0.99, height * -0.5 * 0.99, depth * -0.5 * 0.99));
	face_target.addVertex(location + glm::vec3(width * 0.5 * 0.99, height * -0.5 * 0.99, depth * 0.5 * 0.99));
	face_target.addVertex(location + glm::vec3(width * -0.5 * 0.99, height * -0.5 * 0.99, depth * 0.5 * 0.99));

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

	face_target.addIndex(index + 4); face_target.addIndex(index + 5); face_target.addIndex(index + 6);
	face_target.addIndex(index + 4); face_target.addIndex(index + 6); face_target.addIndex(index + 7);

	face_target.addIndex(index + 0); face_target.addIndex(index + 4); face_target.addIndex(index + 1);
	face_target.addIndex(index + 4); face_target.addIndex(index + 5); face_target.addIndex(index + 1);

	face_target.addIndex(index + 1); face_target.addIndex(index + 5); face_target.addIndex(index + 6);
	face_target.addIndex(index + 6); face_target.addIndex(index + 2); face_target.addIndex(index + 1);

	face_target.addIndex(index + 2); face_target.addIndex(index + 6); face_target.addIndex(index + 7);
	face_target.addIndex(index + 7); face_target.addIndex(index + 3); face_target.addIndex(index + 2);

	face_target.addIndex(index + 3); face_target.addIndex(index + 7); face_target.addIndex(index + 4);
	face_target.addIndex(index + 4); face_target.addIndex(index + 0); face_target.addIndex(index + 3);

	frame_target.addVertex(location + glm::vec3(width * -0.5, height * 0.5, depth * -0.5));
	frame_target.addVertex(location + glm::vec3(width * 0.5, height * 0.5, depth * -0.5));
	frame_target.addVertex(location + glm::vec3(width * 0.5, height * 0.5, depth * 0.5));
	frame_target.addVertex(location + glm::vec3(width * -0.5, height * 0.5, depth * 0.5));

	frame_target.addVertex(location + glm::vec3(width * -0.5, height * -0.5, depth * -0.5));
	frame_target.addVertex(location + glm::vec3(width * 0.5, height * -0.5, depth * -0.5));
	frame_target.addVertex(location + glm::vec3(width * 0.5, height * -0.5, depth * 0.5));
	frame_target.addVertex(location + glm::vec3(width * -0.5, height * -0.5, depth * 0.5));

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

	frame_target.addIndex(index + 4); frame_target.addIndex(index + 5);
	frame_target.addIndex(index + 5); frame_target.addIndex(index + 6);
	frame_target.addIndex(index + 6); frame_target.addIndex(index + 7);
	frame_target.addIndex(index + 7); frame_target.addIndex(index + 4);

	frame_target.addIndex(index + 0); frame_target.addIndex(index + 4);
	frame_target.addIndex(index + 1); frame_target.addIndex(index + 5);
	frame_target.addIndex(index + 2); frame_target.addIndex(index + 6);
	frame_target.addIndex(index + 3); frame_target.addIndex(index + 7);
}

//--------------------------------------------------------------
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

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(60);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

ofSetLineWidth(2);

ofEnableDepthTest();

auto ico_sphere = ofIcoSpherePrimitive(100, 3);

this->triangle_list.insert(this->triangle_list.end(), ico_sphere.getMesh().getUniqueFaces().begin(), ico_sphere.getMesh().getUniqueFaces().end());

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

}

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

void ofApp::update() {

ofSeedRandom(39);

this->face.clear();

this->frame.clear();

for (int x = -150; x <= 150; x += 20) {

for (int z = -300; z <= 900; z += 20) {

if (x >= -30 && x <= 30) {

this->setBoxToMesh(this->face, this->frame, glm::vec3(x, -0.5, z), 1, 15, 15);

}

else {

auto noise_value = ofNoise(x * 0.05, z * 0.005 + ofGetFrameNum() * 0.015);

auto height = ofMap(noise_value, 0, 1.0, 0, -150);

this->setBoxToMesh(this->face, this->frame, glm::vec3(x, height * -0.5, z), height, 15, 15);

}

for (int radius = 60; radius <= 100; radius += 15) {

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

glm::vec3 avg = (this->triangle_list[i].getVertex(0) + this->triangle_list[i].getVertex(1) + this->triangle_list[i].getVertex(2)) / 3;

auto noise_value = ofNoise(glm::vec4(avg * 0.01, (radius / 20 + ofGetFrameNum()) * 0.008));

if (noise_value > 0.65) {

noise_value = 1;

}

else if (noise_value < 0.5) {

noise_value = 0;

}

else {

noise_value = ofMap(noise_value, 0.5, 0.65, 0, 1);

}

if (noise_value > 0) {

vector<glm::vec3> vertices;

vertices.push_back(glm::normalize((this->triangle_list[i].getVertex(0) - avg) * noise_value + avg) * (radius + 2));

vertices.push_back(glm::normalize((this->triangle_list[i].getVertex(1) - avg) * noise_value + avg) * (radius + 2));

vertices.push_back(glm::normalize((this->triangle_list[i].getVertex(2) - avg) * noise_value + avg) * (radius + 2));

vertices.push_back(glm::normalize((this->triangle_list[i].getVertex(0) - avg) * noise_value + avg) * (radius - 2));

vertices.push_back(glm::normalize((this->triangle_list[i].getVertex(1) - avg) * noise_value + avg) * (radius - 2));

vertices.push_back(glm::normalize((this->triangle_list[i].getVertex(2) - avg) * noise_value + avg) * (radius - 2));

for (auto& vertex : vertices) {

vertex += glm::vec3(0, 300, 300);

}

this->face.addVertices(vertices);

this->frame.addVertices(vertices);

this->face.addTriangle(this->face.getNumVertices() - 1, this->face.getNumVertices() - 2, this->face.getNumVertices() - 3);

this->face.addTriangle(this->face.getNumVertices() - 4, this->face.getNumVertices() - 5, this->face.getNumVertices() - 6);

this->face.addTriangle(this->face.getNumVertices() - 1, this->face.getNumVertices() - 2, this->face.getNumVertices() - 5);

this->face.addTriangle(this->face.getNumVertices() - 1, this->face.getNumVertices() - 5, this->face.getNumVertices() - 4);

this->face.addTriangle(this->face.getNumVertices() - 1, this->face.getNumVertices() - 3, this->face.getNumVertices() - 6);

this->face.addTriangle(this->face.getNumVertices() - 1, this->face.getNumVertices() - 6, this->face.getNumVertices() - 4);

this->face.addTriangle(this->face.getNumVertices() - 2, this->face.getNumVertices() - 3, this->face.getNumVertices() - 6);

this->face.addTriangle(this->face.getNumVertices() - 2, this->face.getNumVertices() - 6, this->face.getNumVertices() - 5);

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

this->frame.addIndex(this->frame.getNumVertices() - 2); this->frame.addIndex(this->frame.getNumVertices() - 3);

this->frame.addIndex(this->frame.getNumVertices() - 1); this->frame.addIndex(this->frame.getNumVertices() - 3);

this->frame.addIndex(this->frame.getNumVertices() - 4); this->frame.addIndex(this->frame.getNumVertices() - 5);

this->frame.addIndex(this->frame.getNumVertices() - 5); this->frame.addIndex(this->frame.getNumVertices() - 6);

this->frame.addIndex(this->frame.getNumVertices() - 4); this->frame.addIndex(this->frame.getNumVertices() - 6);

this->frame.addIndex(this->frame.getNumVertices() - 1); this->frame.addIndex(this->frame.getNumVertices() - 4);

this->frame.addIndex(this->frame.getNumVertices() - 2); this->frame.addIndex(this->frame.getNumVertices() - 5);

this->frame.addIndex(this->frame.getNumVertices() - 3); this->frame.addIndex(this->frame.getNumVertices() - 6);

}

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

void ofApp::draw() {

this->cam.begin();

ofRotateY(180);

ofSetColor(239);

this->face.draw();

ofSetColor(39);

this->frame.drawWireframe();

this->cam.end();

}

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

void ofApp::setBoxToMesh(ofMesh& face_target, ofMesh& frame_target, glm::vec3 location, float size) {

this->setBoxToMesh(face_target, frame_target, location, size, size, size);

}

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

void ofApp::setBoxToMesh(ofMesh& face_target, ofMesh& frame_target, glm::vec3 location, float height, float width, float depth) {

int index = face_target.getVertices().size();

face_target.addVertex(location + glm::vec3(width * -0.5 * 0.99, height * 0.5 * 0.99, depth * -0.5 * 0.99));

face_target.addVertex(location + glm::vec3(width * 0.5 * 0.99, height * 0.5 * 0.99, depth * -0.5 * 0.99));

face_target.addVertex(location + glm::vec3(width * 0.5 * 0.99, height * 0.5 * 0.99, depth * 0.5 * 0.99));

face_target.addVertex(location + glm::vec3(width * -0.5 * 0.99, height * 0.5 * 0.99, depth * 0.5 * 0.99));

face_target.addVertex(location + glm::vec3(width * -0.5 * 0.99, height * -0.5 * 0.99, depth * -0.5 * 0.99));

face_target.addVertex(location + glm::vec3(width * 0.5 * 0.99, height * -0.5 * 0.99, depth * -0.5 * 0.99));

face_target.addVertex(location + glm::vec3(width * 0.5 * 0.99, height * -0.5 * 0.99, depth * 0.5 * 0.99));

face_target.addVertex(location + glm::vec3(width * -0.5 * 0.99, height * -0.5 * 0.99, depth * 0.5 * 0.99));

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

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

face_target.addIndex(index + 4); face_target.addIndex(index + 5); face_target.addIndex(index + 6);

face_target.addIndex(index + 4); face_target.addIndex(index + 6); face_target.addIndex(index + 7);

face_target.addIndex(index + 0); face_target.addIndex(index + 4); face_target.addIndex(index + 1);

face_target.addIndex(index + 4); face_target.addIndex(index + 5); face_target.addIndex(index + 1);

face_target.addIndex(index + 1); face_target.addIndex(index + 5); face_target.addIndex(index + 6);

face_target.addIndex(index + 6); face_target.addIndex(index + 2); face_target.addIndex(index + 1);

face_target.addIndex(index + 2); face_target.addIndex(index + 6); face_target.addIndex(index + 7);

face_target.addIndex(index + 7); face_target.addIndex(index + 3); face_target.addIndex(index + 2);

face_target.addIndex(index + 3); face_target.addIndex(index + 7); face_target.addIndex(index + 4);

face_target.addIndex(index + 4); face_target.addIndex(index + 0); face_target.addIndex(index + 3);

frame_target.addVertex(location + glm::vec3(width * -0.5, height * 0.5, depth * -0.5));

frame_target.addVertex(location + glm::vec3(width * 0.5, height * 0.5, depth * -0.5));

frame_target.addVertex(location + glm::vec3(width * 0.5, height * 0.5, depth * 0.5));

frame_target.addVertex(location + glm::vec3(width * -0.5, height * 0.5, depth * 0.5));

frame_target.addVertex(location + glm::vec3(width * -0.5, height * -0.5, depth * -0.5));

frame_target.addVertex(location + glm::vec3(width * 0.5, height * -0.5, depth * -0.5));

frame_target.addVertex(location + glm::vec3(width * 0.5, height * -0.5, depth * 0.5));

frame_target.addVertex(location + glm::vec3(width * -0.5, height * -0.5, depth * 0.5));

frame_target.addIndex(index + 0); frame_target.addIndex(index + 1);

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

frame_target.addIndex(index + 2); frame_target.addIndex(index + 3);

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

frame_target.addIndex(index + 4); frame_target.addIndex(index + 5);

frame_target.addIndex(index + 5); frame_target.addIndex(index + 6);

frame_target.addIndex(index + 6); frame_target.addIndex(index + 7);

frame_target.addIndex(index + 7); frame_target.addIndex(index + 4);

frame_target.addIndex(index + 0); frame_target.addIndex(index + 4);

frame_target.addIndex(index + 1); frame_target.addIndex(index + 5);

frame_target.addIndex(index + 2); frame_target.addIndex(index + 6);

frame_target.addIndex(index + 3); frame_target.addIndex(index + 7);

}

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

int main() {

ofSetupOpenGL(720, 720, OF_WINDOW);

ofRunApp(new ofApp());

}

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

2021年10月7日2021年10月7日

yin yang circles. Draw by openFrameworks

[ Video ]

[ About ]
計算した角度を改めて割り振りなおして、緩急をつける。

I reassign the calculated angle to make it slower and faster.

	if (deg < 80) { deg = 0; }
			else if (deg < 90) { deg = ofMap(deg, 80, 90, 0, 90); }
			else if (deg < 170) { deg = 90; }
			else if (deg < 180) { deg = ofMap(deg, 170, 180, 90, 180); }
			else if (deg < 260) { deg = 180; }
			else if (deg < 270) { deg = ofMap(deg, 260, 270, 180, 270); }
			else if (deg < 350) { deg = 270; }
			else if (deg < 360) { deg = ofMap(deg, 350, 360, 270, 360); }

if (deg < 80) { deg = 0; }

else if (deg < 90) { deg = ofMap(deg, 80, 90, 0, 90); }

else if (deg < 170) { deg = 90; }

else if (deg < 180) { deg = ofMap(deg, 170, 180, 90, 180); }

else if (deg < 260) { deg = 180; }

else if (deg < 270) { deg = ofMap(deg, 260, 270, 180, 270); }

else if (deg < 350) { deg = 270; }

else if (deg < 360) { deg = ofMap(deg, 350, 360, 270, 360); }

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

	void draw_MAGATAMA(glm::vec2 location, float radius, float rotate_deg, ofColor color_1, ofColor color_2);
};

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

void draw_MAGATAMA(glm::vec2 location, float radius, float rotate_deg, ofColor color_1, ofColor color_2);

};

#include "ofApp.h"

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

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

	ofBackground(239);
}

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

}

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

	int radius = 20;
	for(int x = radius * 3; x <= ofGetWidth() - radius * 3; x += radius * 2){

		for (int y = radius * 3; y <= ofGetHeight() - radius * 3; y += radius * 2) {

			int deg = ofMap(ofNoise(x * 0.002, y * 0.002, ofGetFrameNum() * 0.01), 0, 1, 0, 360);

			if (deg < 80) { deg = 0; }
			else if (deg < 90) { deg = ofMap(deg, 80, 90, 0, 90); }
			else if (deg < 170) { deg = 90; }
			else if (deg < 180) { deg = ofMap(deg, 170, 180, 90, 180); }
			else if (deg < 260) { deg = 180; }
			else if (deg < 270) { deg = ofMap(deg, 260, 270, 180, 270); }
			else if (deg < 350) { deg = 270; }
			else if (deg < 360) { deg = ofMap(deg, 350, 360, 270, 360); }


			this->draw_MAGATAMA(glm::vec2(x, y), radius * 0.9, 0 + deg, ofColor(239), ofColor(39));
			this->draw_MAGATAMA(glm::vec2(x, y), radius * 0.9, 180 + deg, ofColor(39), ofColor(239));
		}
	}		
}

//--------------------------------------------------------------
void ofApp::draw_MAGATAMA(glm::vec2 location, float radius, float rotate_deg, ofColor color_1, ofColor color_2) {

	float len = radius * 0.5522;
	float deg = 0;

	ofPushMatrix();
	ofTranslate(location);
	ofRotate(rotate_deg);

	vector<glm::vec2> vertices;
	vector<pair<glm::vec2, glm::vec2>> handle_list;

	vertices.push_back(glm::vec2(0, 0));
	deg = 180;
	handle_list.push_back(make_pair<glm::vec2, glm::vec2>(
		glm::vec2(vertices.back() + glm::vec2(len * 0.5 * cos(deg * DEG_TO_RAD), len * 0.5 * sin(deg * DEG_TO_RAD))),
		glm::vec2(vertices.back() + glm::vec2(len * 0.5 * cos((deg + 180) * DEG_TO_RAD), len * 0.5 * sin((deg + 180) * DEG_TO_RAD)))));

	vertices.push_back(glm::vec2(radius * 0.5, radius * -0.5));
	deg = 90;
	handle_list.push_back(make_pair<glm::vec2, glm::vec2>(
		glm::vec2(vertices.back() + glm::vec2(len * 0.5 * cos(deg * DEG_TO_RAD), len * 0.5 * sin(deg * DEG_TO_RAD))),
		glm::vec2(vertices.back() + glm::vec2(len * 0.5 * cos((deg + 180) * DEG_TO_RAD), len * 0.5 * sin((deg + 180) * DEG_TO_RAD)))));

	vertices.push_back(glm::vec2(0, radius * -1));
	deg = 0;
	handle_list.push_back(make_pair<glm::vec2, glm::vec2>(
		glm::vec2(vertices.back() + glm::vec2(len * 0.5 * cos(deg * DEG_TO_RAD), len * 0.5 * sin(deg * DEG_TO_RAD))),
		glm::vec2(vertices.back() + glm::vec2(len * cos(deg * DEG_TO_RAD), len  * sin(deg * DEG_TO_RAD)))));

	vertices.push_back(glm::vec2(radius, 0));
	deg = 270;
	handle_list.push_back(make_pair<glm::vec2, glm::vec2>(
		glm::vec2(vertices.back() + glm::vec2(len * cos(deg * DEG_TO_RAD), len * sin(deg * DEG_TO_RAD))),
		glm::vec2(vertices.back() + glm::vec2(len * cos((deg + 180) * DEG_TO_RAD), len * sin((deg + 180) * DEG_TO_RAD)))));

	vertices.push_back(glm::vec2(0, radius));
	deg = 0;
	handle_list.push_back(make_pair<glm::vec2, glm::vec2>(
		glm::vec2(vertices.back() + glm::vec2(len * cos(deg * DEG_TO_RAD), len * sin(deg * DEG_TO_RAD))),
		glm::vec2(vertices.back() + glm::vec2(len * 0.5 * cos((deg + 180) * DEG_TO_RAD), len * 0.5 * sin((deg + 180) * DEG_TO_RAD)))));

	vertices.push_back(glm::vec2(radius * -0.5, radius * 0.5));
	deg = 90;
	handle_list.push_back(make_pair<glm::vec2, glm::vec2>(
		glm::vec2(vertices.back() + glm::vec2(len * 0.5 * cos(deg * DEG_TO_RAD), len * 0.5 * sin(deg * DEG_TO_RAD))),
		glm::vec2(vertices.back() + glm::vec2(len * 0.5 * cos((deg + 180) * DEG_TO_RAD), len * 0.5 * sin((deg + 180) * DEG_TO_RAD)))));

	ofSetColor(color_1);
	ofFill();
	ofBeginShape();
	for (int i = 0; i < vertices.size(); i++) {

		int n = (i + 1) % vertices.size();

		ofVertex(vertices[i]);
		ofBezierVertex(handle_list[i].second, handle_list[n].first, vertices[n]);
	}
	ofEndShape();

	ofSetColor(color_2);
	ofBeginShape();
	for (deg = 0; deg <= 360; deg += 5) {

		ofVertex(glm::vec2(0, radius * 0.5) + glm::vec2(radius * 0.2 * cos(deg * DEG_TO_RAD), radius * 0.2 * sin(deg * DEG_TO_RAD)));
	}
	ofEndShape(true);

	ofSetColor(ofColor(39));
	ofNoFill();
	ofBeginShape();
	for (int i = 0; i < vertices.size(); i++) {

		int n = (i + 1) % vertices.size();

		ofVertex(vertices[i]);
		ofBezierVertex(handle_list[i].second, handle_list[n].first, vertices[n]);
	}

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

		ofVertex(glm::vec2(0, radius * 0.5) + glm::vec2(radius * 0.2 * cos(deg * DEG_TO_RAD), radius * 0.2 * sin(deg * DEG_TO_RAD)));
	}
	ofEndShape(true);

	ofPopMatrix();
}

//--------------------------------------------------------------
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

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

#include "ofApp.h"

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

void ofApp::setup() {

ofSetFrameRate(30);

ofSetWindowTitle("openFrameworks");

ofBackground(239);

}

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

void ofApp::update() {

}

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

void ofApp::draw() {

int radius = 20;

for(int x = radius * 3; x <= ofGetWidth() - radius * 3; x += radius * 2){

for (int y = radius * 3; y <= ofGetHeight() - radius * 3; y += radius * 2) {

int deg = ofMap(ofNoise(x * 0.002, y * 0.002, ofGetFrameNum() * 0.01), 0, 1, 0, 360);

if (deg < 80) { deg = 0; }

else if (deg < 90) { deg = ofMap(deg, 80, 90, 0, 90); }

else if (deg < 170) { deg = 90; }

else if (deg < 180) { deg = ofMap(deg, 170, 180, 90, 180); }

else if (deg < 260) { deg = 180; }

else if (deg < 270) { deg = ofMap(deg, 260, 270, 180, 270); }

else if (deg < 350) { deg = 270; }

else if (deg < 360) { deg = ofMap(deg, 350, 360, 270, 360); }

this->draw_MAGATAMA(glm::vec2(x, y), radius * 0.9, 0 + deg, ofColor(239), ofColor(39));

this->draw_MAGATAMA(glm::vec2(x, y), radius * 0.9, 180 + deg, ofColor(39), ofColor(239));

}

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

void ofApp::draw_MAGATAMA(glm::vec2 location, float radius, float rotate_deg, ofColor color_1, ofColor color_2) {

float len = radius * 0.5522;

float deg = 0;

ofPushMatrix();

ofTranslate(location);

ofRotate(rotate_deg);

vector<glm::vec2> vertices;

vector<pair<glm::vec2, glm::vec2>> handle_list;

vertices.push_back(glm::vec2(0, 0));

deg = 180;