{"id":42,"date":"2019-03-19T07:52:28","date_gmt":"2019-03-19T12:52:28","guid":{"rendered":"http:\/\/jackbowden.me\/csci417\/?p=42"},"modified":"2019-03-26T17:03:56","modified_gmt":"2019-03-26T22:03:56","slug":"project-4-rollercoaster","status":"publish","type":"post","link":"https:\/\/jackbowden.me\/csci417\/2019\/03\/19\/project-4-rollercoaster\/","title":{"rendered":"Project 4: Rollercoaster"},"content":{"rendered":"\n<p>For this project, I decided to take a winter wonderland approach to my rollercoaster theme! It&#8217;s a quick 15 minute animation that further develops on what I&#8217;ve learned in past assignments while trying out new things such as:<\/p>\n\n\n\n<ul><li>Assigning a texture to a mesh and using two-sided lighting to show that texture within the mesh (so that I could generate the blue sky).<\/li><li>Using animation snapshots to replicate one sample of a track to extend throughout a CV path. <\/li><li>Using motion paths to direct camera movements along my track.<\/li><\/ul>\n\n\n\n<p>I initially wanted to start out with this sketch board idea:<\/p>\n\n\n\n<p>\/\/ insert sketchboard here<\/p>\n\n\n\n<p>Though that wasn&#8217;t coming to fruition. I tried using an EP curve tool but found that my curves were causing snapshotted tracks to not connect when they encountered a sharp curve. I resorted to using CV curve tool because that tool handled forming curves in the track much more nicely. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"1024\" height=\"576\" src=\"http:\/\/jackbowden.me\/csci417\/wp-content\/uploads\/2019\/03\/Untitled-1024x576.png\" alt=\"\" class=\"wp-image-46\" srcset=\"https:\/\/jackbowden.me\/csci417\/wp-content\/uploads\/2019\/03\/Untitled-1024x576.png 1024w, https:\/\/jackbowden.me\/csci417\/wp-content\/uploads\/2019\/03\/Untitled-300x169.png 300w, https:\/\/jackbowden.me\/csci417\/wp-content\/uploads\/2019\/03\/Untitled-768x432.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>Initial track design<br><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"1024\" height=\"576\" src=\"http:\/\/jackbowden.me\/csci417\/wp-content\/uploads\/2019\/03\/Untitled2-1024x576.png\" alt=\"\" class=\"wp-image-47\" srcset=\"https:\/\/jackbowden.me\/csci417\/wp-content\/uploads\/2019\/03\/Untitled2-1024x576.png 1024w, https:\/\/jackbowden.me\/csci417\/wp-content\/uploads\/2019\/03\/Untitled2-300x169.png 300w, https:\/\/jackbowden.me\/csci417\/wp-content\/uploads\/2019\/03\/Untitled2-768x432.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>Here&#8217;s what I set all the increments of the outside track to, in order to get them to replicate seamlessly around the curve<br><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"1024\" height=\"576\" src=\"http:\/\/jackbowden.me\/csci417\/wp-content\/uploads\/2019\/03\/Untitled3-1024x576.png\" alt=\"\" class=\"wp-image-48\" srcset=\"https:\/\/jackbowden.me\/csci417\/wp-content\/uploads\/2019\/03\/Untitled3-1024x576.png 1024w, https:\/\/jackbowden.me\/csci417\/wp-content\/uploads\/2019\/03\/Untitled3-300x169.png 300w, https:\/\/jackbowden.me\/csci417\/wp-content\/uploads\/2019\/03\/Untitled3-768x432.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>I have the entire track done with this method now!<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"1024\" height=\"576\" src=\"http:\/\/jackbowden.me\/csci417\/wp-content\/uploads\/2019\/03\/Untitled4-1024x576.png\" alt=\"\" class=\"wp-image-49\" srcset=\"https:\/\/jackbowden.me\/csci417\/wp-content\/uploads\/2019\/03\/Untitled4-1024x576.png 1024w, https:\/\/jackbowden.me\/csci417\/wp-content\/uploads\/2019\/03\/Untitled4-300x169.png 300w, https:\/\/jackbowden.me\/csci417\/wp-content\/uploads\/2019\/03\/Untitled4-768x432.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>With the entire track done, it looks pretty real! I also have the side beams of the track at different intervals than the rails.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"1024\" height=\"576\" src=\"http:\/\/jackbowden.me\/csci417\/wp-content\/uploads\/2019\/03\/Untitled5-1024x576.png\" alt=\"\" class=\"wp-image-50\" srcset=\"https:\/\/jackbowden.me\/csci417\/wp-content\/uploads\/2019\/03\/Untitled5-1024x576.png 1024w, https:\/\/jackbowden.me\/csci417\/wp-content\/uploads\/2019\/03\/Untitled5-300x169.png 300w, https:\/\/jackbowden.me\/csci417\/wp-content\/uploads\/2019\/03\/Untitled5-768x432.png 768w, https:\/\/jackbowden.me\/csci417\/wp-content\/uploads\/2019\/03\/Untitled5.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>Here&#8217;s the camera on it&#8217;s own CV track, copied and pasted from the track&#8217;s CV track<\/figcaption><\/figure>\n\n\n\n<p>I made the structures candy cane themed. I painted the rails red and green to give the holiday spirit to them. Then I realized I needed to add trees or something to make it really look good. So I got this tree model from off the Internet:<\/p>\n\n\n\n<p><a href=\"https:\/\/free3d.com\/3d-models\/lowpoly-tree\">https:\/\/free3d.com\/3d-models\/lowpoly-tree<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/free3d.com\/imgd\/l85759-low-poly-tree-73217.jpg\" alt=\"Low Poly Tree royalty-free 3d model - Preview no. 1\"\/><\/figure>\n\n\n\n<p>I made these trees wobble to express anticipation and stretch and squash to show increase in size and intimidation for two of my three principles.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"384\" height=\"268\" src=\"http:\/\/jackbowden.me\/csci417\/wp-content\/uploads\/2019\/03\/image.png\" alt=\"\" class=\"wp-image-51\" srcset=\"https:\/\/jackbowden.me\/csci417\/wp-content\/uploads\/2019\/03\/image.png 384w, https:\/\/jackbowden.me\/csci417\/wp-content\/uploads\/2019\/03\/image-300x209.png 300w\" sizes=\"(max-width: 384px) 100vw, 384px\" \/><figcaption>Stretch and squash principle<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"251\" height=\"213\" src=\"http:\/\/jackbowden.me\/csci417\/wp-content\/uploads\/2019\/03\/image-1.png\" alt=\"\" class=\"wp-image-52\"\/><figcaption>Anticipation principle<br><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"627\" height=\"384\" src=\"http:\/\/jackbowden.me\/csci417\/wp-content\/uploads\/2019\/03\/image-2.png\" alt=\"\" class=\"wp-image-53\" srcset=\"https:\/\/jackbowden.me\/csci417\/wp-content\/uploads\/2019\/03\/image-2.png 627w, https:\/\/jackbowden.me\/csci417\/wp-content\/uploads\/2019\/03\/image-2-300x184.png 300w\" sizes=\"(max-width: 627px) 100vw, 627px\" \/><figcaption>Staging principle<\/figcaption><\/figure>\n\n\n\n<p>I have my treasure chest from project 2 arise from the depths of the animation to bring the viewers attention and surprise towards what is now the holiday chest! <\/p>\n\n\n\n<p>Here&#8217;s the final product:<\/p>\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=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/p9Jv4UWnNvI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Here&#8217;s what it looks like from the top down:<\/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=\"640\" height=\"480\" src=\"https:\/\/www.youtube.com\/embed\/diz8lyT7HOY?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>I was very stubborn towards incorporating animation principles at first, but after I finally did the work to put them in, I realized just how much of a difference they make. They&#8217;re definitely worth the time and effort now. <\/p>\n\n\n\n<p>Animations principles also helped me realize that mistakes in life can actually be good &#8212; because think of it: let&#8217;s say the trees DIDN&#8217;T WOBBLE before they collapsed. Let&#8217;s say we &#8220;patched&#8221; that mistake and just let them fall down without notice. Was the animation improved? Did the human watching the animation think the trees were alright? No, there was confusion. The &#8220;mistake&#8221; of wobbling is not a mistake, per se. It&#8217;s welcoming to see. Thus, we shouldn&#8217;t worry about mistakes in life either &#8212; for they may be welcoming or beneficial, too. <\/p>\n\n\n\n<p>If that doesn&#8217;t make a lot of sense, rest assured my primary major is still Computer Science \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"<p>For this project, I decided to take a winter wonderland approach to my rollercoaster theme! It&#8217;s a quick 15 minute animation that further develops on what I&#8217;ve learned in past assignments while trying out new things such as: Assigning a texture to a mesh and using two-sided lighting to show that texture within the mesh [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/jackbowden.me\/csci417\/wp-json\/wp\/v2\/posts\/42"}],"collection":[{"href":"https:\/\/jackbowden.me\/csci417\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jackbowden.me\/csci417\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jackbowden.me\/csci417\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jackbowden.me\/csci417\/wp-json\/wp\/v2\/comments?post=42"}],"version-history":[{"count":3,"href":"https:\/\/jackbowden.me\/csci417\/wp-json\/wp\/v2\/posts\/42\/revisions"}],"predecessor-version":[{"id":54,"href":"https:\/\/jackbowden.me\/csci417\/wp-json\/wp\/v2\/posts\/42\/revisions\/54"}],"wp:attachment":[{"href":"https:\/\/jackbowden.me\/csci417\/wp-json\/wp\/v2\/media?parent=42"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jackbowden.me\/csci417\/wp-json\/wp\/v2\/categories?post=42"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jackbowden.me\/csci417\/wp-json\/wp\/v2\/tags?post=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}