{"id":330,"date":"2014-12-21T12:14:40","date_gmt":"2014-12-21T12:14:40","guid":{"rendered":"http:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B14\/?p=330"},"modified":"2014-12-21T12:14:40","modified_gmt":"2014-12-21T12:14:40","slug":"final-project-by-stan","status":"publish","type":"post","link":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B14\/final-project-by-stan\/","title":{"rendered":"Final Project By Stan."},"content":{"rendered":"<p>Here is the video<\/p>\n<p><iframe loading=\"lazy\" width=\"474\" height=\"356\" src=\"http:\/\/www.youtube.com\/embed\/m05B-v7USpk?feature=oembed\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\n<p>The idea of Five Elements is from ancient China. The world is consist of five elements : Fire, Wood, Water, Iron, and Dirt. One element can born another element, and also can be destroyed by another one.<\/p>\n<p>Iron can born Water. Water can born Wood. Wood can born Fire. Fire can born Dirt. Dirt can born Water.<\/p>\n<p>Iron can destroy Wood. Wood can destroy Dirt. Dirt can destroy Water. Water can destroy Fire. Fire can Destroy Iron.<\/p>\n<p>Therefore, all the element is related to any other one: be born, born, be destroyed, destroy, and is same (as itself).<\/p>\n<p>There would be five bottoms to control the animation. When Iron is lighting up, the next element can only be Water (born), or Fire (be destroyed). Only Water bottom and Fire bottom will response when Iron is lighting up. Any other bottoms are not functional in these case.<\/p>\n<p>This is the whole patch screenshoot.<a href=\"http:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B14\/wp-content\/uploads\/2014\/12\/QQ\u622a\u56fe20141220144938.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone  wp-image-331\" src=\"http:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B14\/wp-content\/uploads\/2014\/12\/QQ\u622a\u56fe20141220144938-300x163.png\" alt=\"QQ\u622a\u56fe20141220144938\" width=\"490\" height=\"266\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B14\/wp-content\/uploads\/2014\/12\/QQ\u622a\u56fe20141220144938-300x163.png 300w, https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B14\/wp-content\/uploads\/2014\/12\/QQ\u622a\u56fe20141220144938-1024x558.png 1024w, https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B14\/wp-content\/uploads\/2014\/12\/QQ\u622a\u56fe20141220144938.png 1920w\" sizes=\"(max-width: 490px) 100vw, 490px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>There are three main part: Video (animation), Sound, and Logic.<\/p>\n<p><a href=\"http:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B14\/wp-content\/uploads\/2014\/12\/QQ\u622a\u56fe20141220145013.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-332\" src=\"http:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B14\/wp-content\/uploads\/2014\/12\/QQ\u622a\u56fe20141220145013-300x276.png\" alt=\"QQ\u622a\u56fe20141220145013\" width=\"300\" height=\"276\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B14\/wp-content\/uploads\/2014\/12\/QQ\u622a\u56fe20141220145013-300x276.png 300w, https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B14\/wp-content\/uploads\/2014\/12\/QQ\u622a\u56fe20141220145013.png 944w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>This is the video part: 2 backgrounds, two Yin&#8217;yang Animation, and Elements switching Folder player.<\/p>\n<p><a href=\"http:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B14\/wp-content\/uploads\/2014\/12\/QQ\u622a\u56fe20141220145625.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone  wp-image-333\" src=\"http:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B14\/wp-content\/uploads\/2014\/12\/QQ\u622a\u56fe20141220145625-300x149.png\" alt=\"QQ\u622a\u56fe20141220145625\" width=\"595\" height=\"237\" \/><\/a><\/p>\n<p>The logic of this project costed most of my time.<\/p>\n<p>First, there is five bottoms control the whole animation.<\/p>\n<p>One bottom connects to two animation (element x be born &amp; element x destroy).<\/p>\n<p>The animation connects to the &#8220;Should it happen or not&#8221; part.<\/p>\n<p><a href=\"http:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B14\/wp-content\/uploads\/2014\/12\/QQ\u622a\u56fe20141220145701.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-334\" src=\"http:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B14\/wp-content\/uploads\/2014\/12\/QQ\u622a\u56fe20141220145701-186x300.png\" alt=\"QQ\u622a\u56fe20141220145701\" width=\"186\" height=\"300\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B14\/wp-content\/uploads\/2014\/12\/QQ\u622a\u56fe20141220145701-186x300.png 186w, https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B14\/wp-content\/uploads\/2014\/12\/QQ\u622a\u56fe20141220145701.png 402w\" sizes=\"(max-width: 186px) 100vw, 186px\" \/><\/a><\/p>\n<p>For this particular one.<\/p>\n<p>It will play animation 5, which is &#8220;Wood born Water&#8221;, statue 1 to statue 2.\u00a0Need the statue to be 1, and statue will go to 2.<\/p>\n<p>When there is input, first it will update the present statue. After 500 ms delay, it will compare &#8220;the statue needed&#8221; to &#8220;the present statue&#8221;. Then it will output either 1 or 0.<\/p>\n<p>If it is 1, output will be: 1, play the animation (which is 5 in this case), update the statue 2 to the &#8220;statue storing part&#8221;m and play the related sound effect.<\/p>\n<p><a href=\"http:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B14\/wp-content\/uploads\/2014\/12\/QQ\u622a\u56fe20141220145727.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-335\" src=\"http:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B14\/wp-content\/uploads\/2014\/12\/QQ\u622a\u56fe20141220145727-300x283.png\" alt=\"QQ\u622a\u56fe20141220145727\" width=\"300\" height=\"283\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B14\/wp-content\/uploads\/2014\/12\/QQ\u622a\u56fe20141220145727-300x283.png 300w, https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B14\/wp-content\/uploads\/2014\/12\/QQ\u622a\u56fe20141220145727.png 710w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Here is the sound part. There are just five sounds for five different elements.<\/p>\n<p>&nbsp;<\/p>\n<p>That&#8217;s all.<\/p>\n<p>Thank you all.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Here is the video The idea of Five Elements is from ancient China. The world is consist of five elements : Fire, Wood, Water, Iron, and Dirt. One element can born another element, and also can be destroyed by another one. Iron can born Water. Water can born Wood. Wood can born Fire. Fire can &hellip; <a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B14\/final-project-by-stan\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Final Project By Stan.<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":14,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B14\/wp-json\/wp\/v2\/posts\/330"}],"collection":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B14\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B14\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B14\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B14\/wp-json\/wp\/v2\/comments?post=330"}],"version-history":[{"count":1,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B14\/wp-json\/wp\/v2\/posts\/330\/revisions"}],"predecessor-version":[{"id":336,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B14\/wp-json\/wp\/v2\/posts\/330\/revisions\/336"}],"wp:attachment":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B14\/wp-json\/wp\/v2\/media?parent=330"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B14\/wp-json\/wp\/v2\/categories?post=330"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B14\/wp-json\/wp\/v2\/tags?post=330"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}