The Spec

Processing Settings

Sketch Naming Convention

Name your sketch using the following convention: [first initial][last name]_week_[week number]. For example: jbakse_week_1. Some weeks you may need to turn in two assignments. In that case, add a name for each assignment after an underscore: jbakse_week_2_bounce or jbakse_week_2_challenge_1.

Stage Size

Your stage should be 625×350. Use the size command to set it.


Frame Rate

Animation should be at 30 fps. Use the frameRate command to set it.


File Size

In terms of bytes on disk, your source code will be very small compared to images and other assets used in your projects. The maximum size for your entire sketch, unzipped and including code and assets, should not exceed 2MB. If your project needs to be larger than that, check with me.

Image Assets


All assets should be saved as .png or .jpg. Choose the approriate format based on your image content and use.


All images should be scaled to the size they are displayed in your sketch, or the largest size if you show it at multiple scales. No images should be larger than 1024×768 unless you have a very good reason.

Don’t load an 8 megapixel 3200×2400 image just to display it on screen at 640×480!

File Size

Compress your images using .png or .jpg compression. Choose an appropriate compression quality for .jpg images. No single image should be larger than 250kB.

Code Style

Header Block

Every source code file in your sketch should include a header with information about your program. Use the structure in the example below:

// skyline.pde
// Draws a randomized city skyline. Demonstrates loops and conditionals.
// Also demonstrates use of variables and the random() function.
// Author: Justin Bakse
// Class: PUDT 1203 Fall 2013 Creative Computing

Auto Format
Use Processing’s Auto Format option (command-f) to properly indent your code.


Use comments in your code to make the code more readable and to communicate your intent with the code. We will discuss commenting style in class.


If you include any code you do not write in anything you turn in for this class you must clearly cite it with a comment. If you look at code you didn’t write, but do not include any of it your assignment, you should still cite it as a reference. Not only this critically important in an academic setting, it is very good practice in production code, and can help make your code more useful and maintainable.

Blog Posts

Post Names

When you post to the blog, the post title should always begin with the week of the post. You can include an additional title if you wish. For example Week 1 A Study in Scarlet


When posting a Processing sketch, always include a screen shot. Choose a screen shot that represents your project well. Your screen shot should match your stage size at 625×350. Do not post your sketch asset images directly in the post. These should always be included as part of your zipped sketch.

Including Your Sketch

When posting a Processing sketch, attach a .zip archive of your entire sketch folder. This archive should be less than 2MB. Make sure that your sketch is named properly. Your .zip will have the same name, with the .zip suffix. For example:

167 thoughts on “The Spec

  1. Pingback: Free Piano

  2. Pingback:

  3. Pingback: see more

  4. Pingback:

  5. Pingback: provided link

  6. Pingback: follow this address

  7. Pingback: here

  8. Pingback: on this page

  9. Pingback: see more

  10. Pingback: follow this address

  11. Pingback: a source

  12. Pingback: i'll provide a link

  13. Pingback: FREE PORNO Hookup Users 96411

  14. Pingback: 100% Free Sex Dating Users 89200

  15. Pingback: Best PORNO Hookup Users 43

  16. Pingback: FREE Porn Dating Users 22040

  17. Pingback: Best Porn Meet Members 31450

  18. Pingback: 100% Free Porn Hookup Users 83074

  19. Pingback: 100% Free Sex Dating List 62979

  20. Pingback: FREE XXX Dates Users 73127

  21. Pingback: 100% Free XXX Hookup List 65266

  22. Pingback: FREE XXX Meet Users 72992

  23. Pingback:

  24. Pingback:

  25. Pingback: visit web page

  26. Pingback: on this page

  27. Pingback: click to find out more

  28. Pingback: read more

  29. Pingback: click for details MXm

  30. Pingback: click here t6EJi

  31. Pingback:

  32. Pingback: link

  33. Pingback:

  34. Pingback: this web page uASe1F

  35. Pingback: click

  36. Pingback:

  37. Pingback: click for details

  38. Pingback:

  39. Pingback:

  40. Pingback:

  41. Pingback: link

  42. Pingback: more on this page

  43. Pingback: address mFx

  44. Pingback: visit the source

  45. Pingback:

  46. Pingback: source

  47. Pingback:

  48. Pingback:

  49. Pingback: more on the page

  50. Pingback: more information

  51. Pingback: article source ATlY7t

  52. Pingback: more on the page

  53. Pingback: visit the page

  54. Pingback: click here QeDf

  55. Pingback: click to see more

  56. Pingback: more on this page ire

  57. Pingback: more on the page

  58. Pingback: follow this post

  59. Pingback: go

  60. Pingback: find out more here HNc

  61. Pingback:

  62. Pingback: page

  63. Pingback:

  64. Pingback: continued here Q2c9B

  65. Pingback: link to the page

  66. Pingback: page zTM8x9

  67. Pingback: continue reading

  68. Pingback: click to go cIuSTy

  69. Pingback: click here

  70. Pingback: here 4w5TIo

  71. Pingback: click to to learn more

  72. Pingback: page

  73. Pingback: click to see more

  74. Pingback: see more

  75. Pingback: a source c5SL

  76. Pingback:

  77. Pingback:

  78. Pingback:

  79. Pingback: click to see more QxaK3w

  80. Pingback: source

  81. Pingback: continue reading

  82. Pingback:

  83. Pingback: just click for source

  84. Pingback:

  85. Pingback:

  86. Pingback: see more kjwlB

  87. Pingback:

  88. Pingback: more on the page m4L6

  89. Pingback:

  90. Pingback: follow this address

  91. Pingback: on this page

  92. Pingback:

  93. Pingback:

  94. Pingback: Coub видео приколы best

  95. Pingback: ABrand

  96. Pingback: 2019

  97. Pingback: Sex dating 80pp

  98. Pingback: 2018

  99. Pingback:

  100. Pingback: #macron #Lassalle

  101. Pingback: a2019-2020

  102. Pingback: facebook

  103. Pingback: facebook1

  104. Pingback:

  105. Pingback: free bitcoin cash

  106. Pingback: map

  107. Pingback:

  108. Pingback:

  109. Pingback:

  110. Pingback:

  111. Pingback:

  112. Pingback:

  113. Pingback:

  114. Pingback:

  115. Pingback:

  116. Pingback:

  117. Pingback: 2020-2020-2020

  118. Pingback:

  119. Pingback:

  120. Pingback:

  121. Pingback: Mstiteli: Final (2019)

  122. Pingback:

  123. Pingback:

  124. Pingback:

  125. Pingback:

  126. Pingback:

  127. Pingback:

  128. Pingback:

  129. Pingback:

  130. Pingback: ðîêåòìåí ïîëíûé ôèëüì

  131. Pingback:

  132. Pingback: empire-season-2-episode-3-putlocker

  133. Pingback: Video

  134. Pingback: Watch

  135. Pingback: watch online

  136. Pingback:

  137. Pingback:

  138. Pingback:

  139. Pingback:

  140. Pingback:

  141. Pingback: ðûáàëêà

  142. Pingback: kino

  143. Pingback: hs;br

  144. Pingback: tureckie_serialy_na_russkom_jazyke

  145. Pingback: tureckie_serialy

  146. Pingback: serialy

  147. Pingback: +1+

  148. Pingback: æóêè+2+ñåðèÿ

  149. Pingback: Ñìîòðåòü âñå ñåðèè ïîäðÿä

  150. Pingback: âûòîïêà âîñêà

  151. Pingback: ++++++

  152. Pingback: HD-720

  153. Pingback: guardians+of+the+galaxy+2

  154. Pingback: strong woman do bong soon

  155. Pingback: my id is gangnam beauty

  156. Pingback: guardians of the galaxy vol 2

  157. Pingback: 2020

  158. Pingback: kpop+star+season+6+ep+9

  159. Pingback: 1 2 3 4 5 6 7 8 9 10

  160. Pingback: dinotube

  161. Pingback: dinotube hd dinotube

  162. Pingback: movies

  163. Pingback: movies online

  164. Pingback: karan johar

  165. Pingback: Top Movies

  166. Pingback: Movies1

  167. Pingback: 11 10 2019

Leave a Reply