[ Video ]
[ About ]
円を一定角度ごとの区間で切り分けて(ダーツの的状)、Noise関数の結果で描写する・しないを決定しました。
Noise関数の引数として、半径の値とフレーム数の合計値を使う事で、このように結果が伝播していく動きが作れます。
[ Source ]
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
#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) {}; }; |
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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 |
#include "ofApp.h" //-------------------------------------------------------------- void ofApp::setup() { ofSetFrameRate(60); ofBackground(239); ofSetWindowTitle("Insta"); ofSetColor(39); } //-------------------------------------------------------------- void ofApp::update() { } //-------------------------------------------------------------- void ofApp::draw() { ofTranslate(ofGetWidth() * 0.5, ofGetHeight() * 0.5); ofDrawCircle(ofPoint(), 51); int radius_span = 20; int deg_span = 5; for (int radius = 50; radius < 500; radius += radius_span) { for (int deg = 0; deg < 360; deg += deg_span) { float noise_value = ofNoise(radius * 0.0005 - ofGetFrameNum() * 0.005, deg * 0.05); if (noise_value > 0.6) { ofBeginShape(); for (int tmp_deg = deg; tmp_deg <= deg + deg_span; tmp_deg += 1) { ofVertex(radius * cos(tmp_deg * DEG_TO_RAD), radius * sin(tmp_deg * DEG_TO_RAD)); } for (int tmp_deg = deg + deg_span; tmp_deg >= deg; tmp_deg -= 1) { ofVertex((radius + radius_span) * cos(tmp_deg * DEG_TO_RAD), (radius + radius_span) * sin(tmp_deg * DEG_TO_RAD)); } ofEndShape(true); } } } } //-------------------------------------------------------------- int main() { ofSetupOpenGL(720, 720, OF_WINDOW); ofRunApp(new ofApp()); } |