{"id":81,"date":"2022-09-13T18:08:34","date_gmt":"2022-09-13T18:08:34","guid":{"rendered":"https:\/\/fmx298.santiago.bz\/tess\/?page_id=81"},"modified":"2022-12-06T19:23:04","modified_gmt":"2022-12-06T19:23:04","slug":"creative-coding","status":"publish","type":"page","link":"https:\/\/fmx298.santiago.bz\/tess\/creative-coding\/","title":{"rendered":"CREATIVE CODING"},"content":{"rendered":"\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/www.dropbox.com\/s\/o0t5efe3jyofctc\/deadhead.mp4?raw=1\"><\/video><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><br>TITLE:<\/strong>&nbsp;Deadhead <br><strong>MEDIA:<\/strong>&nbsp;HTML Coding<br><strong>SOFTWARE:<\/strong>&nbsp;Adobe Dreamweaver<br><strong>HARDWARE:<\/strong>&nbsp;MacOS Monterey <br><strong>SPECIFICATIONS:<\/strong>&nbsp;500pxX500px<br><strong>CLASS:<\/strong>&nbsp;FMX 310 Creative Coding <br><strong>PROFESSOR:<\/strong>&nbsp;Santiago Echeverry<br><strong>TERM:<\/strong>&nbsp;Fall 2021<br><strong>INSTITUTION:<\/strong>&nbsp;University of Tampa<br><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>DESCRIPTION:&nbsp;<\/strong>Deadhead is an image completely drawn using hundreds of lines of code in Dreamweaver. This took roughly 10 hours to create.The image itself is a recreation of The Grateful Dead&#8217;s album cover art from their Europe &#8217;72 tour. This project was my first attempt with creative coding and truly jump started my love for new media and changed the way I looked at creating media art.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls poster=\"https:\/\/fmx298.santiago.bz\/tess\/wp-content\/uploads\/sites\/135\/2022\/10\/Screen-Shot-2022-10-17-at-10.46.57-AM.png\" src=\"https:\/\/www.dropbox.com\/s\/1gss10a01wgndhv\/no%20sound.mp4?raw=1\"><\/video><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><br>TITLE:<\/strong>&nbsp;Image Mandala <br><strong>MEDIA:<\/strong>&nbsp;HTML Coding<br><strong>SOFTWARE:<\/strong>&nbsp;Adobe Dreamweaver, Photoshop, <br><strong>HARDWARE:<\/strong>&nbsp;MacOS Monterey <br><strong>SPECIFICATIONS:<\/strong>&nbsp;800X600px<br><strong>CLASS:<\/strong>&nbsp;FMX 310 Creative Coding<br><strong>PROFESSOR:<\/strong>&nbsp;Santiago Echeverry<br><strong>TERM:<\/strong>&nbsp;Fall 2021<br><strong>INSTITUTION:<\/strong>&nbsp;University of Tampa<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>DESCRIPTION:&nbsp;<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This mandala is created using repeat loops, conditionals and mathematical functions. The images themselves are all my own collection of flower\/bug photography I&#8217;ve collected over the years, the background image is a film photo taken in Big Sur, California. The entire mandla is interactive as you can see from the movement of the mouse changing the position of certain items.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"979\" data-id=\"269\" src=\"https:\/\/fmx298.santiago.bz\/tess\/wp-content\/uploads\/sites\/135\/2022\/10\/Screen-Shot-2022-10-17-at-10.22.30-AM-1024x979.png\" alt=\"\" class=\"wp-image-269\" srcset=\"https:\/\/fmx298.santiago.bz\/tess\/wp-content\/uploads\/sites\/135\/2022\/10\/Screen-Shot-2022-10-17-at-10.22.30-AM-1024x979.png 1024w, https:\/\/fmx298.santiago.bz\/tess\/wp-content\/uploads\/sites\/135\/2022\/10\/Screen-Shot-2022-10-17-at-10.22.30-AM-300x287.png 300w, https:\/\/fmx298.santiago.bz\/tess\/wp-content\/uploads\/sites\/135\/2022\/10\/Screen-Shot-2022-10-17-at-10.22.30-AM-768x735.png 768w, https:\/\/fmx298.santiago.bz\/tess\/wp-content\/uploads\/sites\/135\/2022\/10\/Screen-Shot-2022-10-17-at-10.22.30-AM-1536x1469.png 1536w, https:\/\/fmx298.santiago.bz\/tess\/wp-content\/uploads\/sites\/135\/2022\/10\/Screen-Shot-2022-10-17-at-10.22.30-AM-660x631.png 660w, https:\/\/fmx298.santiago.bz\/tess\/wp-content\/uploads\/sites\/135\/2022\/10\/Screen-Shot-2022-10-17-at-10.22.30-AM.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"974\" data-id=\"270\" src=\"https:\/\/fmx298.santiago.bz\/tess\/wp-content\/uploads\/sites\/135\/2022\/10\/Screen-Shot-2022-10-17-at-10.22.55-AM-1024x974.png\" alt=\"\" class=\"wp-image-270\" srcset=\"https:\/\/fmx298.santiago.bz\/tess\/wp-content\/uploads\/sites\/135\/2022\/10\/Screen-Shot-2022-10-17-at-10.22.55-AM-1024x974.png 1024w, https:\/\/fmx298.santiago.bz\/tess\/wp-content\/uploads\/sites\/135\/2022\/10\/Screen-Shot-2022-10-17-at-10.22.55-AM-300x285.png 300w, https:\/\/fmx298.santiago.bz\/tess\/wp-content\/uploads\/sites\/135\/2022\/10\/Screen-Shot-2022-10-17-at-10.22.55-AM-768x730.png 768w, https:\/\/fmx298.santiago.bz\/tess\/wp-content\/uploads\/sites\/135\/2022\/10\/Screen-Shot-2022-10-17-at-10.22.55-AM-1536x1461.png 1536w, https:\/\/fmx298.santiago.bz\/tess\/wp-content\/uploads\/sites\/135\/2022\/10\/Screen-Shot-2022-10-17-at-10.22.55-AM-660x628.png 660w, https:\/\/fmx298.santiago.bz\/tess\/wp-content\/uploads\/sites\/135\/2022\/10\/Screen-Shot-2022-10-17-at-10.22.55-AM.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"979\" data-id=\"268\" src=\"https:\/\/fmx298.santiago.bz\/tess\/wp-content\/uploads\/sites\/135\/2022\/10\/Screen-Shot-2022-10-17-at-10.22.41-AM-1024x979.png\" alt=\"\" class=\"wp-image-268\" srcset=\"https:\/\/fmx298.santiago.bz\/tess\/wp-content\/uploads\/sites\/135\/2022\/10\/Screen-Shot-2022-10-17-at-10.22.41-AM-1024x979.png 1024w, https:\/\/fmx298.santiago.bz\/tess\/wp-content\/uploads\/sites\/135\/2022\/10\/Screen-Shot-2022-10-17-at-10.22.41-AM-300x287.png 300w, https:\/\/fmx298.santiago.bz\/tess\/wp-content\/uploads\/sites\/135\/2022\/10\/Screen-Shot-2022-10-17-at-10.22.41-AM-768x734.png 768w, https:\/\/fmx298.santiago.bz\/tess\/wp-content\/uploads\/sites\/135\/2022\/10\/Screen-Shot-2022-10-17-at-10.22.41-AM-1536x1468.png 1536w, https:\/\/fmx298.santiago.bz\/tess\/wp-content\/uploads\/sites\/135\/2022\/10\/Screen-Shot-2022-10-17-at-10.22.41-AM-660x631.png 660w, https:\/\/fmx298.santiago.bz\/tess\/wp-content\/uploads\/sites\/135\/2022\/10\/Screen-Shot-2022-10-17-at-10.22.41-AM.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"985\" data-id=\"267\" src=\"https:\/\/fmx298.santiago.bz\/tess\/wp-content\/uploads\/sites\/135\/2022\/10\/Screen-Shot-2022-10-17-at-10.22.52-AM-1024x985.png\" alt=\"\" class=\"wp-image-267\" srcset=\"https:\/\/fmx298.santiago.bz\/tess\/wp-content\/uploads\/sites\/135\/2022\/10\/Screen-Shot-2022-10-17-at-10.22.52-AM-1024x985.png 1024w, https:\/\/fmx298.santiago.bz\/tess\/wp-content\/uploads\/sites\/135\/2022\/10\/Screen-Shot-2022-10-17-at-10.22.52-AM-300x288.png 300w, https:\/\/fmx298.santiago.bz\/tess\/wp-content\/uploads\/sites\/135\/2022\/10\/Screen-Shot-2022-10-17-at-10.22.52-AM-768x738.png 768w, https:\/\/fmx298.santiago.bz\/tess\/wp-content\/uploads\/sites\/135\/2022\/10\/Screen-Shot-2022-10-17-at-10.22.52-AM-1536x1477.png 1536w, https:\/\/fmx298.santiago.bz\/tess\/wp-content\/uploads\/sites\/135\/2022\/10\/Screen-Shot-2022-10-17-at-10.22.52-AM-660x635.png 660w, https:\/\/fmx298.santiago.bz\/tess\/wp-content\/uploads\/sites\/135\/2022\/10\/Screen-Shot-2022-10-17-at-10.22.52-AM.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"977\" data-id=\"266\" src=\"https:\/\/fmx298.santiago.bz\/tess\/wp-content\/uploads\/sites\/135\/2022\/10\/Screen-Shot-2022-10-17-at-10.22.49-AM-1024x977.png\" alt=\"\" class=\"wp-image-266\" srcset=\"https:\/\/fmx298.santiago.bz\/tess\/wp-content\/uploads\/sites\/135\/2022\/10\/Screen-Shot-2022-10-17-at-10.22.49-AM-1024x977.png 1024w, https:\/\/fmx298.santiago.bz\/tess\/wp-content\/uploads\/sites\/135\/2022\/10\/Screen-Shot-2022-10-17-at-10.22.49-AM-300x286.png 300w, https:\/\/fmx298.santiago.bz\/tess\/wp-content\/uploads\/sites\/135\/2022\/10\/Screen-Shot-2022-10-17-at-10.22.49-AM-768x733.png 768w, https:\/\/fmx298.santiago.bz\/tess\/wp-content\/uploads\/sites\/135\/2022\/10\/Screen-Shot-2022-10-17-at-10.22.49-AM-1536x1466.png 1536w, https:\/\/fmx298.santiago.bz\/tess\/wp-content\/uploads\/sites\/135\/2022\/10\/Screen-Shot-2022-10-17-at-10.22.49-AM-660x630.png 660w, https:\/\/fmx298.santiago.bz\/tess\/wp-content\/uploads\/sites\/135\/2022\/10\/Screen-Shot-2022-10-17-at-10.22.49-AM.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"702\" src=\"https:\/\/fmx298.santiago.bz\/tess\/wp-content\/uploads\/sites\/135\/2022\/10\/Screen-Shot-2022-10-26-at-8.49.29-AM-1024x702.png\" alt=\"\" class=\"wp-image-293\" srcset=\"https:\/\/fmx298.santiago.bz\/tess\/wp-content\/uploads\/sites\/135\/2022\/10\/Screen-Shot-2022-10-26-at-8.49.29-AM-1024x702.png 1024w, https:\/\/fmx298.santiago.bz\/tess\/wp-content\/uploads\/sites\/135\/2022\/10\/Screen-Shot-2022-10-26-at-8.49.29-AM-300x206.png 300w, https:\/\/fmx298.santiago.bz\/tess\/wp-content\/uploads\/sites\/135\/2022\/10\/Screen-Shot-2022-10-26-at-8.49.29-AM-768x527.png 768w, https:\/\/fmx298.santiago.bz\/tess\/wp-content\/uploads\/sites\/135\/2022\/10\/Screen-Shot-2022-10-26-at-8.49.29-AM-1536x1053.png 1536w, https:\/\/fmx298.santiago.bz\/tess\/wp-content\/uploads\/sites\/135\/2022\/10\/Screen-Shot-2022-10-26-at-8.49.29-AM-2048x1404.png 2048w, https:\/\/fmx298.santiago.bz\/tess\/wp-content\/uploads\/sites\/135\/2022\/10\/Screen-Shot-2022-10-26-at-8.49.29-AM-660x453.png 660w, https:\/\/fmx298.santiago.bz\/tess\/wp-content\/uploads\/sites\/135\/2022\/10\/Screen-Shot-2022-10-26-at-8.49.29-AM.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><br>TITLE:<\/strong>\u00a0Sprite Sheet<br><strong>MEDIA:<\/strong>\u00a0HTML Coding<br><strong>SOFTWARE:<\/strong>\u00a0Adobe Dreamweaver, Photoshop <br><strong>HARDWARE:<\/strong>\u00a0MacOS Monterey <br><strong>SPECIFICATIONS:<\/strong>\u00a0500X500px<br><strong>CLASS:<\/strong>\u00a0FMX 310 Creative Coding<br><strong>PROFESSOR:<\/strong>\u00a0Santiago Echeverry<br><strong>TERM:<\/strong>\u00a0Fall 2021<br><strong>INSTITUTION:<\/strong>\u00a0University of Tampa<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>DESCRIPTION:&nbsp;<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This project had many parts, firstly I recorded myself dancing 5 separate times, each dance involving different poses . Next, I had to create a grid so that I could separate out each animated pose from the video. The sprite sheet was then animated using Javascript on the html cavas. Also as you scroll across the canva from left to right both the background and pose animation change. I was inspired by cut scenes of That 70&#8217;s Show, when the actors are dancing to use that as the theme of my project.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>TITLE:&nbsp;Deadhead MEDIA:&nbsp;HTML CodingSOFTWARE:&nbsp;Adobe DreamweaverHARDWARE:&nbsp;MacOS Monterey SPECIFICATIONS:&nbsp;500pxX500pxCLASS:&nbsp;FMX 310 Creative Coding PROFESSOR:&nbsp;Santiago EcheverryTERM:&nbsp;Fall 2021INSTITUTION:&nbsp;University of Tampa DESCRIPTION:&nbsp;Deadhead is an image completely drawn&hellip; <a class=\"read-more\" href=\"https:\/\/fmx298.santiago.bz\/tess\/creative-coding\/\">Read more <span class=\"screen-reader-text\">CREATIVE CODING<\/span><\/a><\/p>\n","protected":false},"author":133,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-81","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fmx298.santiago.bz\/tess\/wp-json\/wp\/v2\/pages\/81","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fmx298.santiago.bz\/tess\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fmx298.santiago.bz\/tess\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fmx298.santiago.bz\/tess\/wp-json\/wp\/v2\/users\/133"}],"replies":[{"embeddable":true,"href":"https:\/\/fmx298.santiago.bz\/tess\/wp-json\/wp\/v2\/comments?post=81"}],"version-history":[{"count":10,"href":"https:\/\/fmx298.santiago.bz\/tess\/wp-json\/wp\/v2\/pages\/81\/revisions"}],"predecessor-version":[{"id":446,"href":"https:\/\/fmx298.santiago.bz\/tess\/wp-json\/wp\/v2\/pages\/81\/revisions\/446"}],"wp:attachment":[{"href":"https:\/\/fmx298.santiago.bz\/tess\/wp-json\/wp\/v2\/media?parent=81"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}