{"id":25,"date":"2019-02-08T15:38:12","date_gmt":"2019-02-08T15:38:12","guid":{"rendered":"https:\/\/fmx499.santiago.bz\/twhitesel\/?page_id=25"},"modified":"2019-04-05T15:06:23","modified_gmt":"2019-04-05T15:06:23","slug":"javascript-jquery","status":"publish","type":"page","link":"https:\/\/fmx499.santiago.bz\/twhitesel\/javascript-jquery\/","title":{"rendered":"Javascript + jQuery"},"content":{"rendered":"\n<h1>FMX 310 | Creative Coding <\/h1>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" width=\"780\" height=\"585\" src=\"https:\/\/www.youtube.com\/embed\/5KvpbbgUNic?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">My Life as a College Swimmer:<\/h3>\n\n\n\n<p>In this project, we used a selection of 5 videos to create a mandala. This was built out of code with the HTML5 Canvas element  w\/ Javascript functions. <\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" width=\"780\" height=\"585\" src=\"https:\/\/www.youtube.com\/embed\/tHhL6IarAMQ?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Woodstock:<\/h4>\n\n\n\n<p>This project had us work with our own illustrations to create a mandala powered of course through the Canvas Element.<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" width=\"780\" height=\"585\" src=\"https:\/\/www.youtube.com\/embed\/pxLVj6SXoSg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">28.6.42.12:<\/h4>\n\n\n\n<p>For this project, we were assigned to create another mandala out of text. I decided to do a tribute to one of my all time favorite movies, <em>Donnie Darko<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" width=\"780\" height=\"585\" src=\"https:\/\/www.youtube.com\/embed\/iJ9Dq5boo5I?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Sacred Geometry:<\/h4>\n\n\n\n<p>Moving away from the mandala art, this project had us work with the sin and cosine functions to recreate a sacred geometry piece inside the Canvas Element.<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" width=\"780\" height=\"585\" src=\"https:\/\/www.youtube.com\/embed\/lPEgB9iD9WY?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Crop Circles:<\/h4>\n\n\n\n<p>Adding to the Sin and Cosine portfolio, this canvas piece is a recreation of a crop circle. <\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" width=\"780\" height=\"585\" src=\"https:\/\/www.youtube.com\/embed\/2sBQIfbRuXg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Tree in the Moonlight:<\/h4>\n\n\n\n<p>This canvas had us re create an illustration to make it interactive.<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" width=\"780\" height=\"585\" src=\"https:\/\/www.youtube.com\/embed\/DPB70ErF5R0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Trip to France:<\/h4>\n\n\n\n<p>This canvas project had us work with 5 images of our choice to artistically portray a vacation.<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" width=\"780\" height=\"585\" src=\"https:\/\/www.youtube.com\/embed\/Dlbr0m7-86M?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Vector Mandala:<\/h4>\n\n\n\n<p>This canvas project had us create a mandala of shapes based off of mathematical coordinates. <\/p>\n\n\n\n<h1>Jquery Experience<\/h1>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" width=\"780\" height=\"439\" src=\"https:\/\/www.youtube.com\/embed\/vjIYCeFjUYs?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Joy Division Fan Page<\/h4>\n\n\n\n<p>This was a project we did for our Online Production class. We had to develop a webpage utilizing the functions and capability of jQuery. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>FMX 310 | Creative Coding My Life as a College Swimmer: In this project, we used a selection of 5&hellip; <a class=\"read-more\" href=\"https:\/\/fmx499.santiago.bz\/twhitesel\/javascript-jquery\/\">Read more <span class=\"screen-reader-text\">Javascript + jQuery<\/span><\/a><\/p>\n","protected":false},"author":34,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-25","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fmx499.santiago.bz\/twhitesel\/wp-json\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fmx499.santiago.bz\/twhitesel\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fmx499.santiago.bz\/twhitesel\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fmx499.santiago.bz\/twhitesel\/wp-json\/wp\/v2\/users\/34"}],"replies":[{"embeddable":true,"href":"https:\/\/fmx499.santiago.bz\/twhitesel\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":8,"href":"https:\/\/fmx499.santiago.bz\/twhitesel\/wp-json\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":112,"href":"https:\/\/fmx499.santiago.bz\/twhitesel\/wp-json\/wp\/v2\/pages\/25\/revisions\/112"}],"wp:attachment":[{"href":"https:\/\/fmx499.santiago.bz\/twhitesel\/wp-json\/wp\/v2\/media?parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}