diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..c5da412 Binary files /dev/null and b/.DS_Store differ diff --git a/20200628_163820444.jpg b/20200628_163820444.jpg new file mode 100644 index 0000000..1bc64d0 Binary files /dev/null and b/20200628_163820444.jpg differ diff --git a/20200628_163855852.jpg b/20200628_163855852.jpg new file mode 100644 index 0000000..706b5fd Binary files /dev/null and b/20200628_163855852.jpg differ diff --git a/20200628_182949842.jpg b/20200628_182949842.jpg new file mode 100644 index 0000000..28b1cc0 Binary files /dev/null and b/20200628_182949842.jpg differ diff --git a/20200629_120837.jpg b/20200629_120837.jpg new file mode 100644 index 0000000..1004a18 Binary files /dev/null and b/20200629_120837.jpg differ diff --git a/20200629_120904.jpg b/20200629_120904.jpg new file mode 100644 index 0000000..1e355a2 Binary files /dev/null and b/20200629_120904.jpg differ diff --git a/20200629_121046.jpg b/20200629_121046.jpg new file mode 100644 index 0000000..b300c9f Binary files /dev/null and b/20200629_121046.jpg differ diff --git a/20200629_121454684.jpg b/20200629_121454684.jpg new file mode 100644 index 0000000..105387e Binary files /dev/null and b/20200629_121454684.jpg differ diff --git a/20200629_131140534.jpg b/20200629_131140534.jpg new file mode 100644 index 0000000..0cf48bf Binary files /dev/null and b/20200629_131140534.jpg differ diff --git a/20200629_131144963.jpg b/20200629_131144963.jpg new file mode 100644 index 0000000..f783ec0 Binary files /dev/null and b/20200629_131144963.jpg differ diff --git a/20200629_131156812.jpg b/20200629_131156812.jpg new file mode 100644 index 0000000..f22f0e6 Binary files /dev/null and b/20200629_131156812.jpg differ diff --git a/20200629_131204278.jpg b/20200629_131204278.jpg new file mode 100644 index 0000000..394df1f Binary files /dev/null and b/20200629_131204278.jpg differ diff --git a/20200629_131214143.jpg b/20200629_131214143.jpg new file mode 100644 index 0000000..a728350 Binary files /dev/null and b/20200629_131214143.jpg differ diff --git a/20200629_131315401.jpg b/20200629_131315401.jpg new file mode 100644 index 0000000..6832e42 Binary files /dev/null and b/20200629_131315401.jpg differ diff --git a/20200629_131318334.jpg b/20200629_131318334.jpg new file mode 100644 index 0000000..2ae9c1d Binary files /dev/null and b/20200629_131318334.jpg differ diff --git a/20200629_132251948.jpg b/20200629_132251948.jpg new file mode 100644 index 0000000..af17641 Binary files /dev/null and b/20200629_132251948.jpg differ diff --git a/20200629_132315458.jpg b/20200629_132315458.jpg new file mode 100644 index 0000000..74cdf5b Binary files /dev/null and b/20200629_132315458.jpg differ diff --git a/20200629_132436255.jpg b/20200629_132436255.jpg new file mode 100644 index 0000000..c634158 Binary files /dev/null and b/20200629_132436255.jpg differ diff --git a/20200629_132505.jpg b/20200629_132505.jpg new file mode 100644 index 0000000..a6fc176 Binary files /dev/null and b/20200629_132505.jpg differ diff --git a/20200629_133347.jpg b/20200629_133347.jpg new file mode 100644 index 0000000..130cf09 Binary files /dev/null and b/20200629_133347.jpg differ diff --git a/20200629_133351.jpg b/20200629_133351.jpg new file mode 100644 index 0000000..8e3f095 Binary files /dev/null and b/20200629_133351.jpg differ diff --git a/20200629_133501.jpg b/20200629_133501.jpg new file mode 100644 index 0000000..21a680b Binary files /dev/null and b/20200629_133501.jpg differ diff --git a/20200629_133543.jpg b/20200629_133543.jpg new file mode 100644 index 0000000..62da902 Binary files /dev/null and b/20200629_133543.jpg differ diff --git a/20200629_133617812.jpg b/20200629_133617812.jpg new file mode 100644 index 0000000..4f34a08 Binary files /dev/null and b/20200629_133617812.jpg differ diff --git a/20200629_133720.jpg b/20200629_133720.jpg new file mode 100644 index 0000000..2af6e69 Binary files /dev/null and b/20200629_133720.jpg differ diff --git a/20200629_133810.jpg b/20200629_133810.jpg new file mode 100644 index 0000000..85ddeb1 Binary files /dev/null and b/20200629_133810.jpg differ diff --git a/20200629_133950.jpg b/20200629_133950.jpg new file mode 100644 index 0000000..8fa767f Binary files /dev/null and b/20200629_133950.jpg differ diff --git a/20200629_134025.jpg b/20200629_134025.jpg new file mode 100644 index 0000000..a1f34ef Binary files /dev/null and b/20200629_134025.jpg differ diff --git a/20200629_134032.jpg b/20200629_134032.jpg new file mode 100644 index 0000000..4f4424f Binary files /dev/null and b/20200629_134032.jpg differ diff --git a/20200629_134148293.jpg b/20200629_134148293.jpg new file mode 100644 index 0000000..35af19a Binary files /dev/null and b/20200629_134148293.jpg differ diff --git a/20200629_134303227.jpg b/20200629_134303227.jpg new file mode 100644 index 0000000..7dc2620 Binary files /dev/null and b/20200629_134303227.jpg differ diff --git a/20200629_134312721.jpg b/20200629_134312721.jpg new file mode 100644 index 0000000..3b36bb8 Binary files /dev/null and b/20200629_134312721.jpg differ diff --git a/20200629_134507549.jpg b/20200629_134507549.jpg new file mode 100644 index 0000000..c4579f2 Binary files /dev/null and b/20200629_134507549.jpg differ diff --git a/20200629_135230310.jpg b/20200629_135230310.jpg new file mode 100644 index 0000000..c6795d2 Binary files /dev/null and b/20200629_135230310.jpg differ diff --git a/20200629_135241693.jpg b/20200629_135241693.jpg new file mode 100644 index 0000000..2fb1283 Binary files /dev/null and b/20200629_135241693.jpg differ diff --git a/Blighton.jpg b/Blighton.jpg new file mode 100644 index 0000000..05aa7b7 Binary files /dev/null and b/Blighton.jpg differ diff --git a/CC_059_Steering_Text_Paths/.DS_Store b/CC_059_Steering_Text_Paths/.DS_Store new file mode 100644 index 0000000..d63e976 Binary files /dev/null and b/CC_059_Steering_Text_Paths/.DS_Store differ diff --git a/CC_059_Steering_Text_Paths/P5/AvenirNextLTPro-Demi.otf b/CC_059_Steering_Text_Paths/P5/AvenirNextLTPro-Demi.otf new file mode 100644 index 0000000..750b0c5 Binary files /dev/null and b/CC_059_Steering_Text_Paths/P5/AvenirNextLTPro-Demi.otf differ diff --git a/CC_059_Steering_Text_Paths/P5/index.html b/CC_059_Steering_Text_Paths/P5/index.html new file mode 100644 index 0000000..69c1c50 --- /dev/null +++ b/CC_059_Steering_Text_Paths/P5/index.html @@ -0,0 +1,16 @@ + +
+ + + + + + + + + + + + + + diff --git a/CC_059_Steering_Text_Paths/P5/sketch.js b/CC_059_Steering_Text_Paths/P5/sketch.js new file mode 100644 index 0000000..9fa2b5c --- /dev/null +++ b/CC_059_Steering_Text_Paths/P5/sketch.js @@ -0,0 +1,44 @@ +// Daniel Shiffman +// http://codingtra.in +// Steering Text Paths +// Video: https://www.youtube.com/watch?v=4hA7G3gup-4 + +var font; +var vehicles = []; + +function preload() { + font = loadFont('AvenirNextLTPro-Demi.otf'); +} + +function setup() { + createCanvas(600, 300); + background(51); + // textFont(font); + // textSize(192); + // fill(255); + // noStroke(); + // text('train', 100, 200); + + var points = font.textToPoints('train', 100, 200, 192, { + sampleFactor: 0.25 + }); + + for (var i = 0; i < points.length; i++) { + var pt = points[i]; + var vehicle = new Vehicle(pt.x, pt.y); + vehicles.push(vehicle); + // stroke(255); + // strokeWeight(8); + // point(pt.x, pt.y); + } +} + +function draw() { + background(51); + for (var i = 0; i < vehicles.length; i++) { + var v = vehicles[i]; + v.behaviors(); + v.update(); + v.show(); + } +} diff --git a/CC_059_Steering_Text_Paths/P5/vehicle.js b/CC_059_Steering_Text_Paths/P5/vehicle.js new file mode 100644 index 0000000..70b418d --- /dev/null +++ b/CC_059_Steering_Text_Paths/P5/vehicle.js @@ -0,0 +1,70 @@ +// Daniel Shiffman +// http://codingtra.in +// Steering Text Paths +// Video: https://www.youtube.com/watch?v=4hA7G3gup-4 + +function Vehicle(x, y) { + this.pos = createVector(random(width), random(height)); + this.target = createVector(x, y); + this.vel = p5.Vector.random2D(); + this.acc = createVector(); + this.r = 8; + this.maxspeed = 10; + this.maxforce = 1; +} + +Vehicle.prototype.behaviors = function() { + var arrive = this.arrive(this.target); + var mouse = createVector(mouseX, mouseY); + var flee = this.flee(mouse); + + arrive.mult(1); + flee.mult(5); + + this.applyForce(arrive); + this.applyForce(flee); +} + +Vehicle.prototype.applyForce = function(f) { + this.acc.add(f); +} + +Vehicle.prototype.update = function() { + this.pos.add(this.vel); + this.vel.add(this.acc); + this.acc.mult(0); +} + +Vehicle.prototype.show = function() { + stroke(255); + strokeWeight(this.r); + point(this.pos.x, this.pos.y); +} + + +Vehicle.prototype.arrive = function(target) { + var desired = p5.Vector.sub(target, this.pos); + var d = desired.mag(); + var speed = this.maxspeed; + if (d < 100) { + speed = map(d, 0, 100, 0, this.maxspeed); + } + desired.setMag(speed); + var steer = p5.Vector.sub(desired, this.vel); + steer.limit(this.maxforce); + return steer; +} + +Vehicle.prototype.flee = function(target) { + var desired = p5.Vector.sub(target, this.pos); + var d = desired.mag(); + if (d < 50) { + desired.setMag(this.maxspeed); + desired.mult(-1); + var steer = p5.Vector.sub(desired, this.vel); + steer.limit(this.maxforce); + return steer; + } else { + return createVector(0, 0); + } +} diff --git a/README.md b/README.md index 032e036..4ff32c1 100644 --- a/README.md +++ b/README.md @@ -1,17 +1,192 @@ -## 시작하기 +## 접속 주소 + :