{"id":38780,"date":"2025-09-03T21:01:03","date_gmt":"2025-09-04T01:01:03","guid":{"rendered":""},"modified":"2025-09-03T21:01:03","modified_gmt":"2025-09-04T01:01:03","slug":"video-design-how-i-used-rive-to-build-a-punchy-pixel-art-character-for-my-website","status":"publish","type":"post","link":"https:\/\/ericbrooks.com\/whuzzup\/video-design-how-i-used-rive-to-build-a-punchy-pixel-art-character-for-my-website\/","title":{"rendered":"[#Video #Design] How I Used Rive to Build a PUNCHY Pixel Art Character for my Website"},"content":{"rendered":"<div align=\"center\" style=\"padding: 2%;\"><iframe loading=\"lazy\" title=\"How I Used Rive to Build a PUNCHY Pixel Art Character for my Website\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/OXKRBE40-5c?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div>\n<blockquote style=\"text-align: left; background-color: #E4E4E4; border: 3px dotted gray; padding:2%;\"><p>\n<a href=\"https:\/\/www.youtube.com\/watch?v=OXKRBE40-5c\" target=\"offsite\" rel=\"nofollow noopener noreferrer\"><\/p>\n<h3>How I Used Rive to Build a PUNCHY Pixel Art Character for my Website<\/h3>\n<p><\/a><\/p>\n<p>By <a href=\"https:\/\/www.youtube.com\/channel\/UCAhdxqdrDN3gWJkaUFl9G-Q\" target=\"offsite\" rel=\"nofollow noopener noreferrer\"><strong>School of Motion<\/strong><\/a><br \/><strong>Published<\/strong>: Sep 03, 2025<\/p>\n<p><em style=\"font-family: 'Times New Roman',Times,serif; color: #666;\"><span style=\"font-size: 3.5em; font-weight: bold;\">&#0147;<\/span><\/em><br \/>\n<a href=\"https:\/\/www.youtube.com\/watch?v=OXKRBE40-5c\" target=\"offsite\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/i4.ytimg.com\/vi\/OXKRBE40-5c\/hqdefault.jpg\" class=\"alignright\" align=\"right\" alt=\"School of Motion\" style=\"width: 200px; height: auto;\" \/><\/a> Learn how to craft an interactive hero section for your portfolio!<\/p>\n<p>In this comprehensive Rive tutorial, Joey demonstrates how to build an interactive hero section for a portfolio website featuring a pixel art character that tracks mouse movement and responds to clicks. The tutorial covers the entire workflow from creating pixel art assets using AI tools like Midjourney (with significant manual cleanup in Photoshop), to implementing complex interactive behaviors in Rive including mouse tracking with hit boxes, joystick controls for directional head movement, nested solos for managing multiple character states, state machines with listeners and inputs for click events, constraint-based animations, and advanced features like activation zones that control when the character starts tracking the mouse. This is a mini-course all on its own, and is ideal for Rive artists looking for intermediate-level tips and tricks.<\/p>\n<p>Get the FREE project files here: www.schoolofmotion.com\/blog\/rive-pixel-art-tutorial<\/p>\n<p>? CHAPTERS ?<br \/>\n00:00 Intro   <br \/>\n00:08 Setting Up the Design in Figma   <br \/>\n01:50 Creating Pixel Art for Interactivity   <br \/>\n03:29 Dancing with the Devil (AI)   <br \/>\n04:02 Challenges with AI Tools for Pixel Art   <br \/>\n06:00 Hacking the AI   <br \/>\n11:00 File Size Considerations   <br \/>\n13:29 Importing and Optimizing Assets in Rive   <br \/>\n15:56 Creating an Idle Animation   <br \/>\n23:38 One head down, eight to go   <br \/>\n25:55 Draw Order to the Rescue   <br \/>\n29:27 Mouse Tracking 101   <br \/>\n30:58 Setting Up the Hit Box   <br \/>\n31:42 Mouse Tracking with Rive   <br \/>\n33:48 Creating a Joystick Control   <br \/>\n36:51 Nested Solos FTW   <br \/>\n39:04 How Joysticks Work   <br \/>\n46:02 Time to Punch Out   <br \/>\n47:14 Animating the Face Punch   <br \/>\n50:22 Adding Sound Effects   <br \/>\n51:48 Animating the Gut Punch   <br \/>\n47:14 Animating the Face Punch   <br \/>\n50:22 Adding Sound Effects   <br \/>\n51:48 Animating the Gut Punch   <br \/>\n53:23 Creating Hit Boxes for Click Events   <br \/>\n00:55:06 Configuring State Machines for Click Events<br \/>\n00:58:17 Troubleshooting Visibility Settings<br \/>\n00:58:44 Optimizing Animation Timelines<br \/>\n00:59:58 Creating and Configuring Gut Punch<br \/>\n01:01:41 Integrating Animations into Design<br \/>\n01:04:50 Advanced Mouse Tracking Behavior<br \/>\n01:15:09 Adding Interactive App Icons  <br \/>\n01:19:08 Final Touches and Troubleshooting<br \/>\n01:25:00 Wrap Up<\/p>\n<p>?? SHOW NOTES<br \/>\nRive https:\/\/rive.app\/<br \/>\nMidjourney https:\/\/www.midjourney.com\/home<br \/>\nFigma https:\/\/www.figma.com\/<br \/>\nWebflow https:\/\/webflow.com\/<br \/>\nFramer https:\/\/www.framer.com\/<br \/>\nLottie https:\/\/lottiefiles.com\/<\/p>\n<div style=\"text-align: center; font-weight: bold\">[<a href=\"https:\/\/www.youtube.com\/watch?v=OXKRBE40-5c\" target=\"offsite\" rel=\"nofollow noopener noreferrer\" title=\"Read More on YouTube\">READ MORE<\/a>]<\/div>\n<p><em style=\"font-family: 'Times New Roman',Times,serif; color: #666;\"><span style=\"font-size: 3.5em; font-weight: bold;\">&#0148;<\/span><\/em><\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to craft an interactive hero section for your portfolio!<\/p>\n<p>In this comprehensive Rive tutorial, Joey demonstrates how to build an interactive&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[380],"tags":[],"class_list":["post-38780","post","type-post","status-publish","format-standard","hentry","category-video-tutorials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>[#Video #Design] How I Used Rive to Build a PUNCHY Pixel Art Character for my Website - WHUZZUP!<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ericbrooks.com\/whuzzup\/video-design-how-i-used-rive-to-build-a-punchy-pixel-art-character-for-my-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[#Video #Design] How I Used Rive to Build a PUNCHY Pixel Art Character for my Website - WHUZZUP!\" \/>\n<meta property=\"og:description\" content=\"Learn how to craft an interactive hero section for your portfolio! In this comprehensive Rive tutorial, Joey demonstrates how to build an interactive...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ericbrooks.com\/whuzzup\/video-design-how-i-used-rive-to-build-a-punchy-pixel-art-character-for-my-website\/\" \/>\n<meta property=\"og:site_name\" content=\"WHUZZUP!\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/EricBrooksDotComWeb\/\" \/>\n<meta property=\"article:author\" content=\"EricBrooksDotComWeb\" \/>\n<meta property=\"article:published_time\" content=\"-0001-11-30T00:00:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i4.ytimg.com\/vi\/OXKRBE40-5c\/hqdefault.jpg\" \/>\n<meta name=\"author\" content=\"Eric Brooks\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@EricBrooksCom\" \/>\n<meta name=\"twitter:site\" content=\"@EricBrooksCom\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Eric Brooks\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/video-design-how-i-used-rive-to-build-a-punchy-pixel-art-character-for-my-website\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/video-design-how-i-used-rive-to-build-a-punchy-pixel-art-character-for-my-website\\\/\"},\"author\":{\"name\":\"Eric Brooks\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#\\\/schema\\\/person\\\/3b162468e1f9814f6e9f61460db00a3a\"},\"headline\":\"[#Video #Design] How I Used Rive to Build a PUNCHY Pixel Art Character for my Website\",\"datePublished\":\"-0001-11-30T00:00:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/video-design-how-i-used-rive-to-build-a-punchy-pixel-art-character-for-my-website\\\/\"},\"wordCount\":365,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/video-design-how-i-used-rive-to-build-a-punchy-pixel-art-character-for-my-website\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i4.ytimg.com\\\/vi\\\/OXKRBE40-5c\\\/hqdefault.jpg\",\"articleSection\":[\"Video Tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/video-design-how-i-used-rive-to-build-a-punchy-pixel-art-character-for-my-website\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/video-design-how-i-used-rive-to-build-a-punchy-pixel-art-character-for-my-website\\\/\",\"url\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/video-design-how-i-used-rive-to-build-a-punchy-pixel-art-character-for-my-website\\\/\",\"name\":\"[#Video #Design] How I Used Rive to Build a PUNCHY Pixel Art Character for my Website - WHUZZUP!\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/video-design-how-i-used-rive-to-build-a-punchy-pixel-art-character-for-my-website\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/video-design-how-i-used-rive-to-build-a-punchy-pixel-art-character-for-my-website\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i4.ytimg.com\\\/vi\\\/OXKRBE40-5c\\\/hqdefault.jpg\",\"datePublished\":\"-0001-11-30T00:00:00+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/video-design-how-i-used-rive-to-build-a-punchy-pixel-art-character-for-my-website\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/video-design-how-i-used-rive-to-build-a-punchy-pixel-art-character-for-my-website\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/video-design-how-i-used-rive-to-build-a-punchy-pixel-art-character-for-my-website\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i4.ytimg.com\\\/vi\\\/OXKRBE40-5c\\\/hqdefault.jpg\",\"contentUrl\":\"https:\\\/\\\/i4.ytimg.com\\\/vi\\\/OXKRBE40-5c\\\/hqdefault.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/video-design-how-i-used-rive-to-build-a-punchy-pixel-art-character-for-my-website\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[#Video #Design] How I Used Rive to Build a PUNCHY Pixel Art Character for my Website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#website\",\"url\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/\",\"name\":\"WHUZZUP!\",\"description\":\"What&#039;s new at EricBrooks.Com plus news and gossip all over CyberTown\",\"publisher\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#organization\",\"name\":\"WHUZZUP!\",\"url\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/ericbrooks.com\\\/images\\\/posts\\\/cropped-favicon_64-1.png\",\"contentUrl\":\"https:\\\/\\\/ericbrooks.com\\\/images\\\/posts\\\/cropped-favicon_64-1.png\",\"width\":512,\"height\":512,\"caption\":\"WHUZZUP!\"},\"image\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/EricBrooksDotComWeb\\\/\",\"https:\\\/\\\/x.com\\\/EricBrooksCom\",\"https:\\\/\\\/www.instagram.com\\\/ericbrooksdotcom\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/ericbrooksdotcom\",\"https:\\\/\\\/myspace.com\\\/ericbrooksdotcom\",\"https:\\\/\\\/www.pinterest.com\\\/ericbrookscom\\\/\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/ericbrooksdotcom\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#\\\/schema\\\/person\\\/3b162468e1f9814f6e9f61460db00a3a\",\"name\":\"Eric Brooks\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/62114f8baf9a3737e7686125b69907010ad6aff5dfc07c12707e8a18bb49bc34?s=96&d=blank&r=x\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/62114f8baf9a3737e7686125b69907010ad6aff5dfc07c12707e8a18bb49bc34?s=96&d=blank&r=x\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/62114f8baf9a3737e7686125b69907010ad6aff5dfc07c12707e8a18bb49bc34?s=96&d=blank&r=x\",\"caption\":\"Eric Brooks\"},\"description\":\"Web &amp; Graphic Designer, Blogger, Musician, Evil Clown. I also code websites and promote people for a living. Still kind of a jerk, though. Approach with food.\",\"sameAs\":[\"https:\\\/\\\/ericbrooks.com\",\"EricBrooksDotComWeb\",\"ericbrooksdotcom\",\"ericbrookscom\\\/\",\"https:\\\/\\\/x.com\\\/EricBrooksCom\"],\"url\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/author\\\/site-admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[#Video #Design] How I Used Rive to Build a PUNCHY Pixel Art Character for my Website - WHUZZUP!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ericbrooks.com\/whuzzup\/video-design-how-i-used-rive-to-build-a-punchy-pixel-art-character-for-my-website\/","og_locale":"en_US","og_type":"article","og_title":"[#Video #Design] How I Used Rive to Build a PUNCHY Pixel Art Character for my Website - WHUZZUP!","og_description":"Learn how to craft an interactive hero section for your portfolio! In this comprehensive Rive tutorial, Joey demonstrates how to build an interactive...","og_url":"https:\/\/ericbrooks.com\/whuzzup\/video-design-how-i-used-rive-to-build-a-punchy-pixel-art-character-for-my-website\/","og_site_name":"WHUZZUP!","article_publisher":"https:\/\/www.facebook.com\/EricBrooksDotComWeb\/","article_author":"EricBrooksDotComWeb","article_published_time":"-0001-11-30T00:00:00+00:00","og_image":[{"url":"https:\/\/i4.ytimg.com\/vi\/OXKRBE40-5c\/hqdefault.jpg","type":"","width":"","height":""}],"author":"Eric Brooks","twitter_card":"summary_large_image","twitter_creator":"@EricBrooksCom","twitter_site":"@EricBrooksCom","twitter_misc":{"Written by":"Eric Brooks","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ericbrooks.com\/whuzzup\/video-design-how-i-used-rive-to-build-a-punchy-pixel-art-character-for-my-website\/#article","isPartOf":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/video-design-how-i-used-rive-to-build-a-punchy-pixel-art-character-for-my-website\/"},"author":{"name":"Eric Brooks","@id":"https:\/\/ericbrooks.com\/whuzzup\/#\/schema\/person\/3b162468e1f9814f6e9f61460db00a3a"},"headline":"[#Video #Design] How I Used Rive to Build a PUNCHY Pixel Art Character for my Website","datePublished":"-0001-11-30T00:00:00+00:00","mainEntityOfPage":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/video-design-how-i-used-rive-to-build-a-punchy-pixel-art-character-for-my-website\/"},"wordCount":365,"commentCount":0,"publisher":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/#organization"},"image":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/video-design-how-i-used-rive-to-build-a-punchy-pixel-art-character-for-my-website\/#primaryimage"},"thumbnailUrl":"https:\/\/i4.ytimg.com\/vi\/OXKRBE40-5c\/hqdefault.jpg","articleSection":["Video Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ericbrooks.com\/whuzzup\/video-design-how-i-used-rive-to-build-a-punchy-pixel-art-character-for-my-website\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ericbrooks.com\/whuzzup\/video-design-how-i-used-rive-to-build-a-punchy-pixel-art-character-for-my-website\/","url":"https:\/\/ericbrooks.com\/whuzzup\/video-design-how-i-used-rive-to-build-a-punchy-pixel-art-character-for-my-website\/","name":"[#Video #Design] How I Used Rive to Build a PUNCHY Pixel Art Character for my Website - WHUZZUP!","isPartOf":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/video-design-how-i-used-rive-to-build-a-punchy-pixel-art-character-for-my-website\/#primaryimage"},"image":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/video-design-how-i-used-rive-to-build-a-punchy-pixel-art-character-for-my-website\/#primaryimage"},"thumbnailUrl":"https:\/\/i4.ytimg.com\/vi\/OXKRBE40-5c\/hqdefault.jpg","datePublished":"-0001-11-30T00:00:00+00:00","breadcrumb":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/video-design-how-i-used-rive-to-build-a-punchy-pixel-art-character-for-my-website\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ericbrooks.com\/whuzzup\/video-design-how-i-used-rive-to-build-a-punchy-pixel-art-character-for-my-website\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ericbrooks.com\/whuzzup\/video-design-how-i-used-rive-to-build-a-punchy-pixel-art-character-for-my-website\/#primaryimage","url":"https:\/\/i4.ytimg.com\/vi\/OXKRBE40-5c\/hqdefault.jpg","contentUrl":"https:\/\/i4.ytimg.com\/vi\/OXKRBE40-5c\/hqdefault.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/ericbrooks.com\/whuzzup\/video-design-how-i-used-rive-to-build-a-punchy-pixel-art-character-for-my-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ericbrooks.com\/whuzzup\/"},{"@type":"ListItem","position":2,"name":"[#Video #Design] How I Used Rive to Build a PUNCHY Pixel Art Character for my Website"}]},{"@type":"WebSite","@id":"https:\/\/ericbrooks.com\/whuzzup\/#website","url":"https:\/\/ericbrooks.com\/whuzzup\/","name":"WHUZZUP!","description":"What&#039;s new at EricBrooks.Com plus news and gossip all over CyberTown","publisher":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ericbrooks.com\/whuzzup\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ericbrooks.com\/whuzzup\/#organization","name":"WHUZZUP!","url":"https:\/\/ericbrooks.com\/whuzzup\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ericbrooks.com\/whuzzup\/#\/schema\/logo\/image\/","url":"https:\/\/ericbrooks.com\/images\/posts\/cropped-favicon_64-1.png","contentUrl":"https:\/\/ericbrooks.com\/images\/posts\/cropped-favicon_64-1.png","width":512,"height":512,"caption":"WHUZZUP!"},"image":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/EricBrooksDotComWeb\/","https:\/\/x.com\/EricBrooksCom","https:\/\/www.instagram.com\/ericbrooksdotcom\/","https:\/\/www.linkedin.com\/in\/ericbrooksdotcom","https:\/\/myspace.com\/ericbrooksdotcom","https:\/\/www.pinterest.com\/ericbrookscom\/","https:\/\/www.youtube.com\/user\/ericbrooksdotcom"]},{"@type":"Person","@id":"https:\/\/ericbrooks.com\/whuzzup\/#\/schema\/person\/3b162468e1f9814f6e9f61460db00a3a","name":"Eric Brooks","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/62114f8baf9a3737e7686125b69907010ad6aff5dfc07c12707e8a18bb49bc34?s=96&d=blank&r=x","url":"https:\/\/secure.gravatar.com\/avatar\/62114f8baf9a3737e7686125b69907010ad6aff5dfc07c12707e8a18bb49bc34?s=96&d=blank&r=x","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/62114f8baf9a3737e7686125b69907010ad6aff5dfc07c12707e8a18bb49bc34?s=96&d=blank&r=x","caption":"Eric Brooks"},"description":"Web &amp; Graphic Designer, Blogger, Musician, Evil Clown. I also code websites and promote people for a living. Still kind of a jerk, though. Approach with food.","sameAs":["https:\/\/ericbrooks.com","EricBrooksDotComWeb","ericbrooksdotcom","ericbrookscom\/","https:\/\/x.com\/EricBrooksCom"],"url":"https:\/\/ericbrooks.com\/whuzzup\/author\/site-admin\/"}]}},"_links":{"self":[{"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/posts\/38780","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/comments?post=38780"}],"version-history":[{"count":0,"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/posts\/38780\/revisions"}],"wp:attachment":[{"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/media?parent=38780"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/categories?post=38780"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/tags?post=38780"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}