Page 1


CodeZine 9 April 2017 Vol. 01 Issue 01

Free! Please take one :)

Contents Note Pg. 1 Pg. 2-3 Music + Code Pg. 4-5 Storytelling w/ Code Pg. 6-7 The Nalukai Experience Resources Pg. 8 Pg. 9 Opportunities

Note Thank you for supporting the very first issue of the KCS Code Zine. A lot of hard work went into this idea and I’m thrilled to be able to share it with you. :) You might be wondering, what exactly is a zine? A zine is sort of like a magazine, (hence the similar sounding name), however it’s self published and usually small-circulation. It’s often published by one person or a small group of people, and can be dedicated to really any topic. Zines tend to be more of an artistic endeavor and there aren’t any set rules to making them. Therefore, it’s common for zines to change design or art styles each issue, or even throughout a single issue itself (you might notice that a little in this one). Zines were traditionally made with hand written and hand drawn pages then photocopied for circulation. However, I opted to make this one digitally for a slightly more professional aesthetic. [I could use this opportunity to mention what we’ll be discussing in this issue, but that’s what the Contents page is for, and I took up too much space with my zine description.] Make sure to use the code on the back of the zine to check in on the Code Zine Check-In form. It really helps to be able to collect feedback on what you’d like to see in future issues. -Sophia :)


Go to this link for more info & resources about music + code. issue01/music.html


When Music met Code, it was a match made in heaven. Like a computer program, you can break a song down into the loops and sets of instructions (notes, chords, measures, and octaves) that make it up. But did you know that you could also make music with code? There are reasons why they say that musicians can make great programmers.

Welcome to the realm of Algorythms. Made W/ Code


Want an easy , block based intro to making music with code? Google’s Made W/ Code initiative has two really neat projects related to music, “Music Maker” and “Beats”. Both can be found on their website.

+C Sonic Pi Sonic Pi is a Ruby based music synth. It’s open source and there’s lots of tutorials online for students, musicians, and educators that are interested in using it. It’s available for Windows, Mac, Raspberry Pi, and Debian based Linux distros. Sébastien Rannou recreated Daft Punk’s song “Aerodynamic” with code using Sonic Pi. It was insanely cool. Scan the QR code on page 2 for links to this project and more! :)

EarSketch Earsketch is a music coding software similar to Sonic Pi, however it’s web based and uses Python and Javascript rather than Ruby. It was developed at Georgia Tech and is mainly used for educational purposes.


Go to this link for more info & resources about storytelling w/ code. issue01/storytelling.html



As we’ve seen, one can use code as an art Storytelling. How does one tell stories some of


One of the most beautiful aspects of code is that it is often made to be interactive. By utilizing conditionals, you can have the user interact with the story as it unfolds. This brings us into the realm of game design, from text based Choose Your Own Adventure games to games with complex graphics and storylines.

Game Design Example

The landscapes above are from the whimsical puzzle game, Monument Valley. The beautiful graphic design and engaging puzzles help tell the impressionistic story about a silent princess’s quest for forgiveness.

telling Code

form, making it an excellent medium for with code? On this spread, we’ll explore the ways! However, not all engaging stories must rely on user input. There are some beautifully designed static websites that tell the stories of other people in enchanting ways. Again, the way these websites are coded adds to and illustrates the stories. The code becomes as much a part of the story as the words. Jess & Russ Website

Make Your Own Story

A dazzling scrolling website created to announce a couple’s engagement and tell their story using beautiful artwork and transitions.

Create a Choose Your Own Adventure game with the help of Javascript and a little HTML + CSS! :) Unfold for details!


- - - - - Stories - - - - -


Nalukai experience -By Han Davis-


The Nalukai Startup Camp is a camp like no other.

Attending Nalukai during the summer of 2017 really helped me understand more about myself. We had presentations from industry professionals, and one guest speaker in particular had a great impact on me. Kevin Rolston, a leadership coach and consultant, encouraged me to open up to others. The students at Nalukai had to partake in uncomfortable exercises such as staring into a stranger’s eyes for a period of time, or sharing a difficult experience in our lives with someone at the camp. My most life changing takeaway was when he taught us how to shatter our “masks� that the world sees us as.

- - - - - Stories - - - - -

Located at Hawaii Preparatory Academy, the scenery is breathtaking. You will be rooming in cozy dorms with other like-minded students who have the passion and drive to change the world.The camp focuses on collaboration, creativity, hustle, and entrepreneurship.

The applications are due by April 15th, so start hustling! Visit


Resources! Made W/ Code

- - - - -Resources - - - - -

Google’s initiative to introduce more girls to programming is super cool and fun regardless of whether or not you’re female. Just be prepared to put up with lots of pink design choices. The Made With Code website has lots of short, interesting projects that use Google’s Blockly programming language (block based and great for beginners). Their version of “coding” can seem silly at times depending upon the project, my main criticism being an excessive use of dropdown menus rather than letting the user code things themselves (you’re basically using Blockly to organize things rather than to make them). However, it’s still a great introduction to code, and especially creative programming, for people who want to ease into it a little more rather than jump straight into the logic. It’s definitely educational, and exposes the user to lots of programming concepts such as variables and objects. It just does so cautiously and with “training wheels”, perhaps to avoid scaring people away. Its biggest advantage is that it’s fun. Very fun. Even for experienced coders because, at least in my experience, the way they presented the programming concepts showed me a different perspective on code. A+ for creativity, perhaps a C+ or B- in terms of being challenging enough.



Really cool website for front end web developers to showcase their work. If you’re just getting started with code (HTML, CSS, Javascript), it can be a great place to go for inspiration, or just to browse neat projects. They have a lot of creative programming projects with cool designs, animations, and interactive aspects.

- - - - - Opportunities - - - - -


Like The ‘Zine? Follow us on Insta @kcs.code.zine Join the KCS Code Club! Check-In Code:

KCS Code Zine Issue 01