Merge pull request #4 from dipamsen/organise

Basic submission system for variations

.github/pull_request_template.md

@@ -0,0 +1,9 @@
+<!-- Template for submission of remixed Coding Train Logo -->
+
+## Variation
+
+- **Title**:
+- **Author**:
+- **Link to code / output**:
+
+<!-- add/paste the output image/gif/video here -->

README.md

@@ -1,3 +1,38 @@
-# Coding-Train-Logo
+# Coding Train Logo
 
-https://editor.p5js.org/codingtrain/sketches/p599bQ3sa
+<p align="center"><img src="logo.png" alt="The Coding Train Logo" width="300px"></p>
+
+- [p5.js Sketch](https://editor.p5js.org/codingtrain/sketches/p599bQ3sa)
+- [Live Stream](https://www.youtube.com/watch?v=d6RXcetnl20)
+
+This repo contains the p5.js sketch to generate the Coding Train Logo.
+
+## Contributing
+
+1. Using the hard-coded data points in the [p5 sketch](./sketch/), you can create your own variation of the Coding Train Logo and submit a pull request to this repo. Some ideas for variations include color, animation, and sound. For inspiration, check out all other contributions below.
+
+   Please add your variation below in the following format:
+
+   ```md
+   - [**Title**](link-to-sketch) _by Author_ <br>
+     Description (optional)
+     <!-- Screenshot / GIF / Video (add image files in `variations/`, optional) -->
+     <img src="variations/your-variation-author.png" alt="Your Variation" width="300px">
+   ```
+
+2. Port the sketch to another language or framework! You can add your port inside a directory `ports/[language]/` where `[language]` is the name of the language or framework (eg. `processing`), and add it to the list below.
+
+   ```md
+   - [**Language**](./ports/[language]) _by Author_
+   ```
+
+## Variations
+
+- [**Animated Logo**](https://editor.p5js.org/funplanet/sketches/8zZKqiyV4) _by Dipam Sen_ <br>
+  Animated the path of the logo by interpolating it using a cubic easing function.
+  <img src="variations/animated-logo-dipamsen.gif" alt="Animated Logo" width="300px">
+
+## Ports
+
+- [**Processing**](./ports/processing/) _by Kai Tabuchi_
+- [**Processing.py**](./ports/processingpy/) _by Kai Tabuchi_

processingjava_logo.pde → ports/processing/CodingTrainLogo/CodingTrainLogo.pde

@@ -1,46 +1,46 @@
-void setup() {
-  size(400, 400);
-  strokeWeight(2.9166);
-  strokeCap(ROUND);
-  strokeJoin(ROUND);
-}
-
-void draw() {
-  background(255);
-  scale(4);
-  stroke(112, 50, 126);
-  line(25.631, 44.613, 25.631, 34.251);
-  line(25.631, 34.251, 22.581, 34.251);
-  line(22.581, 34.251, 22.581, 27.926);
-  line(22.581, 27.926, 49.61, 27.926);
-  line(49.61, 27.926, 49.61, 39.409);
-
-  stroke(48, 197, 243);
-  line(57.015, 39.409, 55.198, 27.926);
-  line(55.198, 27.926, 68.114, 27.926);
-  line(68.114, 27.926, 66.298, 39.409);
-
-  stroke(239, 99, 164);
-  line(78.126, 66.499, 72.372, 59.146);
-  line(72.372, 59.146, 76.229, 48.65);
-  line(76.229, 48.65, 72.282, 39.409);
-
-  noFill();
-  stroke(112, 50, 126);
-  circle(35.104, 58.745, 13.23 * 2);
-
-  stroke(48, 197, 243);
-  strokeWeight(2.7978);
-  circle(55.298, 67.558, 4.516 * 2);
-
-  strokeWeight(2.7735);
-  circle(68.054, 67.597, 4.477 * 2);
-
-  stroke(248, 158, 79);
-  strokeWeight(2.9166);
-  line(66.68, 44.613, 66.68, 53.135);
-  line(61.656, 44.613, 61.656, 53.135);
-  line(56.632, 44.613, 56.632, 53.135);
-
-  line(68.005, 59.075, 55.308, 59.075);
-}
+void setup() {
+  size(400, 400);
+  strokeWeight(2.9166);
+  strokeCap(ROUND);
+  strokeJoin(ROUND);
+}
+
+void draw() {
+  background(255);
+  scale(4);
+  stroke(112, 50, 126);
+  line(25.631, 44.613, 25.631, 34.251);
+  line(25.631, 34.251, 22.581, 34.251);
+  line(22.581, 34.251, 22.581, 27.926);
+  line(22.581, 27.926, 49.61, 27.926);
+  line(49.61, 27.926, 49.61, 39.409);
+
+  stroke(48, 197, 243);
+  line(57.015, 39.409, 55.198, 27.926);
+  line(55.198, 27.926, 68.114, 27.926);
+  line(68.114, 27.926, 66.298, 39.409);
+
+  stroke(239, 99, 164);
+  line(78.126, 66.499, 72.372, 59.146);
+  line(72.372, 59.146, 76.229, 48.65);
+  line(76.229, 48.65, 72.282, 39.409);
+
+  noFill();
+  stroke(112, 50, 126);
+  circle(35.104, 58.745, 13.23 * 2);
+
+  stroke(48, 197, 243);
+  strokeWeight(2.7978);
+  circle(55.298, 67.558, 4.516 * 2);
+
+  strokeWeight(2.7735);
+  circle(68.054, 67.597, 4.477 * 2);
+
+  stroke(248, 158, 79);
+  strokeWeight(2.9166);
+  line(66.68, 44.613, 66.68, 53.135);
+  line(61.656, 44.613, 61.656, 53.135);
+  line(56.632, 44.613, 56.632, 53.135);
+
+  line(68.005, 59.075, 55.308, 59.075);
+}

processingpy_logo.pyde → ports/processingpy/sketch.pyde

@@ -1,44 +1,44 @@
-def setup():
-  size(400, 400)
-  strokeWeight(2.9166)
-  strokeCap(ROUND)
-  strokeJoin(ROUND)
-
-def draw():
-  background(255)
-  scale(4)
-  stroke(112, 50, 126)
-  line(25.631, 44.613, 25.631, 34.251)
-  line(25.631, 34.251, 22.581, 34.251)
-  line(22.581, 34.251, 22.581, 27.926)
-  line(22.581, 27.926, 49.61, 27.926)
-  line(49.61, 27.926, 49.61, 39.409)
-
-  stroke(48, 197, 243)
-  line(57.015, 39.409, 55.198, 27.926)
-  line(55.198, 27.926, 68.114, 27.926)
-  line(68.114, 27.926, 66.298, 39.409)
-
-  stroke(239, 99, 164)
-  line(78.126, 66.499, 72.372, 59.146)
-  line(72.372, 59.146, 76.229, 48.65)
-  line(76.229, 48.65, 72.282, 39.409)
-
-  noFill()
-  stroke(112, 50, 126)
-  circle(35.104, 58.745, 13.23 * 2)
-
-  stroke(48, 197, 243)
-  strokeWeight(2.7978)
-  circle(55.298, 67.558, 4.516 * 2)
-
-  strokeWeight(2.7735)
-  circle(68.054, 67.597, 4.477 * 2)
-
-  stroke(248, 158, 79)
-  strokeWeight(2.9166)
-  line(66.68, 44.613, 66.68, 53.135)
-  line(61.656, 44.613, 61.656, 53.135)
-  line(56.632, 44.613, 56.632, 53.135)
-
-  line(68.005, 59.075, 55.308, 59.075)
+def setup():
+  size(400, 400)
+  strokeWeight(2.9166)
+  strokeCap(ROUND)
+  strokeJoin(ROUND)
+
+def draw():
+  background(255)
+  scale(4)
+  stroke(112, 50, 126)
+  line(25.631, 44.613, 25.631, 34.251)
+  line(25.631, 34.251, 22.581, 34.251)
+  line(22.581, 34.251, 22.581, 27.926)
+  line(22.581, 27.926, 49.61, 27.926)
+  line(49.61, 27.926, 49.61, 39.409)
+
+  stroke(48, 197, 243)
+  line(57.015, 39.409, 55.198, 27.926)
+  line(55.198, 27.926, 68.114, 27.926)
+  line(68.114, 27.926, 66.298, 39.409)
+
+  stroke(239, 99, 164)
+  line(78.126, 66.499, 72.372, 59.146)
+  line(72.372, 59.146, 76.229, 48.65)
+  line(76.229, 48.65, 72.282, 39.409)
+
+  noFill()
+  stroke(112, 50, 126)
+  circle(35.104, 58.745, 13.23 * 2)
+
+  stroke(48, 197, 243)
+  strokeWeight(2.7978)
+  circle(55.298, 67.558, 4.516 * 2)
+
+  strokeWeight(2.7735)
+  circle(68.054, 67.597, 4.477 * 2)
+
+  stroke(248, 158, 79)
+  strokeWeight(2.9166)
+  line(66.68, 44.613, 66.68, 53.135)
+  line(61.656, 44.613, 61.656, 53.135)
+  line(56.632, 44.613, 56.632, 53.135)
+
+  line(68.005, 59.075, 55.308, 59.075)

sketch.js → sketch/sketch.js

@@ -7,7 +7,7 @@ function setup() {
 
 function draw() {
   background(255);
-  
+
   strokeWeight(11.6);
   stroke("#70327E");
   line(103, 178, 103, 137);
@@ -42,6 +42,6 @@ function draw() {
 
   line(272, 236, 221, 236);
 
-  //Remove to allow Animation
+  // Remove to allow Animation
   noLoop();
 }