{"id":20564,"date":"2023-09-08T15:36:30","date_gmt":"2023-09-08T22:36:30","guid":{"rendered":"https:\/\/www.tynker.com\/blog\/?p=20564"},"modified":"2023-09-11T13:14:22","modified_gmt":"2023-09-11T20:14:22","slug":"tynker-toolbox-the-character-creator","status":"publish","type":"post","link":"https:\/\/www.tynker.com\/blog\/tynker-toolbox-the-character-creator\/","title":{"rendered":"New and Improved! Tynker&#8217;s Character Builder"},"content":{"rendered":"\n<p>If you&#8217;ve been coding with Tynker for a while now, you might have noticed that Tynker has several kinds of actors. Some actors like Codey or the Dragons are created using the <strong>Character Builder<\/strong>.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"279\" src=\"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908145733\/codey.gif\" alt=\"\" class=\"wp-image-35995\"\/><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>You can think of these Character Builder-created actors as <strong><em>rigs<\/em><\/strong> that can use common animations, for example: <strong>Throw<\/strong>, <strong>Run<\/strong>, or <strong>Jump<\/strong>. Rigs are in <strong><em>groups<\/em><\/strong>, according to their size and their animation abilities and perspectives.&nbsp;<\/p>\n\n\n\n<p><strong><strong>Teens <\/strong><\/strong>are large, customizable rigs that have 2D animations perfect for platformer games and stories. You can change their faces, outfits, and skin tones to your exact liking! These are brand-new!<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908145848\/Teen-Selection-Skin-Outfit-Character-Builder-v3.gif\" alt=\"\" class=\"wp-image-35996\" width=\"478\" height=\"270\"\/><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p><strong>Kids <\/strong>are smaller rigs that have animations in four directions, side-to-side and front-to-back. This makes Kids great for \u201ctop down\u201d games as well as platformers. They have a HUGE number of available animations in various perspectives, including cool <a href=\"https:\/\/www.tynker.com\/blog\/big-announcement-tynker-has-new-sports-rigs-tutorials\/\" target=\"_blank\" rel=\"noreferrer noopener\">Sports Moves<\/a>.\u00a0<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908145900\/Kids-Tiny-Character-Builder-v3-1024x546.jpg\" alt=\"\" class=\"wp-image-35997\" width=\"512\" height=\"273\" srcset=\"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908145900\/Kids-Tiny-Character-Builder-v3-1024x546.jpg 1024w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908145900\/Kids-Tiny-Character-Builder-v3-300x160.jpg 300w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908145900\/Kids-Tiny-Character-Builder-v3-150x80.jpg 150w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908145900\/Kids-Tiny-Character-Builder-v3-768x410.jpg 768w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908145900\/Kids-Tiny-Character-Builder-v3.jpg 1200w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p><strong>Monsters <\/strong>are little gremlins and trolls in the same style as Codey. They have a smaller number of animations like <strong>Walk<\/strong>, <strong>Jump<\/strong>, and <strong>Sleep<\/strong>, and they are only 2D.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908145920\/Monsters-Trolls-Character-Builder-v3-1024x546.jpg\" alt=\"\" class=\"wp-image-35998\" width=\"512\" height=\"273\" srcset=\"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908145920\/Monsters-Trolls-Character-Builder-v3-1024x546.jpg 1024w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908145920\/Monsters-Trolls-Character-Builder-v3-300x160.jpg 300w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908145920\/Monsters-Trolls-Character-Builder-v3-150x80.jpg 150w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908145920\/Monsters-Trolls-Character-Builder-v3-768x410.jpg 768w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908145920\/Monsters-Trolls-Character-Builder-v3.jpg 1200w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>You\u2019ll also see <strong>Rovers<\/strong> and even <strong>Dragons<\/strong> rigs, which you can explore on your own.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908145936\/Dragons-3-Chars-Character-Builder-v3-1024x664.jpg\" alt=\"\" class=\"wp-image-35999\" width=\"512\" height=\"332\" srcset=\"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908145936\/Dragons-3-Chars-Character-Builder-v3-1024x664.jpg 1024w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908145936\/Dragons-3-Chars-Character-Builder-v3-300x195.jpg 300w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908145936\/Dragons-3-Chars-Character-Builder-v3-150x97.jpg 150w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908145936\/Dragons-3-Chars-Character-Builder-v3-768x498.jpg 768w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908145936\/Dragons-3-Chars-Character-Builder-v3.jpg 1200w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p><strong><em>BTW. <\/em><\/strong>Actors that aren\u2019t created with the Character Builder use costumes for their animations, which means their costumes are simple static images. You can use the <strong>next costume<\/strong> blocks to animate these actors.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-transparent ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6a1cb1750c11c\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #206be5;color:#206be5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #206be5;color:#206be5\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6a1cb1750c11c\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.tynker.com\/blog\/tynker-toolbox-the-character-creator\/#Make_A_Custom_Teen\" >Make A Custom Teen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.tynker.com\/blog\/tynker-toolbox-the-character-creator\/#Project_1_Animation_Board\" >Project #1: Animation Board<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.tynker.com\/blog\/tynker-toolbox-the-character-creator\/#Code_The_Buttons\" >Code The Buttons<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.tynker.com\/blog\/tynker-toolbox-the-character-creator\/#Code_The_Rig\" >Code The Rig<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.tynker.com\/blog\/tynker-toolbox-the-character-creator\/#To_Wait_or_Not\" >To Wait or Not?&nbsp;<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.tynker.com\/blog\/tynker-toolbox-the-character-creator\/#Project_2_Make_em_Flip\" >Project #2: Make &#8217;em Flip<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.tynker.com\/blog\/tynker-toolbox-the-character-creator\/#Project_3_Gigantify_Your_Rig\" >Project #3: Gigantify Your Rig<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.tynker.com\/blog\/tynker-toolbox-the-character-creator\/#Project_4_Goblin_Goes_Sproing\" >Project #4: Goblin Goes Sproing<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.tynker.com\/blog\/tynker-toolbox-the-character-creator\/#Do_Some_Animations_Yourself\" >Do Some Animations Yourself!<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Make_A_Custom_Teen\"><\/span><strong>Make A Custom Teen<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Let\u2019s go ahead and create a character you\u2019ll be able to animate! Create a new Tynker project (<strong>Login &gt; Projects &gt; Create New Project &gt; Create Blank Project<\/strong>). <\/p>\n\n\n\n<p>Go to <strong>Add Actor<\/strong> and choose <strong>Character Builder<\/strong>.&nbsp;You\u2019ll see a big list of characters to start with in the <strong>Teen <\/strong>category. Choose one of these! After making your pick, you\u2019ll see a character creator screen appear. With this tool, you can change your character\u2019s hair, what they\u2019re wearing, and more!<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908150020\/Guide-Numbered-1-5-Character-Builder-v3-1024x575.jpg\" alt=\"\" class=\"wp-image-36000\" width=\"768\" height=\"431\" srcset=\"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908150020\/Guide-Numbered-1-5-Character-Builder-v3-1024x575.jpg 1024w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908150020\/Guide-Numbered-1-5-Character-Builder-v3-300x169.jpg 300w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908150020\/Guide-Numbered-1-5-Character-Builder-v3-150x84.jpg 150w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908150020\/Guide-Numbered-1-5-Character-Builder-v3-768x431.jpg 768w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908150020\/Guide-Numbered-1-5-Character-Builder-v3.jpg 1200w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>\u2776 <strong>Part Selector. <\/strong>Choose which body part to change, then try out some new options. Customize your character&#8217;s skin-tone, outfit, and more!<\/p>\n\n\n\n<p>\u2777 <strong>Your Character. <\/strong>You\u2019ll see the changes show up here, right away.<\/p>\n\n\n\n<p>\u2778 <strong>Undo and Redo.<\/strong> Don&#8217;t like your change? Undo or redo your most recent actions.&nbsp;<\/p>\n\n\n\n<p>\u2779 <strong>Preview Animation. <\/strong>Click here, then choose one of the actions, and your character will perform it.&nbsp;<\/p>\n\n\n\n<p>\u277a <strong>Change Character.<\/strong> Switch the base model or reset your current model to its default.&nbsp;<\/p>\n\n\n\n<p>\u277b <strong>Rename and Save. <\/strong>Once you\u2019re happy with how your character looks, give your character a custom name, then click <strong>Save. <\/strong>Click the \u2190 arrow in the upper right<strong> <\/strong>and get back to coding!<\/p>\n\n\n\n<p>Here\u2019s a preview of the <strong>Kick <\/strong>and the <strong>Jump <\/strong>animation. Try out some moves on your own!<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908150441\/jump-kick.gif\" alt=\"\" class=\"wp-image-36002\" width=\"225\" height=\"256\"\/><\/figure>\n<\/div>\n\n\n<p>&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Project_1_Animation_Board\"><\/span>Project #1: Animation Board<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>You can control rigs with code. Let\u2019s code buttons that will make your new custom actor perform different animations.&nbsp;Here&#8217;s how your project might look:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908150609\/Animation-Board-Character-Builder-v3.gif\" alt=\"\" class=\"wp-image-36003\" width=\"718\" height=\"404\"\/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Code_The_Buttons\"><\/span>Code The Buttons<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Add a button like the <strong>Red Button<\/strong> to your project (<strong>Add Actor &gt; Media Library<\/strong>), then give it a name in the Actor List like \u201cJump,\u201d \u201cDance,\u201d or \u201cThrow\u201d\u2014whatever animation you want your character to perform.&nbsp;<\/p>\n\n\n\n<p>We\u2019ll give two scripts for the button. First, we\u2019ll set a label for the button. Notice how the label becomes the actor\u2019s name using the <strong>my actor name <\/strong>block!&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20200326084542\/board01-1024x497.png\" alt=\"A script that sets a label for an actor \" class=\"wp-image-20570\" width=\"512\" height=\"249\" srcset=\"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20200326084542\/board01-1024x497.png 1024w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20200326084542\/board01-150x73.png 150w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20200326084542\/board01-300x146.png 300w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20200326084542\/board01-768x373.png 768w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20200326084542\/board01-1280x622.png 1280w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>Then, when the button is clicked, it will switch costumes and broadcast the <strong>Celebrate <\/strong>message. The <strong>wait <\/strong>block makes sure that we can see the button\u2019s costumes switching.&nbsp;We\u2019ll make your character respond to this message shortly.&nbsp;<br><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908150709\/celebrate-button-795x1024.png\" alt=\"\" class=\"wp-image-36004\" width=\"199\" height=\"256\" srcset=\"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908150709\/celebrate-button-795x1024.png 795w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908150709\/celebrate-button-233x300.png 233w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908150709\/celebrate-button-117x150.png 117w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908150709\/celebrate-button-768x989.png 768w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908150709\/celebrate-button-150x193.png 150w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908150709\/celebrate-button.png 974w\" sizes=\"auto, (max-width: 199px) 100vw, 199px\" \/><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>Add another button actor, and have it broadcast a different message\u2014like \u201c<strong>Defeated.<\/strong>\u201d You can save time coding this by duplicating your first button actor in the Actor List (Click on the <strong>\u22ee<\/strong> and then choose <strong>Duplicate<\/strong>. You can also drag-and-drop code into another actor, using the Actor List.)<br><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908150821\/defeated-button-781x1024.png\" alt=\"\" class=\"wp-image-36005\" width=\"195\" height=\"256\" srcset=\"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908150821\/defeated-button-781x1024.png 781w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908150821\/defeated-button-229x300.png 229w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908150821\/defeated-button-114x150.png 114w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908150821\/defeated-button-768x1007.png 768w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908150821\/defeated-button-150x197.png 150w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908150821\/defeated-button.png 956w\" sizes=\"auto, (max-width: 195px) 100vw, 195px\" \/><figcaption class=\"wp-element-caption\"><br><br><\/figcaption><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Code_The_Rig\"><\/span>Code The Rig<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Then go back to your custom Teen character and give them this code. First, have your character start with an <strong>Idle <\/strong>animation.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908150921\/start-idle.png\" alt=\"\" class=\"wp-image-36006\" width=\"174\" height=\"138\" srcset=\"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908150921\/start-idle.png 696w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908150921\/start-idle-300x238.png 300w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908150921\/start-idle-150x119.png 150w\" sizes=\"auto, (max-width: 174px) 100vw, 174px\" \/><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>Then make the rig respond to your buttons\u2019 broadcasts. I wanted my character to perform the Celebration animation three times, but you can change things up so it repeats as much as <strong>you <\/strong>want:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908150955\/receive-celebrate-1024x686.png\" alt=\"\" class=\"wp-image-36007\" width=\"256\" height=\"172\" srcset=\"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908150955\/receive-celebrate-1024x686.png 1024w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908150955\/receive-celebrate-300x201.png 300w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908150955\/receive-celebrate-150x100.png 150w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908150955\/receive-celebrate-768x514.png 768w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908150955\/receive-celebrate-1536x1028.png 1536w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908150955\/receive-celebrate-1280x857.png 1280w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908150955\/receive-celebrate.png 1613w\" sizes=\"auto, (max-width: 256px) 100vw, 256px\" \/><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>Here&#8217;s the code that creates the Defeated animation sequence:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908151114\/receive-defeated-1024x935.png\" alt=\"\" class=\"wp-image-36008\" width=\"256\" height=\"234\" srcset=\"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908151114\/receive-defeated-1024x935.png 1024w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908151114\/receive-defeated-300x274.png 300w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908151114\/receive-defeated-150x137.png 150w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908151114\/receive-defeated-768x701.png 768w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908151114\/receive-defeated-1536x1403.png 1536w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908151114\/receive-defeated-1280x1169.png 1280w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908151114\/receive-defeated.png 1754w\" sizes=\"auto, (max-width: 256px) 100vw, 256px\" \/><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>Notice how both the Celebration and the Defeated animation sequences end with an <strong>Idle <\/strong>animation, which returns the character to normal. <strong>Play <\/strong>your project, then press your on-Stage buttons to make sure everything is working as you expected.&nbsp;Try duplicating the button and create new messages to control your character\u2019s animations.&nbsp;<\/p>\n\n\n\n<p>Make a button that does more than a single animation\u2014a whole dance routine or a combat sequence!<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908151226\/Kids-Tiny-Dance-Character-Builder-v3.gif\" alt=\"\" class=\"wp-image-36009\" width=\"96\" height=\"94\"\/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"To_Wait_or_Not\"><\/span>To Wait or Not?&nbsp;<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Did you notice that there are two animation code blocks in this project? One is <strong>animate<\/strong>, the other is <strong>animate and wait<\/strong>. What\u2019s the difference? The <strong>animate and wait<\/strong> block won\u2019t run additional blocks until the animation sequence finishes! In contrast, the regular <strong>animate<\/strong> block <strong><em>can <\/em><\/strong>be interrupted.<\/p>\n\n\n\n<p>For animations in your game or story that you want to be interrupted (for example, like idling, walking, or running), you can use the <strong>animate<\/strong> block.&nbsp;For animations that you know need to finish (for example, actions like dancing, dying, throwing) use the <strong>animate and wait<\/strong> block instead. Experiment to find out what\u2019s right for your project!<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Project_2_Make_em_Flip\"><\/span>Project #2: Make &#8217;em Flip<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>You can also create <strong><em>custom animations<\/em><\/strong>, give them a name, and use them in projects. This is a custom animation for a <strong>flip<\/strong>.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"394\" height=\"190\" src=\"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20200326085031\/flip.gif\" alt=\"A flipping ninja animation \" class=\"wp-image-20577\"\/><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>Let\u2019s code it! Notice how we use the wait for animation named flip to finish before performing another animation. Give this code a try:<br><br><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20200326085052\/flip-code-819x1024.png\" alt=\"A custom animation script that flips the ninja\" class=\"wp-image-20578\" width=\"410\" height=\"512\" srcset=\"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20200326085052\/flip-code-819x1024.png 819w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20200326085052\/flip-code-120x150.png 120w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20200326085052\/flip-code-240x300.png 240w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20200326085052\/flip-code-768x961.png 768w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20200326085052\/flip-code-1280x1601.png 1280w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20200326085052\/flip-code.png 1468w\" sizes=\"auto, (max-width: 410px) 100vw, 410px\" \/><figcaption class=\"wp-element-caption\"><br><br><br><\/figcaption><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Project_3_Gigantify_Your_Rig\"><\/span>Project #3: Gigantify Your Rig<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Here\u2019s another custom animation. Imagine you had a story or a game where a character drinks a potion and gets much bigger. You would want the actor to grow over time, then revert to normal.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"370\" height=\"344\" src=\"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20200326085129\/gigantify.gif\" alt=\"An animation showing a character growing on click\" class=\"wp-image-20579\"\/><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>Here\u2019s how you could code it, using a mouse click as a trigger. In this code, you can see there are two custom animations, <strong>grow <\/strong>and <strong>shrink<\/strong>.&nbsp;<br><br><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20200326085142\/gigantify-code-552x1024.png\" alt=\"A script to make a character grow on click \" class=\"wp-image-20580\" width=\"276\" height=\"512\" srcset=\"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20200326085142\/gigantify-code-552x1024.png 552w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20200326085142\/gigantify-code-81x150.png 81w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20200326085142\/gigantify-code-162x300.png 162w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20200326085142\/gigantify-code-768x1424.png 768w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20200326085142\/gigantify-code-1280x2373.png 1280w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20200326085142\/gigantify-code.png 1369w\" sizes=\"auto, (max-width: 276px) 100vw, 276px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Project_4_Goblin_Goes_Sproing\"><\/span>Project #4: Goblin Goes Sproing<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Now let&#8217;s try another way of making a growing effect with the scale block, this time with a fun &#8220;bouncy&#8221; effect. Here&#8217;s how things look:&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908151318\/goblin-sproing.gif\" alt=\"\" class=\"wp-image-36010\"\/><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>This effect can work for any actor. But how do you get that springy, &#8220;elastic&#8221; effect? With the <strong>set easing <\/strong>block! Try a short program like this one:&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908151638\/image-80-1.png\" alt=\"\" class=\"wp-image-36011\" width=\"348\" height=\"546\" srcset=\"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908151638\/image-80-1.png 464w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908151638\/image-80-1-191x300.png 191w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908151638\/image-80-1-96x150.png 96w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908151638\/image-80-1-150x235.png 150w\" sizes=\"auto, (max-width: 348px) 100vw, 348px\" \/><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>In animation, easing helps objects move in a way that looks natural. Without easing, an object might start and stop suddenly. With easing, the object can start moving slowly, speed up, and then slow down again. Experiment with the different easing modes to see different animation effects!&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Do_Some_Animations_Yourself\"><\/span>Do Some Animations Yourself!<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Want some ideas for your own Character Builder Tynker projects? Here are a few:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Add two characters to a program and make them have a conversation. You could create a story or tell a joke.&nbsp;<\/li>\n\n\n\n<li>Try making your own custom animation block.&nbsp;<\/li>\n\n\n\n<li>How can you use the <strong>set part<\/strong> block in your story or joke?&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>Did you make a custom character do something cool with code? Or invent something neat with the Character Builder? Tell us at <a href=\"mailto:community@tynker.com\">community@tynker.com<\/a>.&nbsp;<\/p>\n\n\n\n<p>Looking for more coding activities? Check out our <a href=\"https:\/\/www.tynker.com\/parents\/\">Course Catalog<\/a>.&nbsp;<\/p>\n\n\n\n<p>And read the rest of our free tutorials in the <strong>Tynker Toolbox <\/strong>series:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.tynker.com\/blog\/tynker-workshop-basics\/\"><strong>Tynker Workshop Basics<\/strong><\/a> \u2014 Learn about coordinates and start coding with Tynker.<\/li>\n\n\n\n<li><a href=\"https:\/\/www.tynker.com\/blog\/animation-tool\/\"><strong>The Animation Tool<\/strong><\/a> \u2014 Learn about frame-based animation and other animation tips.<\/li>\n\n\n\n<li><a href=\"https:\/\/www.tynker.com\/blog\/text-tricks\/\"><strong>Text Tricks<\/strong><\/a><span style=\"color: initial;\"> \u2014 Work with speech bubbles and more. Tell your own stories, put on a play, or make a computer write poetry!<\/span><\/li>\n\n\n\n<li><a href=\"https:\/\/www.tynker.com\/blog\/tynker-toolbox-the-sound-blocks\/\"><strong>The Sound Blocks<\/strong><\/a> \u2014 Play music with code! Add custom sound effects, too. Tynker\u2019s brand new music tool supports MIDI and MP3.&nbsp;<\/li>\n\n\n\n<li><a href=\"https:\/\/www.tynker.com\/blog\/the-synth-blocks\/\"><strong>The Synth Blocks<\/strong><\/a> \u2014 Create your own sound effects and instruments! You can create crunchy dubstep drops, glitchy chiptunes, or instruments from any style of music you can imagine!&nbsp;<\/li>\n\n\n\n<li><a href=\"https:\/\/www.tynker.com\/blog\/tynker-toolbox-code-block-tricks\/\"><strong>Code Block Tricks<\/strong><\/a> \u2014 Get top-secret ninja tips for writing code fast in Tynker Workshop.&nbsp;<\/li>\n\n\n\n<li><a href=\"https:\/\/www.tynker.com\/blog\/tynker-toolbox-the-pen-blocks\/\"><strong>The Pen Blocks<\/strong><\/a> \u2014 Make your actors draw as they move. Create patterns, draw geometric shapes, and more.<\/li>\n\n\n\n<li><a href=\"https:\/\/www.tynker.com\/blog\/tynker-toolbox-the-physics-blocks\/\"><strong>The Physics Blocks<\/strong><\/a> \u2014 Create games or simulations with gravity, collisions, and more. Think: <em>Angry Birds<\/em> and <em>Marble Madness<\/em>.<\/li>\n\n\n\n<li><a href=\"https:\/\/www.tynker.com\/blog\/the-ar-blocks\/\"><strong>The Augmented Reality (AR) Blocks<\/strong><\/a> \u2014 Want to use video or photos in your programs? Try the AR Blocks, which let you code your own selfie!&nbsp;<\/li>\n\n\n\n<li><a href=\"https:\/\/www.tynker.com\/blog\/tynker-toolbox-the-ai-blocks\/\"><strong>The Artificial Intelligence (AI) Blocks<\/strong><\/a> \u2014 Take your AR projects to the next level with face-, hand-, and pose-tracking. Explore what makes AI special.&nbsp;<\/li>\n\n\n\n<li><a href=\"https:\/\/www.tynker.com\/blog\/debugger\/\"><strong>The Debugger<\/strong><\/a><span style=\"color: initial;\"> \u2014 Learn about Tynker\u2019s data debugger and get bug-fixing tips.<\/span><\/li>\n\n\n\n<li><a href=\"https:\/\/www.tynker.com\/blog\/tynker-toolbox-the-tutorial-builder\/\"><strong>The Tutorial Builder<\/strong><\/a> \u2014 Did you ever make a really cool Tynker Block project and wish you could teach the whole world exactly how you did it? Now you can!<\/li>\n\n\n\n<li><a href=\"https:\/\/www.tynker.com\/blog\/tynker-toolbox-the-python-editor\/\"><strong>The Python Editor<\/strong><\/a> \u2014 Looking for a challenge? Ready for your next step on your coding journey? Learn Python with Tynker too, and take the plunge into text-based coding.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p class=\"has-text-align-center\">\n\n<a class=\"sf-button large accent standard \" href=\"https:\/\/www.tynker.com\" target=\"_blank\"><span class=\"text\">GET STARTED FOR FREE<\/span><\/a>  \n\n<\/p>\n\n\n\n<p><br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you&#8217;ve been coding with Tynker for a while now, you might have noticed that Tynker has several kinds of actors. Some actors like Codey or the Dragons are created using the Character Builder.&nbsp; You can think of these Character Builder-created actors as rigs that can use common animations, for example: Throw, Run, or Jump. Rigs are in groups, according [&hellip;]<\/p>\n","protected":false},"author":25,"featured_media":36001,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[510,12,123],"tags":[430,432,429],"class_list":["post-20564","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-block-coding","category-ideas-and-tips","category-new-tynker-features","tag-basics","tag-creative-coding","tag-tynker-toolbox"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>New and Improved! Tynker&#039;s Character Builder - Tynker Blog<\/title>\n<meta name=\"description\" content=\"Create custom characters in Tynker! Take control of rigs using the Animation blocks. Write simple scripts to control your characters.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.tynker.com\/blog\/tynker-toolbox-the-character-creator\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"New and Improved! Tynker&#039;s Character Builder - Tynker Blog\" \/>\n<meta property=\"og:description\" content=\"Create custom characters in Tynker! Take control of rigs using the Animation blocks. Write simple scripts to control your characters.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.tynker.com\/blog\/tynker-toolbox-the-character-creator\/\" \/>\n<meta property=\"og:site_name\" content=\"Tynker Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Gotynker\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-09-08T22:36:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-09-11T20:14:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908150103\/Header-Character-Builder-v3.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"640\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Tynker Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@gotynker\" \/>\n<meta name=\"twitter:site\" content=\"@gotynker\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Tynker Team\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"New and Improved! Tynker's Character Builder - Tynker Blog","description":"Create custom characters in Tynker! Take control of rigs using the Animation blocks. Write simple scripts to control your characters.","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:\/\/www.tynker.com\/blog\/tynker-toolbox-the-character-creator\/","og_locale":"en_US","og_type":"article","og_title":"New and Improved! Tynker's Character Builder - Tynker Blog","og_description":"Create custom characters in Tynker! Take control of rigs using the Animation blocks. Write simple scripts to control your characters.","og_url":"https:\/\/www.tynker.com\/blog\/tynker-toolbox-the-character-creator\/","og_site_name":"Tynker Blog","article_publisher":"https:\/\/www.facebook.com\/Gotynker\/","article_published_time":"2023-09-08T22:36:30+00:00","article_modified_time":"2023-09-11T20:14:22+00:00","og_image":[{"width":1200,"height":640,"url":"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908150103\/Header-Character-Builder-v3.jpg","type":"image\/jpeg"}],"author":"Tynker Team","twitter_card":"summary_large_image","twitter_creator":"@gotynker","twitter_site":"@gotynker","twitter_misc":{"Written by":"Tynker Team","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.tynker.com\/blog\/tynker-toolbox-the-character-creator\/#article","isPartOf":{"@id":"https:\/\/www.tynker.com\/blog\/tynker-toolbox-the-character-creator\/"},"author":{"name":"Tynker Team","@id":"https:\/\/www.tynker.com\/blog\/#\/schema\/person\/934d769f4839cb9df678306ee728f671"},"headline":"New and Improved! Tynker&#8217;s Character Builder","datePublished":"2023-09-08T22:36:30+00:00","dateModified":"2023-09-11T20:14:22+00:00","mainEntityOfPage":{"@id":"https:\/\/www.tynker.com\/blog\/tynker-toolbox-the-character-creator\/"},"wordCount":1542,"publisher":{"@id":"https:\/\/www.tynker.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.tynker.com\/blog\/tynker-toolbox-the-character-creator\/#primaryimage"},"thumbnailUrl":"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908150103\/Header-Character-Builder-v3.jpg","keywords":["Basics","Creative Coding","Tynker Toolbox"],"articleSection":["Block Coding","Ideas and Tips","New Tynker Features"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.tynker.com\/blog\/tynker-toolbox-the-character-creator\/","url":"https:\/\/www.tynker.com\/blog\/tynker-toolbox-the-character-creator\/","name":"New and Improved! Tynker's Character Builder - Tynker Blog","isPartOf":{"@id":"https:\/\/www.tynker.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.tynker.com\/blog\/tynker-toolbox-the-character-creator\/#primaryimage"},"image":{"@id":"https:\/\/www.tynker.com\/blog\/tynker-toolbox-the-character-creator\/#primaryimage"},"thumbnailUrl":"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908150103\/Header-Character-Builder-v3.jpg","datePublished":"2023-09-08T22:36:30+00:00","dateModified":"2023-09-11T20:14:22+00:00","description":"Create custom characters in Tynker! Take control of rigs using the Animation blocks. Write simple scripts to control your characters.","breadcrumb":{"@id":"https:\/\/www.tynker.com\/blog\/tynker-toolbox-the-character-creator\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.tynker.com\/blog\/tynker-toolbox-the-character-creator\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.tynker.com\/blog\/tynker-toolbox-the-character-creator\/#primaryimage","url":"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908150103\/Header-Character-Builder-v3.jpg","contentUrl":"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20230908150103\/Header-Character-Builder-v3.jpg","width":1200,"height":640},{"@type":"BreadcrumbList","@id":"https:\/\/www.tynker.com\/blog\/tynker-toolbox-the-character-creator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Coding for Kids","item":"https:\/\/www.tynker.com\/"},{"@type":"ListItem","position":2,"name":"Blog","item":"https:\/\/www.tynker.com\/blog\/"},{"@type":"ListItem","position":3,"name":"New and Improved! Tynker&#8217;s Character Builder"}]},{"@type":"WebSite","@id":"https:\/\/www.tynker.com\/blog\/#website","url":"https:\/\/www.tynker.com\/blog\/","name":"Tynker Blog","description":"Tynker makes it fun and easy to learn computer programming. Get started today with Tynker&#039;s easy-to-learn, visual programming courses designed for young learners in grades K-12.","publisher":{"@id":"https:\/\/www.tynker.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.tynker.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.tynker.com\/blog\/#organization","name":"Tynker - Coding for Kids","url":"https:\/\/www.tynker.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.tynker.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20220713063303\/appicon-120.png","contentUrl":"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20220713063303\/appicon-120.png","width":120,"height":120,"caption":"Tynker - Coding for Kids"},"image":{"@id":"https:\/\/www.tynker.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Gotynker\/","https:\/\/x.com\/gotynker","https:\/\/www.instagram.com\/tynkercoding\/","https:\/\/www.pinterest.com\/gotynker\/","https:\/\/www.linkedin.com\/company\/tynker"]},{"@type":"Person","@id":"https:\/\/www.tynker.com\/blog\/#\/schema\/person\/934d769f4839cb9df678306ee728f671","name":"Tynker Team","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.tynker.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/53c002ba171d44324489e00b00f5b0ebf381cabfef3347db5e6d5257409d92ba?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/53c002ba171d44324489e00b00f5b0ebf381cabfef3347db5e6d5257409d92ba?s=96&d=mm&r=g","caption":"Tynker Team"},"url":"https:\/\/www.tynker.com\/blog\/author\/lpateltynker-com\/"}]}},"_links":{"self":[{"href":"https:\/\/www.tynker.com\/blog\/wp-json\/wp\/v2\/posts\/20564","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tynker.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tynker.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tynker.com\/blog\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tynker.com\/blog\/wp-json\/wp\/v2\/comments?post=20564"}],"version-history":[{"count":26,"href":"https:\/\/www.tynker.com\/blog\/wp-json\/wp\/v2\/posts\/20564\/revisions"}],"predecessor-version":[{"id":36021,"href":"https:\/\/www.tynker.com\/blog\/wp-json\/wp\/v2\/posts\/20564\/revisions\/36021"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tynker.com\/blog\/wp-json\/wp\/v2\/media\/36001"}],"wp:attachment":[{"href":"https:\/\/www.tynker.com\/blog\/wp-json\/wp\/v2\/media?parent=20564"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tynker.com\/blog\/wp-json\/wp\/v2\/categories?post=20564"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tynker.com\/blog\/wp-json\/wp\/v2\/tags?post=20564"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}