,,Graphics Programming 2017-18,, [[ %"background:#ddeeff" Links: Processing:~http://processing.org~```Colors:~https://www.w3schools.com/colors/colors_picker.asp~ Processing Book:~http://cmuems.com/resources/getting_started_with_processing.pdf~ % ]] [[ %"background:pink" ''Next Assignment : First Animated Gif - due 23 Mar 2018 at 18:00'' % ]] ###More animated .GIFs. - 22-23 Mar 2018 \ Look at this set of animated gifs: ~graphics/animations/ani1.html~ Continue practicing making animated .GIFs. On Friday, 23 Mar, turn in the BEST animated .gif that you made this week. After the holiday, we will make a LARGE LIBRARY of animated .gif files. ###Using SKETCH.IO - 20-21 Mar 2018 \ The animated GIF below was created with: ~http://sketch.io~
You should try to make an animated gif in Sketch.io, starting with one of the CLIP-ART pictures. ###Vector Graphics and GIF Animations - 19-20 Mar 2018 \ You can make your own EMOJI easily, if you have the right tools.
1 - Vector Graphics Editor You must use a Vector Graphics Editor, not a photo editor. You will make many frames and they will all be quite similar, with only minor changes. The changes involve moving or changing a few small pieces. If these pieces are vector-oriented, the changes are easy. If they are pixel-oriented, like photos, it is qutie difficult. There are many Vector Graphics editors available. One simple example is the Google Drive Drawing editor. 2 - Save a sequence of images, using names like pic1, pic2, pic3, etc. But DON'T save them as .SVG files, as the next tools needs to receive bit-mapped (pixel) images. 3 - Use ~https://ezgif.com/maker~ to upload your images, and create a .GIF animation. Adjust speed and size before downloading. Then download your finish .gif file. Today, make one example EMOJI. For the first try just make 5 or 6 frames - not too many. Then upload and make your .GIF animation. Then you can work on a "really nice" one. ###Technical Drawings - 16 Mar 2018 \ We will spend a week using online drawing tools, as well as discussing file types. We will start with technical diagrams using: ~http://draw.io~ 1 - find a way to draw a MIND MAP with draw.io 2 - figure out how to draw a PIE CHART with draw.io 3 - figure out how to draw a BAR CHART with draw.io 4 - search the web for a BETTER TOOL for each of #1, #2, #3 ###Last Day - Turn in your Board Game - 15 Mar 2018 \ Today is the last day to work in class on your Board Game. To turn in your board game: In Haiku: - find the assignment - type a MESSAGE containing the names of all your group members plus the title of your Board Game - ONE group member needs to - COMPRESS the folder and upload the .zip archive to Haiku - create a MINI-SITE that puts your game online - Write a message with the amazon address of your online game ###Board Game Groups - 5-6 Mar 2018 \ Please write a MESSAGE in Haiku and write: - the names of all the members of your group - a one-sentence description of the game you are writing ###Board Games Assignment - 26 Feb 2018 \ We will be making Board Games, following these notes: ~graphics/BoardGames3/boardgames18.html~ ###Online JS Editor(s) - 15 Feb 2018 \ Click on this link and try the page. ~https://jsfiddle.net/davemulkey/hnczr8op/12/show/~ Then click on [Edit in JSFIDDLE] The teacher will demonstrate how to use this editor. You can try out some other online JS editors. Try the ones listed on this page. ~https://www.sitepoint.com/7-code-playgrounds/~ ###Random Numbers - 13-14 Feb 2018 \ Here is a sample page about random numbers : ~graphics/animations/index.html~ ###Board Games 3 - 12 Feb 2018 \ Here is a third sample board game. ~graphics/BoardGames3/index.html~ Try out the game and then make the improvements listed. ###Board Games 2 - 9 Feb 2018 \ Here is a simple second example of a board game: ~graphics/BoardGame2/index.html~ Try out the game. Then download the Source text into BlueGriffon and make the improvements outlined on the page. ###Board Games - 8 Feb 2018 \ We will be making Board Games - similar to Monopoly or The Game of Life. Here is a very simple first example of a board game: ~graphics/BoardGame1/index.html~ Try out the game. Then download the Source text into BlueGriffon and make the improvements outlined on the page. ###Game Exploration - 7 Feb 2018 \ Watch this video featuring Jane McGonigal: ~https://www.ted.com/talks/jane_mcgonigal_gaming_can_make_a_better_world~ Today please test any or all of the following games. While playing each game, ask yourself: '' "Is this game bringing out the best in me?" '' On that basis, decide whether you find each game good, bad or medium. ~https://beinternetawesome.withgoogle.com/interland~ ~https://www.cia.gov/kids-page/games/world-exploration~ ~https://geoguessr.com/~ ~http://explorers.mrdonn.org/games.html~ ~http://www.coolmath-games.com/~ ~http://www.gamesforthebrain.com/~ ###Educational Pages - 29 Jan - 6 Feb 2018 \ We will be making educational web-pages. Look at the example page (it is not very good): ~http://ibcomp.fis.edu/2017/graphics/menus/menuquestions.html~ READ THIS ASSIGNMENT : ~graphics/menus/EdMenus.html~
Your Ed-Page is due on ''Tuesday 6 Feb at 18:00''