Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Newer
Older
100644 97 lines (40 sloc) 4.921 kb
b3f35e7 James Paterson working on README
authored
1
2
3
4
e6d262b James Paterson working on README
authored
5 #Cyclic Vacuum Cannon#
b3f35e7 James Paterson working on README
authored
6
537876a James Paterson working on README
authored
7 [![Part 2 - Drawing Nouns](http://presstube.com/cyclic-vacuum-cannon/img/cvc-dark-title-screen.jpg)](https://vimeo.com/52880743 "Watch the latest episode, Part 2: Drawing Nouns")
e3561d4 James Paterson first stab at a README
authored
8
01ba9b9 James Paterson working on README
authored
9 The Cyclic Vacuum Cannon is a contraption that steals objects from elsewhere in time and space, then spits them out to propel itself forward and/or blast enemies. It's a concept from my sketchbook that I've been wanting to bring to life for a while, so I chose it as the inaugural project for my [Code Journal](#about-presstube-code-journal "About Presstube Code Journal").
e3561d4 James Paterson first stab at a README
authored
10
25dfb58 James Paterson working on README
authored
11 <!-- You can find out more about the Cyclic Vacuum Cannon at [its other home at Presstube](http://presstube.com/cyclic-vacuum-cannon "Cyclic Vacuum Cannon at Presstube"). -->
e3561d4 James Paterson first stab at a README
authored
12
9ed3fff James Paterson working on README
authored
13 ♥ James ([@presstube](http://twitter.com/presstube "Presstube on Twitter"))
eae9eb0 James Paterson working on README
authored
14
e3561d4 James Paterson first stab at a README
authored
15
16
17
537876a James Paterson working on README
authored
18 ##Part 2: Drawing Nouns → [Watch Screencast](https://vimeo.com/50235100 "Watch Part 2: Drawing Nouns")##
c5f45b1 James Paterson working on README
authored
19
537876a James Paterson working on README
authored
20 [![Part 2 - Drawing Nouns](http://presstube.com/cyclic-vacuum-cannon/img/vimeo-screenshot-part-2.jpg)](https://vimeo.com/52880743 "Watch Part 2: Drawing Nouns")
21
c423bef James Paterson working on README
authored
22 In this episode I take some initial steps towards bridging the gap between hand-drawn material and javascript/canvas:
537876a James Paterson working on README
authored
23
24 - Use Flash to draw some noun assets
c423bef James Paterson working on README
authored
25 - Use [Zoë](http://createjs.com/#!/Zoe "Go get Zoë") to rip those assets to a sprite sheet
537876a James Paterson working on README
authored
26 - Code that sprite sheet up into the beginnings of a Noun object using [Easeljs](http://createjs.com/#!/EaselJS "Go get Easeljs")
27 - Take a quick look at the way that the Createjs libraries approach inheritance in js
28 - Do a small code cleanup & refactoring session
c5f45b1 James Paterson working on README
authored
29
30
31
32
5ae9675 James Paterson working on README
authored
33
86243cd James Paterson working on README
authored
34 ##Part 1: Setup → [Watch Screencast](https://vimeo.com/50235100 "Watch Part 1: Setup")##
b3f35e7 James Paterson working on README
authored
35
86243cd James Paterson working on README
authored
36 [![Part 1 - Setup](http://presstube.com/cyclic-vacuum-cannon/img/vimeo-screenshot-part-1.jpg)](https://vimeo.com/50235100 "Watch Part 1: Setup")
b3f35e7 James Paterson working on README
authored
37
c7e53f7 James Paterson README
authored
38 In this episode I do some chores that are necessary before we can get to the fun stuff:
b3f35e7 James Paterson working on README
authored
39
3e6a19d James Paterson working on README
authored
40 - Create an open source repo here at GitHub
41 - Briefly introduce my choice of tools
01ba9b9 James Paterson working on README
authored
42 - Put together a workspace & workflow so we can start building!
93a112b James Paterson working on README
authored
43
5ae9675 James Paterson working on README
authored
44
9a699d7 James Paterson working on README
authored
45
46
537876a James Paterson working on README
authored
47
48 ##Part 0: Brainstorming → [Watch Screencast](https://vimeo.com/48454761 "Watch Part 0: Brainstorming on Vimeo")##
49
50 [![Part 0 - Brainstorming](http://presstube.com/cyclic-vacuum-cannon/img/vimeo-screenshot-part-0.jpg)](https://vimeo.com/48454761 "Watch Part 0: Brainstorming")
51
c7e53f7 James Paterson README
authored
52 In this episode I break a concept drawing of the cannon into its constituent parts, take a first crack at naming them, and think out loud about their responsibilities & relationships. Starting a project this way helps me get a better understanding of what I'm in for, and decide where to start building.
537876a James Paterson working on README
authored
53
54
55
56
d45366f James Paterson working on README
authored
57 ##Coming up next...##
58
c423bef James Paterson working on README
authored
59 In the next Part I'll go a bit further towards bringing the Noun object to life by giving it 'materialize' and 'dematerialize' sequences. I'll also take a look at how to use Chrome's profiling tools to make sure objects are being properly garbage collected.
d45366f James Paterson working on README
authored
60
61
62
63
3e6a19d James Paterson working on README
authored
64 ##About Presstube Code Journal##
b3f35e7 James Paterson working on README
authored
65
86243cd James Paterson working on README
authored
66 [![Part 1 - Setup](http://presstube.com/cyclic-vacuum-cannon/img/code-journal-dark-title-screen.jpg)](https://vimeo.com/50235100 "Watch Part 1: Setup")
b3f35e7 James Paterson working on README
authored
67
f4d06b5 James Paterson working on README
authored
68 I love watching people work. It's one of my favorite ways to learn. In case there's anyone out there who feels the same way I've decided to start a code journal where I step through the creation of projects from their pre-code planning phase, all the way through to their finished form.
3e6a19d James Paterson working on README
authored
69
4622380 James Paterson working on README
authored
70 I plan to release each journal entry as a short, 10-15 minute screencast, each of which will correspond to a git branch so you can follow along, and/or take off in your own direction.
3e6a19d James Paterson working on README
authored
71
4622380 James Paterson working on README
authored
72 I have several groups of people in mind while making this journal:
3e6a19d James Paterson working on README
authored
73
b6a65fa James Paterson working on README
authored
74 1. Like-minded curious folk, coders and non-coders alike, who might find it interesting to peer over someone else's shoulder while they make something weird and personal.
c630b9b James Paterson working on README
authored
75
b6a65fa James Paterson working on README
authored
76 2. People who are a lot better at this stuff than I am who might get a chuckle or a sigh out of the clunky way I'm doing something and point me in the right direction on how to improve. Suggestions & critique will be incorporated into future entries. Pass that tasty knowledge juice on!
c630b9b James Paterson working on README
authored
77
78 3. People who are new to programming and might like to be exposed to some fun, deliberately impractical, highly visual code.
3e6a19d James Paterson working on README
authored
79
80
b6a65fa James Paterson working on README
authored
81
3e6a19d James Paterson working on README
authored
82
83 ##Get in touch!##
b3f35e7 James Paterson working on README
authored
84
6b1a3aa James Paterson working on README
authored
85 Questions, comments, requests, hopes, fears, daydreams, nightmares, hatred, filth?
e50e20b James Paterson working on README
authored
86
01574d5 James Paterson working on README
authored
87 - → [Twitter](http://twitter.com/presstube "@Presstube on Twitter")
88 - → [Facebook](http://www.facebook.com/presstubecom "Presstube on Facebook")
89 - → [Google+](https://plus.google.com/106858098085928290587/posts "Presstube on Google+")
90 - → [Pinterest](http://pinterest.com/presstube/ "Presstube on Pinterest")
91 - → [Email](mailto:j@presstube.com "Email James Paterson")
e3561d4 James Paterson first stab at a README
authored
92
93
b54ca60 James Paterson working on README
authored
94 [![Visit Presstube](http://presstube.com/cyclic-vacuum-cannon/img/pt_logo_black.png)](http://presstube.com "Visit Presstube")
95
e3561d4 James Paterson first stab at a README
authored
96
Something went wrong with that request. Please try again.