Difference between revisions of "Computers II"

From TSAS Library
Jump to: navigation, search
Line 1: Line 1:
[[File:Donut.gif|frame|50px|right|Mmmm...donuts.]]
Class [https://github.com/TSASComputersII GitHub organization].
Class [[Computer_Applications_II_Syllabus|syllabus]] (woefully incomplete).
[https://ok.wengage.com/TulsaArts Gradebook].
==Current Projects==
Remember the website you created in Computers I? We're going to revisit those and embed your processing sketches inside. [http://cs.nyu.edu/~kapp/cs101/processing_on_the_web/ Here's one way] to do it.
===Time to Code!===
{{#ev:vimeo|https://vimeo.com/88138983|500|right|From a creator of Processing|frame}}
Processing is an open-source coding environment built on Java ('''not''' JavaScript) that is used primarily for artistic expression. The video to the right features Casey Reas, one of the inventors of processing, and his creations. There is plenty to learn here, but once you get a feel for the basics you'll be able to make [https://www.youtube.com/watch?v=xw-7R1tRvdM interactive video], [https://www.youtube.com/watch?v=eCNEQ4cv-Ms generative art], [http://digitalmedia-bremen.de/en/project/automatic-orchestra/ music], and [https://www.openprocessing.org/sketch/11100 games]. [https://www.openprocessing.org/sketch/389723 Lots] [https://www.openprocessing.org/sketch/211519 of] [https://www.openprocessing.org/collection/25 games].
We start [http://hello.processing.org/ here].
====Processing Resources====
* [https://processing.org/examples/ Example code]
* Text [https://processing.org/tutorials/overview/ overview] of the language
* All [https://processing.org/tutorials/ tutorials]
==Previous Projects==
===3D Printing and Design===
Build a [http://info.library.okstate.edu/ld.php?content_id=24840778 badge]!
Instructions at the [[3D Printing]] page.
Watch your print [http://192.168.29.67 here]!
Design an original item, then upload to [http://www.thingiverse.com Thingiverse].
===Inkscape Intro===
===Inkscape Intro===
At the moment [http://github.com your GitHub account] does not have a picture associated with it! If you look over to our GitHub organization (link at the top of this page), you'll see an .svg file that I built is set as our "organization" image. Here is the file:
At the moment [http://github.com your GitHub account] does not have a picture associated with it! If you look over to our GitHub organization (link at the top of this page), you'll see an .svg file that I built is set as our "organization" image. Here is the file:
Line 50: Line 17:


{{#ev:youtube|https://www.youtube.com/watch?v=s41_-qsmA7s}}
{{#ev:youtube|https://www.youtube.com/watch?v=s41_-qsmA7s}}
===Git Vocab===
Some things to know about Git and [https://github.com GitHub]:
*'''Repository''' (or "repo") is a folder or directory containing all of the files within a project.
*'''Commit''' is the action of adding a new file, or applying changes to the files, within a repo.
*'''History''' shows the changes made to the repo by each commit. Note that you can go back to a previous version to undo your changes with this!
*'''Commit hash''' is a unique identifier for each commit action. This allows you to share previous versions and control your changes.<ref>[https://www.youtube.com/watch?v=BCQHnlnPusY Introduction - Git and GitHub for Poets]</ref>


Some things to know about Git and [https://github.com GitHub]:
===Time to Code!===
*'''Branch''' a version of your repository. You may have ''several'' branches in each project, edited by many people, or to keep track of attempted alterations to your main, '''Master''', branch. Create a new branch at the commit action, or by selecting the branch in dropdown. (See a cool visualization of these changes by clicking the "Graphs" tab on your main page, then choosing "Network"!)
{{#ev:vimeo|https://vimeo.com/88138983|500|right|From a creator of Processing|frame}}
*'''Merge''' combine the main files in the master branch with those in another branch. This allows you to choose whether or not to apply the changes suggested by others, or to apply the attempted alterations you made in a branch.<ref>[https://www.youtube.com/watch?v=oPpnCh7InLY Branches - Git and GitHub for Poets]</ref>
*'''Fork''' allows you to copy an ''entire'' repo, either your own or another's, into your account. This includes the history, as well.
*'''Pull request''' is the action of asking the owner of a repo to "pull" your branch into the main repository on their account.<ref>[https://www.youtube.com/watch?v=_NrSWLQsDL4 Forks and Pull Requests - Git and GitHub for Poets]</ref>


{{#ev:youtube|https://www.youtube.com/watch?v=oK8EvVeVltE}}
Processing is an open-source coding environment built on Java ('''not''' JavaScript) that is used primarily for artistic expression. The video to the right features Casey Reas, one of the inventors of processing, and his creations. There is plenty to learn here, but once you get a feel for the basics you'll be able to make [https://www.youtube.com/watch?v=xw-7R1tRvdM interactive video], [https://www.youtube.com/watch?v=eCNEQ4cv-Ms generative art], [http://digitalmedia-bremen.de/en/project/automatic-orchestra/ music], and [https://www.openprocessing.org/sketch/11100 games]. [https://www.openprocessing.org/sketch/389723 Lots] [https://www.openprocessing.org/sketch/211519 of] [https://www.openprocessing.org/collection/25 games].
==References==
 
<references />
We start [http://hello.processing.org/ here].
 
====Processing Resources====
* [https://processing.org/examples/ Example code]
* Text [https://processing.org/tutorials/overview/ overview] of the language
* All [https://processing.org/tutorials/ tutorials]

Revision as of 09:42, 1 March 2017

Inkscape Intro

At the moment your GitHub account does not have a picture associated with it! If you look over to our GitHub organization (link at the top of this page), you'll see an .svg file that I built is set as our "organization" image. Here is the file:

BlueCirclePrintrBot.svg

If you'd like to download it to check out the layers in Inkscape, click the image, then right click one of the thumbnails below. Click "Save link as..." then choose the directory to download to. Open that folder, then double-click the file. Select the image, then press ctrl + g a few times to ungroup the layers. I built it the other evening by finding a picture of a PrintrBot Play, then dragging it into Inkscape and tracing. I made liberal use of the dropper tool.

Your assignment (due before Thanksgiving break) is to create a square image in Inkscape that represents you in some way. Don't be too precious about the assignment; you aren't getting a tattoo, so if you decide in a few weeks that you don't like it, you'll have the skills to change/update it.

Here are some ideas: Take and trace a picture of yourself; trace your hair/glasses; begin with your favorite animal and look to tutorials on how to create it; make a goat; make your initials, then stylize them; make a mountain; use the colors of your future college; discover Charley Harper, weep for joy, realize we have one of his books in the library, then trace his design.

By the end of the process you will upload the file to GitHub as your avatar.

I can't wait to see where you take this.

HarperOwls.svg

Building beautiful things in Inkscape:

Time to Code!

From a creator of Processing

Processing is an open-source coding environment built on Java (not JavaScript) that is used primarily for artistic expression. The video to the right features Casey Reas, one of the inventors of processing, and his creations. There is plenty to learn here, but once you get a feel for the basics you'll be able to make interactive video, generative art, music, and games. Lots of games.

We start here.

Processing Resources

Retrieved from "https://www.winsomescholar.com/w/index.php?title=Computers_II&oldid=3600"