{"id":68888,"date":"2021-11-08T13:15:45","date_gmt":"2021-11-08T18:15:45","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/?p=68888"},"modified":"2021-11-08T13:16:46","modified_gmt":"2021-11-08T18:16:46","slug":"project-10-sonic-story-11","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/11\/08\/project-10-sonic-story-11\/","title":{"rendered":"Project 10: Sonic Story"},"content":{"rendered":"<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/REC-html40\/loose.dtd\">\n<html><body><p>CLICK ON CANVAS TO START!<\/p>\n\n\n<div>&nbsp;<\/div>\n<div class=\"wp-block-file\"><a class=\"p5_sketch_link\" href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/11\/sketch-post-1.js\" data-width=\"400\" data-height=\"400\">sonic story wordpress<\/a><iframe src=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/plugins\/p5-embedder\/p5_iframe.html\" class=\"p5_exampleFrame\" width=\"400\" height=\"400\"><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">var pan1; \/\/ pan\nvar pan2; \/\/ pan with flame\nvar egg1; \/\/ whole egg\nvar egg2; \/\/ cracked egg \nvar egg3; \/\/ raw egg\nvar egg4; \/\/ cooked egg \nvar bacon1; \/\/ raw bacon\nvar bacon2; \/\/ cooked bacon\nvar plate; \n\nvar pansound;\nvar stove;\nvar fridge;\nvar crackegg;\nvar fryegg;\nvar bacon;\nvar tada;\n\nvar counter = false;\nvar count = 0;\n\nfunction preload() {\n    \/\/ images\n    pan1 = loadImage(\"https:\/\/i.imgur.com\/k8FOFKN.png\");\n    pan2 = loadImage(\"https:\/\/i.imgur.com\/A5D1YD7.png\");\n    egg1 = loadImage(\"https:\/\/i.imgur.com\/bTLCEPN.png\");\n    egg2 = loadImage(\"https:\/\/i.imgur.com\/W6aWzCk.png\");\n    egg3 = loadImage(\"https:\/\/i.imgur.com\/ptjZjee.png\");\n    egg4 = loadImage(\"https:\/\/i.imgur.com\/f0iTWaq.png\");\n    bacon1 = loadImage(\"https:\/\/i.imgur.com\/JllJSKp.png\");\n    bacon2 = loadImage(\"https:\/\/i.imgur.com\/KaqJr4l.png\");\n    plate = loadImage(\"https:\/\/i.imgur.com\/OKZWSey.png\");\n\n    \/\/ sounds \n    pansound = loadSound(\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/11\/pansound.wav\");\n    stove = loadSound(\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/11\/stove.wav\");\n    fridge = loadSound(\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/11\/fridge.wav\");\n    crackegg = loadSound(\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/11\/crackegg.wav\");\n    fryegg = loadSound(\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/11\/fryegg.wav\");\n    bacon = loadSound(\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/11\/bacon.wav\");\n    tada = loadSound(\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-content\/uploads\/2021\/11\/tada.wav\");\n}\n\n\nfunction setup() {\n    createCanvas(400, 400);\n    frameRate(1);\n    pan1.resize(200, 0);\n    pan2.resize(200, 0);\n    egg1.resize(40, 0);\n    egg2.resize(80, 0);\n    egg3.resize(80, 0);\n    egg4.resize(80, 0);\n    bacon1.resize(40, 0);\n    bacon2.resize(90, 0);\n    plate.resize(200, 0);\n    useSound();\n}\n\nfunction soundSetup() { \n    pansound.setVolume(5);\n    stove.setVolume(5);\n    fridge.setVolume(5);\n    crackegg.setVolume(5);\n    fryegg.setVolume(5);\n    bacon.setVolume(5);\n    tada.setVolume(5);\n}\n\n\nfunction draw() {\n    background(247, 220, 224); \/\/ light pink background \n    \/\/ story line: this is basically a short clip of making breakfast. There are a lot of kitchen and cooking sounds incorporated to show each step of frying an egg and bacon. \n\n    if (counter == true) {\n        count += 1;\n    }\n\n    \/\/ taking out pan \n    if (count &gt; 0 & count <= 2) {\n        image(pan1, 110, 230);\n        pansound.play();\n    }\n\n    \/\/ turn on stove \n    if (count &gt;= 2 & count < 4) {\n        pansound.stop();\n        image(pan2, 110, 230); \/\/ switch to pan with flames \n        stove.play();\n    }\n\n    \/\/ taking out egg\n    if (count &gt;= 4 & count < 5) {\n        stove.stop();\n        image(pan2, 110, 230);\n        image(egg1, 170, 200);\n        fridge.play();\n    }\n\n    \/\/ cracking egg \n    if (count &gt;= 5 & count < 6) {\n        fridge.stop();\n        image(pan2, 110, 230);\n        image(egg2, 150, 200);\n        crackegg.play();\n\n    }\n\n    \/\/ raw egg in pan \n    if (count &gt;= 6 & count < 9) {\n        crackegg.stop();\n        image(pan2, 110, 230);\n        image(egg3, 155, 285);\n        fryegg.play();\n    }\n\n    \/\/ egg sizzling -&gt; cooked \n    if (count &gt;= 9 & count < 12) {\n        image(pan2, 110, 230);\n        image(egg4, 155, 285);\n    }\n\n    \/\/ taking out bacon \n    if (count &gt;= 12 & count < 13) {\n        fryegg.stop();\n        fridge.play();\n        image(pan2, 110, 230);\n        image(bacon1, 170, 200);\n    }\n\n    \/\/ bacon sizzling -&gt; cooked\n    if (count &gt;= 13 & count < 15) {\n        bacon.play();\n        image(pan2, 110, 230);\n        image(bacon2, 150, 285);\n    }\n\n    \/\/ bacon in plate w\/ egg + TADA \n    if (count &gt;= 15 & count < 16) {\n        bacon.stop();\n        tada.play();\n        image(plate, 100, 230);\n        image(bacon2, 130, 260);\n        image(egg4, 180, 260);\n    }\n}\n\nfunction mousePressed() {\n    counter = true; \/\/ starts counting once click screen \n}\n\n<\/code><\/pre><\/div>\n\n\n<p><meta charset=\"utf-8\">My sonic story is quite simple. It basically shows a breakfast of eggs and bacon being made. I drew all the graphics for the food, pan, flame, and plate. I used sounds like the fridge opening to represent taking out the ingredients. Other sounds like cracking the egg and the bacon sizzling are all to represent the cooking.<\/p>\n\n\n\n<p><\/p><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>CLICK ON CANVAS TO START! &nbsp; sonic story wordpress var pan1; \/\/ pan var pan2; \/\/ pan with flame var egg1; \/\/ whole egg var egg2; \/\/ cracked egg var egg3; \/\/ raw egg var egg4; \/\/ cooked egg var bacon1; \/\/ raw bacon var bacon2; \/\/ cooked bacon var plate; var pansound; var stove; &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/11\/08\/project-10-sonic-story-11\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Project 10: Sonic Story&#8221;<\/span><\/a><\/p>\n","protected":false},"author":671,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[113,56],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/68888"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/users\/671"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/comments?post=68888"}],"version-history":[{"count":7,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/68888\/revisions"}],"predecessor-version":[{"id":68918,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/68888\/revisions\/68918"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/media?parent=68888"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/categories?post=68888"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/tags?post=68888"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}