Canvas

Description

• Syllabus, introduction, overview, Q&A, P5.js introduction

• Binary code / ASCII table (American Standard Code for Information Interchange) / Ascii and HTML  / ASCII ART GENERATOR
• Software and Hardware evolution, debugging. GUI guidebookgallery.org, MAC OS. 1984 
• ASCII ART CGI / Personal computer milestones
• Chuck Csuri #1 #2 #3 #4 #5 // ASCII art (http://www.chris.com/ascii)

Explore:
http://www.computerhistory.org/timeline
http://seas.upenn.edu/~pws/EMX/before.html
https://www.digitalartsonline.co.uk/
https://p5js.org/examples/

ASCII ANIMATION: http://www.asciimation.co.nz/

Assignments

#0 BLOG 

• Create your own BLOG for this class (any host site). Post your first feelings of the class, who you are, describe yourself and what you expect from this class. Throughout the semester, post EVERY SINGLE assignment, as well as any relevant content related to the content of the class.
• Send me an email before next class from your personal UT email account to eisringhaus@ut.edu, letting me know the URL of your blog.

#1 CANVAS 

• DUE: July 16th on your blog by 5:15pm.
• Create/sign in to an account with p5.js
• Using the p5.js web editor , create a landscape or a portrait using p5.js. It must contain AT LEAST 10 shapes and 5 different color readings/settings (i.e. saturation(), stroke(), fill().. etc.). Get creative! Don’t forget to explore the reference page for help or the examples page
• Save your sketch (make sure to name it.) then “share” your sketch. Link the present and edit versions on your blog with a description, and a screen shot of your final image (just in case something happens), and any reference images.
• BONUS ROUND: create a new sketch or edit your existing one and make something move/responsive.
  
• HELP:
  p5.js reference page
  The coding train:
  https://youtu.be/HerCR8bw_GE
  https://youtu.be/rO6M5hj0V-o

Examples
https://lexibiblefmx210.blogspot.com/2019/02/canvas-final-jack-jack.html
http://taysdreamworld.blogspot.com/2017/09/blog-post.html
https://zaneaustinfmx210.myportfolio.com/pokemon-canvas-illustration
http://givetaraana.blogspot.com/2017/09/if-wasnt-for-those-meddling-kids.html
http://mallaryweinsz.blogspot.com/2017/09/hang-loose-canvas-final.html
https://devittorio.blogspot.com/2017/09/canvas-final-godzilla.htmlhttp://aliciaafonso210.blogspot.com/2017/09/canvas-final-hula-stitch.html
http://britsusan.blogspot.com/2015/09/playing-with-text.html
http://meganelizabethdarling.blogspot.com/2015/09/canvas-final.html
http://amandaleijing.blogspot.com/2015/09/final-canvas-project-tennessee.html
http://taylorwsblog.blogspot.com/2015/09/final-canvas-project-meet-some-friends.html
http://krystaljayde.blogspot.com/2013/09/classiest-mermaid-ever-final-html5.html
http://digiarts401.blogspot.com/2013/09/canvas-project.html