Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Newer
Older
100644 112 lines (47 sloc) 5.698 kB
b3f35e7 @presstube working on README
authored
1
2
3
4
e6d262b @presstube working on README
authored
5 #Cyclic Vacuum Cannon#
b3f35e7 @presstube working on README
authored
6
fa048bf @presstube README
authored
7 [![Watch the latest episode!](http://presstube.com/cyclic-vacuum-cannon/img/cvc-dark-title-screen.jpg)](https://vimeo.com/53179569 "Watch the latest episode!")
e3561d4 @presstube first stab at a README
authored
8
01ba9b9 @presstube 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 @presstube first stab at a README
authored
10
25dfb58 @presstube 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 @presstube first stab at a README
authored
12
9ed3fff @presstube working on README
authored
13 ♥ James ([@presstube](http://twitter.com/presstube "Presstube on Twitter"))
eae9eb0 @presstube working on README
authored
14
e3561d4 @presstube first stab at a README
authored
15
16
17
fa048bf @presstube README
authored
18 ##Part 3: Materializing Nouns → [Watch Screencast](https://vimeo.com/53179569 "Watch Part 3: Materializing Nouns")##
19
20 [![Part 3 - Materializing Nouns](http://presstube.com/cyclic-vacuum-cannon/img/vimeo-screenshot-part-3.jpg)](https://vimeo.com/53179569 "Watch Part 3: Materializing Nouns")
21
22 In this episode I start building a 'materialize' and 'dematerialize' sequence for the Noun object:
23
24 - Quick recap of the previous episode and make a few small corrections
1c6eb88 @presstube README
authored
25 - Load in [Tweenjs](http://createjs.com/#!/TweenJS "Tweenjs") and create a 'materialize' and 'dematerialize' sequence for the Noun object
fa048bf @presstube README
authored
26 - Build a crude test system that allows me to put the new materialize/demateriaze sequences through their paces
27 - Take a look at how to use Chrome's profiling tools to make sure that objects are getting properly garbage collected
28
29
30
31
32
537876a @presstube working on README
authored
33 ##Part 2: Drawing Nouns → [Watch Screencast](https://vimeo.com/50235100 "Watch Part 2: Drawing Nouns")##
c5f45b1 @presstube working on README
authored
34
537876a @presstube working on README
authored
35 [![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")
36
c423bef @presstube working on README
authored
37 In this episode I take some initial steps towards bridging the gap between hand-drawn material and javascript/canvas:
537876a @presstube working on README
authored
38
39 - Use Flash to draw some noun assets
c423bef @presstube working on README
authored
40 - Use [Zoë](http://createjs.com/#!/Zoe "Go get Zoë") to rip those assets to a sprite sheet
537876a @presstube working on README
authored
41 - Code that sprite sheet up into the beginnings of a Noun object using [Easeljs](http://createjs.com/#!/EaselJS "Go get Easeljs")
42 - Take a quick look at the way that the Createjs libraries approach inheritance in js
43 - Do a small code cleanup & refactoring session
c5f45b1 @presstube working on README
authored
44
45
46
47
5ae9675 @presstube working on README
authored
48
86243cd @presstube working on README
authored
49 ##Part 1: Setup → [Watch Screencast](https://vimeo.com/50235100 "Watch Part 1: Setup")##
b3f35e7 @presstube working on README
authored
50
86243cd @presstube working on README
authored
51 [![Part 1 - Setup](http://presstube.com/cyclic-vacuum-cannon/img/vimeo-screenshot-part-1.jpg)](https://vimeo.com/50235100 "Watch Part 1: Setup")
b3f35e7 @presstube working on README
authored
52
c7e53f7 @presstube README
authored
53 In this episode I do some chores that are necessary before we can get to the fun stuff:
b3f35e7 @presstube working on README
authored
54
3e6a19d @presstube working on README
authored
55 - Create an open source repo here at GitHub
56 - Briefly introduce my choice of tools
01ba9b9 @presstube working on README
authored
57 - Put together a workspace & workflow so we can start building!
93a112b @presstube working on README
authored
58
5ae9675 @presstube working on README
authored
59
9a699d7 @presstube working on README
authored
60
61
537876a @presstube working on README
authored
62
63 ##Part 0: Brainstorming → [Watch Screencast](https://vimeo.com/48454761 "Watch Part 0: Brainstorming on Vimeo")##
64
65 [![Part 0 - Brainstorming](http://presstube.com/cyclic-vacuum-cannon/img/vimeo-screenshot-part-0.jpg)](https://vimeo.com/48454761 "Watch Part 0: Brainstorming")
66
c7e53f7 @presstube README
authored
67 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 @presstube working on README
authored
68
69
70
71
d45366f @presstube working on README
authored
72 ##Coming up next...##
73
9028504 @presstube README
authored
74 In the next episode I'll draw a 'puff' animation and bind it directly to the materialize/dematerialize tweens. I'll also be creating a automated cloud of Nouns that are winking in and out of existence. Gonna be fun!
d45366f @presstube working on README
authored
75
76
77
78
3e6a19d @presstube working on README
authored
79 ##About Presstube Code Journal##
b3f35e7 @presstube working on README
authored
80
86243cd @presstube working on README
authored
81 [![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 @presstube working on README
authored
82
f4d06b5 @presstube working on README
authored
83 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 @presstube working on README
authored
84
4622380 @presstube working on README
authored
85 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 @presstube working on README
authored
86
4622380 @presstube working on README
authored
87 I have several groups of people in mind while making this journal:
3e6a19d @presstube working on README
authored
88
b6a65fa @presstube working on README
authored
89 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 @presstube working on README
authored
90
b6a65fa @presstube working on README
authored
91 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 @presstube working on README
authored
92
93 3. People who are new to programming and might like to be exposed to some fun, deliberately impractical, highly visual code.
3e6a19d @presstube working on README
authored
94
95
b6a65fa @presstube working on README
authored
96
3e6a19d @presstube working on README
authored
97
98 ##Get in touch!##
b3f35e7 @presstube working on README
authored
99
6b1a3aa @presstube working on README
authored
100 Questions, comments, requests, hopes, fears, daydreams, nightmares, hatred, filth?
e50e20b @presstube working on README
authored
101
01574d5 @presstube working on README
authored
102 - → [Twitter](http://twitter.com/presstube "@Presstube on Twitter")
103 - → [Facebook](http://www.facebook.com/presstubecom "Presstube on Facebook")
104 - → [Google+](https://plus.google.com/106858098085928290587/posts "Presstube on Google+")
105 - → [Pinterest](http://pinterest.com/presstube/ "Presstube on Pinterest")
106 - → [Email](mailto:j@presstube.com "Email James Paterson")
e3561d4 @presstube first stab at a README
authored
107
108
b54ca60 @presstube working on README
authored
109 [![Visit Presstube](http://presstube.com/cyclic-vacuum-cannon/img/pt_logo_black.png)](http://presstube.com "Visit Presstube")
110
e3561d4 @presstube first stab at a README
authored
111
Something went wrong with that request. Please try again.