{"id":67,"date":"2022-01-26T14:14:02","date_gmt":"2022-01-26T14:14:02","guid":{"rendered":"https:\/\/fmx298.santiago.bz\/mcdonald\/?page_id=67"},"modified":"2022-05-06T02:04:43","modified_gmt":"2022-05-06T02:04:43","slug":"sprites","status":"publish","type":"page","link":"https:\/\/fmx298.santiago.bz\/mcdonald\/sprites\/","title":{"rendered":"Sprites"},"content":{"rendered":"\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/www.dropbox.com\/s\/i97opzvix03x7au\/enemies.mp4?raw=1\"><\/video><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Title: Battle buddies<br>Media: Animation<br>Software: Asprite<br>Specifications: 180x180px (each sprite)<br>Hardware: Windows 10<br>Course: None<br>Instructor: None<br>Institution: None<br>Term: Spring 2021<br>For this one I took a couple of characters I had made for previous work in my spare time and decided I wanted to animate the both of them with 15 frames of animation. Out of the two character, the character on the right was made first. I gave him 5 colors to work with so I could spend more time focusing on how to make him move naturally and allow it to loop perfectly by the end. The character on the left meanwhile <br>I wanted to make far more elaborate with the amount of colors it used, so I decided to go for a damaged robot to allow not only the colors of his main body, but to help me get used to animating a ton of colors, use the hanging wired to create a cluster of sorts.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.dropbox.com\/s\/wmsrq7iofju6p6u\/farfromhome.png?raw=1\" alt=\"\" \/><figcaption>Title: Far from home<br>Software: Asprite<br>Hardware: Windows 10<br>Specifications: 800x800px<br>Course: FMX 310 Creative coding<br>Instructor: Santiago Echeverry<br>Institution: University of Tampa<br>Term: Spring 2021<br>I was trying to play with backgrounds for this one. beforehand I had done 16x16px tiles to form maps with my software. This time I took the approach of making a landscape piece. I love looking at oil paintings of places like weeping willow trees in grass fields and bodies of water so for a first attempt I thought making something in space would be cool. Something to the effect of a being on a moon floating through the cosmos with unfamiliar and strange nature around you. I absolutely intend to do more with this visual style in my work. For a first attempt, I&#8217;m proud of it.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.dropbox.com\/s\/b5xk9knrevc2m4n\/Canvasbackground800x800.png?raw=1\" alt=\"\" \/><figcaption>Title: town<br>Software: Asprite<br>Hardware: Windows 10<br>specifications: 800x800px<br>Course: FMX 310 Creative Coding<br>instructor: Santiago Echeverry<br>institution: University of Tampa<br>Term: Spring 2021<br>For this piece I needed to make backgrounds for an assignment that involved backgrounds changing as the screen was cleared of items. To make it designed a dozen or so 16x16px tiles then systematically when through, like Lego&#8217;s put this town together piece by piece until I filled the screen with a town I was satisfied with. To help me start, I found a Book with Sprite work from the NES Final Fantasy games, which taught me how to utilize colors and individual squares to give the illusion more is going on. While it was a time consuming endeavor, I think it was worth the time I put into it.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.dropbox.com\/s\/6uto8u68jb44w7i\/candyland.png?raw=1\" alt=\"\" \/><figcaption>Title: Candyland<br>Software: Asprite<br>Hardware: Windows 10<br>specifications: 800x800px<br>Course: FMX 310 Creative Coding<br>Instructor: Santiago Echeverry<br>Institution: University of Tampa<br>Term: Spring 2021<br>Similarly to the background above this one. It was made for the same assignment where I made a dozen or so 16x16px tiles that I could then use like Lego&#8217;s and put them together piece by piece however I wanted. If I didn&#8217;t have a tile I realized I needed, just pull out another 16&#215;16 box and put them together. I tried making this one distinct from the other by using much more sand and the gem clusters to give an illusion like this town could be close to a mountain side.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.dropbox.com\/s\/ga2e11q1j9pcvhd\/Cave%20wall%20map%20800x800.png?raw=1\" alt=\"\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Title: Cave<br>Software: Asprite<br>Hardware: Windows 10<br>Course: FMX 310 Creative Coding<br>specifications: 800x800px<br>Instructor: Santiago Echeverry<br>Institution: University of Tampa<br>Term: Spring 2021<br>For this background, I had the idea of games from the arcades in the 80&#8217;s like Street fighter 2 where the backgrounds have two frames of animation. While I didn&#8217;t go through with animating the background due to the professors request, I was making this with a new idea of controlling the character below moving left and right across the bottom of the screen to catching falling items. Neither idea was fully developed for the sake of the coding required which came later, the sprites were incredible.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.dropbox.com\/s\/390n0sxaisv4rpq\/Basket%20Wood-wizad%20160x240.gif?raw=1\" alt=\"\" width=\"345\" height=\"345\" \/><figcaption>Wood-Wizard<br>software: Asprite<br>specifcations: 180x180px<br>Hardware: Windows 10<br>Instructor: Santiago Echeverry<br>Institution: University of Tampa<br>course: 310 creative coding<br>term: Spring 2021<br>This was my first attempt at animating this character above who I had created for earlier work in my spare time. Originally he was going to be used in an assignment where he would be controlled by the mouse, and depending where on the screen the mouse went, what he&#8217;d do would vary. A number of his expressions and animations where made, however the assignment it was made for required I use one still frame to make it run properly. Fortunately the design I went with for the wood-wizards was easy enough to distinguish parts of the body that need to move.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.dropbox.com\/s\/qh1hbi6li8iprvv\/mirrorlitch180x188.gif?raw=1\" alt=\"\" width=\"403\" height=\"421\" \/><figcaption>Mirror Litch<br>software: Asprite<br>specifications: 180x180px<br>Hardware: Windows 10<br>course: none<br>Instructor: None<br>Institution: None<br>term: winter 2021<br>This one was meant to be a &#8220;first boss&#8221; type of character. I thought of the enemies in the Dragon Quest series to put inspiration from and thought of the idea of a mirror that was alive. The challenge on my part was I made a mistake at first by making everything on one layer, so in turn, animating it was a bit more difficult than the other pieces I&#8217;d done. I like it in terms of design, however I can see myself trying again and making it more animated in turn.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.dropbox.com\/s\/ogd02mr8kqy8wsa\/wood-wizard%20side%20right%2016x24.gif?raw=1\" alt=\"\" width=\"266\" height=\"399\" \/><figcaption>Wood-wizard side view<br>software: asprite<br>Hardware: Windows 10<br>specifications: 16x24px<br>Instructor: Santiago Echeverry<br>Institution: University of tampa<br>course: creative coding 310<br>term: spring 2021<br><strong>UNUSED<\/strong><br>This was an unused sprite from the OOP game I developed in my creative coding class. The idea was making eight directions for the character to change between as you moved about the screen. The sprite here was never made to be a proper size with the rest of whats visible here as the eight directions where never finished due to the ideas of the assignment changing.<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Title: Battle buddiesMedia: AnimationSoftware: AspriteSpecifications: 180x180px (each sprite)Hardware: Windows 10Course: NoneInstructor: NoneInstitution: NoneTerm: Spring 2021For this one I took a&hellip; <a class=\"read-more\" href=\"https:\/\/fmx298.santiago.bz\/mcdonald\/sprites\/\">Read more <span class=\"screen-reader-text\">Sprites<\/span><\/a><\/p>\n","protected":false},"author":120,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-67","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fmx298.santiago.bz\/mcdonald\/wp-json\/wp\/v2\/pages\/67","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fmx298.santiago.bz\/mcdonald\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fmx298.santiago.bz\/mcdonald\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fmx298.santiago.bz\/mcdonald\/wp-json\/wp\/v2\/users\/120"}],"replies":[{"embeddable":true,"href":"https:\/\/fmx298.santiago.bz\/mcdonald\/wp-json\/wp\/v2\/comments?post=67"}],"version-history":[{"count":10,"href":"https:\/\/fmx298.santiago.bz\/mcdonald\/wp-json\/wp\/v2\/pages\/67\/revisions"}],"predecessor-version":[{"id":359,"href":"https:\/\/fmx298.santiago.bz\/mcdonald\/wp-json\/wp\/v2\/pages\/67\/revisions\/359"}],"wp:attachment":[{"href":"https:\/\/fmx298.santiago.bz\/mcdonald\/wp-json\/wp\/v2\/media?parent=67"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}