1 • CANVAS

canvas code to copy

Description

Syllabus, goals of the class, required readings, general presentation and statistics of the students.

Binary code / ASCII table (American Standard Code for Information Interchange) / Ascii and HTML  / ASCII ART GENERATOR

Realistic imaging Vs. vectorial creation. 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

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

Bookmark
https://www.digitalartsonline.co.uk/

Assignments

#0 BLOG Go to blogger.com and create your own BLOG for this class. 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 THE FOLLOWING CLASS from your personal UT email account, letting me know the URL of your blog.

#1 CANVAS Using any text editor, create a landscape or a portrait – it can be totally experimental – using the HTML5 CANVAS. It must contain AT LEAST 10 shapes, including bézier and quadratic curves.

If you do not have Dreamweaver, download Visual Studio Code
https://code.visualstudio.com/download

General HTML5 Canvas tutorial
CANVAS 5 TUTORIAL
reference
7 Animated GIFs That Will Make You Instantly Understand Trigonometry


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.html
http://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

You can subscribe to the Adobe Creative Cloud here http://www.adobe.com/creativecloud/buy/students.html for a special discount for students. It is STRONGLY recommended! Use Dreamweaver!

Open Source Code Editor for MAC and PC

Visual Studio Code

If you are using an editor that is NOT Dreamweaver ( Visual Studio, for example) do this:

1) create a new canvas_01.html file on Visual Code and save it on your desktop or in a specific folder (it can be saved in your USB drive too)
2) copy and paste the code from my site onto this new document (make sure you know where you saved it in your computer)

http://www.santiago.bz/canvas/canvas.html3) modify line per line what you need to add, and then keep saving the document with every single new edit you do. You can start adding code and modifying the code. Save it again every single time you added something new
4) look for the file in the folder where you saved it, right click on it, and open it with Safari, Internet Explorer, Firefox or Google Chrome.
5) a new browser window will be open, and it should display your design.
6) switch back to the document in Visual Code, to keep editing. Save every time you add a new piece of code.
7) go to the browser that you had opened before, with the document already open, and refresh the page in the browser. This will not display any changes if you did not save your file in Visual Code.
Do not download GIT at all, you do not need it.