{"id":230,"date":"2019-10-21T02:27:42","date_gmt":"2019-10-21T02:27:42","guid":{"rendered":"https:\/\/fmx298.santiago.bz\/brivera\/?page_id=230"},"modified":"2020-01-22T17:31:49","modified_gmt":"2020-01-22T17:31:49","slug":"coding","status":"publish","type":"page","link":"https:\/\/fmx298.santiago.bz\/brivera\/coding\/","title":{"rendered":"CODING"},"content":{"rendered":"\n<figure class=\"wp-block-video\"><video height=\"1204\" style=\"aspect-ratio: 1208 \/ 1204;\" width=\"1208\" controls src=\"https:\/\/fmx298.santiago.bz\/brivera\/wp-content\/uploads\/sites\/47\/2020\/01\/snow-princess.mp4\"><\/video><figcaption>TITLE: Snow Fairy<br>MEDIA: HTML<br>SOFTWARE: Adobe Dreamweaver<br>SPECIFICATIONS: 800px x 600px<br>CLASS: FMX 310 Creative Coding<br>PROFESSOR: Santiago Echeverry<br>SEMESTER\u00a0\/\u00a0TERM: FA 18<br>INSTITUTION: University of Tampa<br>LINK:<a href=\"\/\/\/Users\/Riverabro\/Desktop\/2019%20SP%20UT\/creative%20coding\/FinalCode_Rivera\/FinalProject_Rivera.html\">file:\/\/\/Users\/Riverabro\/Desktop\/2019%20SP%20UT\/creative%20coding\/FinalCode_Rivera\/FinalProject_Rivera.html<\/a><br>DESCRIPTION: Completely done from sketch using HTML Javascript coding. Mostly comprised out of bezier curves and gradients to make it look as realistic as possible. Also added a math function to create the constant falling snow in the background<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1196\" style=\"aspect-ratio: 1196 \/ 1196;\" width=\"1196\" controls src=\"https:\/\/fmx298.santiago.bz\/brivera\/wp-content\/uploads\/sites\/47\/2019\/10\/mikeW_1.mp4\"><\/video><figcaption>TITLE: MIKE W<br>MEDIA: HTML<br>SOFTWARE: Adobe Dreamweaver<br>SPECIFICATIONS: 800px x 600px<br>CLASS: FMX 310 Creative Coding<br>PROFESSOR: Santiago Echeverry<br>SEMESTER&nbsp;\/&nbsp;TERM: FA 18<br>INSTITUTION: University of Tampa<br>LINK:<a href=\"http:\/\/art310.santiago.bz\/fa19\/rivera\/01_Illustration\/Illustration%20-%20Rivera.html\"> http:\/\/art310.santiago.bz\/fa19\/rivera\/01_Illustration\/Illustration%20-%20Rivera.html<\/a><br>DESCRIPTION: Completely done from sketch using HTML Javascript coding. Mostly comprised out of bezier curves and gradients to make it look as realistic as possible.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1196\" style=\"aspect-ratio: 1600 \/ 1196;\" width=\"1600\" controls src=\"https:\/\/fmx298.santiago.bz\/brivera\/wp-content\/uploads\/sites\/47\/2019\/10\/image-Mandala.mp4\"><\/video><figcaption>TITLE: WORLD FLOWERS<br>MEDIA: HTML<br>SOFTWARE: Adobe Dreamweaver<br>SPECIFICATIONS: 800px x 600px<br>CLASS: FMX 310 Creative Coding<br>PROFESSOR: Santiago Echeverry<br>SEMESTER&nbsp;\/&nbsp;TERM: FA 18<br>INSTITUTION: University of Tampa<br>LINK: <a href=\"http:\/\/art310.santiago.bz\/fa19\/rivera\/03_ImageMandala\/IMAGE%20MANDALA%20DONE.html\">http:\/\/art310.santiago.bz\/fa19\/rivera\/03_ImageMandala\/IMAGE%20MANDALA%20DONE.html<\/a><br>DESCRIPTION: Comprised out of images of flowers I took all over Paris, New York, New Jersey, and Florida. First, I imported the photos into photoshop and removed the backgrounds of the images. Then, I imported them into Dreamweaver and added rotation and scale to them using Javascript code.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"796\" style=\"aspect-ratio: 792 \/ 796;\" width=\"792\" controls src=\"https:\/\/fmx298.santiago.bz\/brivera\/wp-content\/uploads\/sites\/47\/2019\/10\/VectorMandala.mp4\"><\/video><figcaption>TITLE: VECTOR MANDALA<br>MEDIA: HTML<br>SOFTWARE: Adobe Dreamweaver<br>SPECIFICATIONS: 800px x 800px<br>CLASS: FMX 310 Creative Coding<br>PROFESSOR: Santiago Echeverry<br>SEMESTER&nbsp;\/&nbsp;TERM: FA 18<br>INSTITUTION: University of Tampa<br>LINK: <a href=\"http:\/\/art310.santiago.bz\/fa19\/rivera\/02_VectorMandala\/VectorMandala_FINISHED.html\">http:\/\/art310.santiago.bz\/fa19\/rivera\/02_VectorMandala\/VectorMandala_FINISHED.html<\/a><br>DESCRIPTION: Made out of vector objects to make a mandala that created a beautiful pattern.<br><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1592\" style=\"aspect-ratio: 1592 \/ 1592;\" width=\"1592\" src=\"https:\/\/fmx298.santiago.bz\/brivera\/wp-content\/uploads\/sites\/47\/2019\/11\/video-mandala.mp4\"><\/video><figcaption>TITLE: Under The Sea<br>MEDIA: HTML<br>SOFTWARE: Adobe Dreamweaver<br>SPECIFICATIONS: 800px x 600px<br>CLASS: FMX 310 Creative Coding<br>PROFESSOR: Santiago Echeverry<br>SEMESTER&nbsp;\/&nbsp;TERM: FA 18<br>INSTITUTION: University of Tampa<br>LINK: <a href=\"http:\/\/art310.santiago.bz\/fa19\/rivera\/05_VideoMandala\/videomandala_DONE.html\">http:\/\/art310.santiago.bz\/fa19\/rivera\/05_VideoMandala\/videomandala_DONE.html<\/a><br>DESCRIPTION: This  video mandala was made out of videos I took at Sea World. I masked vectors of sea animals, sea weed, and palm trees to give it that tropical feel. I also added a random component of dots to look like bubbles.  <\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1188\" style=\"aspect-ratio: 1592 \/ 1188;\" width=\"1592\" controls src=\"https:\/\/fmx298.santiago.bz\/brivera\/wp-content\/uploads\/sites\/47\/2019\/11\/9-11-Memorial.mp4\"><\/video><figcaption>TITLE: 9\/11 Memorial<br>MEDIA: HTML<br>SOFTWARE: Adobe Dreamweaver<br>SPECIFICATIONS: 800px x 600px<br>CLASS: FMX 310 Creative Coding<br>PROFESSOR: Santiago Echeverry<br>SEMESTER&nbsp;\/&nbsp;TERM: FA 18<br>INSTITUTION: University of Tampa<br>LINK: <a href=\"http:\/\/art310.santiago.bz\/fa19\/rivera\/06_KineticPoem\/Text_11.html\">http:\/\/art310.santiago.bz\/fa19\/rivera\/06_KineticPoem\/Text_11.html<\/a><br>DESCRIPTION: This kinetic text poem was made out of text from 9\/11. The text includes quotes from people on that day and from the breaking news articles. I wanted to create a very powerful piece of art that speaks for itself. <\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"600\" src=\"https:\/\/fmx298.santiago.bz\/brivera\/wp-content\/uploads\/sites\/47\/2019\/09\/CanvasProject.png\" alt=\"\" class=\"wp-image-58\" srcset=\"https:\/\/fmx298.santiago.bz\/brivera\/wp-content\/uploads\/sites\/47\/2019\/09\/CanvasProject.png 800w, https:\/\/fmx298.santiago.bz\/brivera\/wp-content\/uploads\/sites\/47\/2019\/09\/CanvasProject-300x225.png 300w, https:\/\/fmx298.santiago.bz\/brivera\/wp-content\/uploads\/sites\/47\/2019\/09\/CanvasProject-768x576.png 768w, https:\/\/fmx298.santiago.bz\/brivera\/wp-content\/uploads\/sites\/47\/2019\/09\/CanvasProject-660x495.png 660w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption>TITLE: Her<br>MEDIA: HTML<br>SOFTWARE: Adobe Dreamweaver<br>SPECIFICATIONS: 800px x 600px<br>CLASS: FMX 210 Digital Media<br>PROFESSOR: Blanka Roundtree<br>SEMESTER&nbsp;\/&nbsp;TERM: SP 18<br>INSTITUTION: University of Tampa<br>DESCRIPTION: This was my first coding project. I love the way it came out even though it was super time consuming. I created an anime character and then incorporated a cool complicated background to it to bring it out.<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":47,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","footnotes":""},"class_list":["post-230","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fmx298.santiago.bz\/brivera\/wp-json\/wp\/v2\/pages\/230","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fmx298.santiago.bz\/brivera\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fmx298.santiago.bz\/brivera\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fmx298.santiago.bz\/brivera\/wp-json\/wp\/v2\/users\/47"}],"replies":[{"embeddable":true,"href":"https:\/\/fmx298.santiago.bz\/brivera\/wp-json\/wp\/v2\/comments?post=230"}],"version-history":[{"count":10,"href":"https:\/\/fmx298.santiago.bz\/brivera\/wp-json\/wp\/v2\/pages\/230\/revisions"}],"predecessor-version":[{"id":334,"href":"https:\/\/fmx298.santiago.bz\/brivera\/wp-json\/wp\/v2\/pages\/230\/revisions\/334"}],"wp:attachment":[{"href":"https:\/\/fmx298.santiago.bz\/brivera\/wp-json\/wp\/v2\/media?parent=230"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}