{"id":4058,"date":"2022-02-23T17:20:32","date_gmt":"2022-02-23T17:20:32","guid":{"rendered":"https:\/\/brightchamps.com\/blog\/?p=4058"},"modified":"2026-02-02T13:01:28","modified_gmt":"2026-02-02T13:01:28","slug":"thunkable-canvas-and-sprites","status":"publish","type":"post","link":"https:\/\/brightchamps.com\/blog\/thunkable-canvas-and-sprites\/","title":{"rendered":"How to Get started with Thunkable: Learn About Canvas &#038; Sprites"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"4058\" class=\"elementor elementor-4058\">\n\t\t\t\t<div class=\"elementor-element elementor-element-318ba609 e-flex e-con-boxed e-con e-parent\" data-id=\"318ba609\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-270fc7fa elementor-widget elementor-widget-text-editor\" data-id=\"270fc7fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"yoast-breadcrumbs\"><span><span><a href=\"https:\/\/brightchamps.com\/blog\/\">Home<\/a><\/span> \u00bb <span><a href=\"https:\/\/brightchamps.com\/blog\/code-for-kids\/\">Code for Kids Corner<\/a><\/span> \u00bb <span class=\"breadcrumb_last\" aria-current=\"page\"><strong>How to Get started with Thunkable: Learn About Canvas &#038; Sprites<\/strong><\/span><\/span><\/div>\n<p>\u00a0<\/p>\n\n<p class=\"wp-block-paragraph\">\u00a0<\/p>\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/brightchamps.com\/blog\/thunkable-canvas-and-sprites\/\" target=\"_blank\" rel=\"noreferrer noopener\">Thunkable <\/a>is a block-based coding language that is more similar to the educational tool <a href=\"https:\/\/brightchamps.com\/blog\/guides\/scratch-programming\/\">Scratch<\/a>.<\/p>\n\n<p class=\"wp-block-paragraph\">Thunkable is a mobile-first app builder that is based on the MIT App Inventor platform, which is a free app development platform that teaches anyone how to code apps.<\/p>\n\n<p class=\"wp-block-paragraph\">While the platform appears fairly simple, you may be wondering how to get started there.<\/p>\n\n<p class=\"wp-block-paragraph\">If this is your first time on Thunkable, this is a reasonable question to ask.<\/p>\n\n<p class=\"wp-block-paragraph\">Before beginning the app development process with Thunkable, a few fundamental concepts must be grasped.<\/p>\n\n<p class=\"wp-block-paragraph\">To better understand how to get started with Thubkable, read this blog to the end.<\/p>\n\n<div class=\"wp-block-yoast-seo-table-of-contents yoast-table-of-contents\">\n<h2>Table of contents<\/h2>\n<ul>\n<li><a href=\"#how-to-get-started-with-thunkable\" data-level=\"2\">How to Get started with Thunkable<\/a>\n<ul>\n<li><a href=\"#how-to-create-a-project-on-thunkable\" data-level=\"3\">How to Create a Project on Thunkable<\/a><\/li>\n<\/ul>\n<\/li>\n<li><a href=\"#introduction-to-thunkable-canvas-and-sprite\" data-level=\"2\">Introduction to Thunkable Canvas and Sprite <\/a>\n<ul>\n<li><a href=\"#how-to-add-sprite-to-the-canvas\" data-level=\"3\">How to add Sprite to the Canvas<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/div>\n\n<h2 id=\"how-to-get-started-with-thunkable\" class=\"wp-block-heading\">How to Get started with Thunkable<\/h2>\n\n<p class=\"wp-block-paragraph\">Follow the steps given below to get started,<\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>Step 1<\/strong>: Sign Up\/In<\/li>\n\n<li><strong>Step 2<\/strong>: Go to the <a href=\"https:\/\/docs.thunkable.com\/settings\/manage-your-projects\/your-thunkable-projects-page\">Thunkable project page<\/a><\/li>\n\n<li><strong>Step 3<\/strong>: Learn from tutorials on Thunkable<\/li>\n\n<li><strong>Step 4<\/strong>: Learn about Components<\/li>\n\n<li><strong>Step 5<\/strong>: Learn about Blocks<\/li>\n\n<li><strong>Step 6<\/strong>: Create your project<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\">Now that you know what steps to take, let&#8217;s look at how to create your project on Thunkable.<\/p>\n\n<h3 id=\"how-to-create-a-project-on-thunkable\" class=\"wp-block-heading\">How to Create a Project on Thunkable<\/h3>\n\n<p class=\"wp-block-paragraph\">The first step in creating a project in Thunkable is to give your project a name and select a category that fits it.<\/p>\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"678\" class=\"wp-image-4059\" src=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Thunkable-Canvas-Sprites-Step-1-1024x678.png\" alt=\"Thunkable Canvas &amp; Sprites Step 1\" srcset=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Thunkable-Canvas-Sprites-Step-1-1024x678.png 1024w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Thunkable-Canvas-Sprites-Step-1-980x649.png 980w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Thunkable-Canvas-Sprites-Step-1-480x318.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><\/figure>\n\n<p class=\"wp-block-paragraph\">You will now be taken to the project page, where you can create a new project.<\/p>\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"667\" class=\"wp-image-4060\" src=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Thunkable-Canvas-Sprites-Step-2-1024x667.png\" alt=\"Thunkable Canvas &amp; Sprites Step 2\" srcset=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Thunkable-Canvas-Sprites-Step-2-980x638.png 980w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Thunkable-Canvas-Sprites-Step-2-480x313.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><\/figure>\n\n<p class=\"wp-block-paragraph\"><strong>App Tree<\/strong>: A list of all the sources added to the project to help you organize the components.<\/p>\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"804\" height=\"502\" class=\"wp-image-4061\" src=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Thunkable-Canvas-Sprites-Step-3.png\" alt=\"Thunkable Canvas &amp; Sprites\" srcset=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Thunkable-Canvas-Sprites-Step-3.png 804w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Thunkable-Canvas-Sprites-Step-3-480x300.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 804px, 100vw\" \/><\/figure>\n\n<p class=\"wp-block-paragraph\"><strong>Component Panel:<\/strong> The components required for the project are available here. It has visible components that are visible on the mobile screen and invisible components that are not visible on the screen.<\/p>\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"514\" height=\"1024\" class=\"wp-image-4062\" src=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Thunkable-Canvas-Sprites-Step-4-514x1024.png\" alt=\"Thunkable Canvas &amp; Sprites\" srcset=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Thunkable-Canvas-Sprites-Step-4-514x1024.png 514w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Thunkable-Canvas-Sprites-Step-4-480x956.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 514px, 100vw\" \/><\/figure>\n\n<p class=\"wp-block-paragraph\"><strong>Properties Panel<\/strong>: The panel can be used to customize the appearance of newly added components.<\/p>\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"486\" height=\"1024\" class=\"wp-image-4063\" src=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Thunkable-Canvas-Sprites-Step-5-486x1024.png\" alt=\"Thunkable Canvas &amp; Sprites\" srcset=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Thunkable-Canvas-Sprites-Step-5-486x1024.png 486w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Thunkable-Canvas-Sprites-Step-5-480x1011.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 486px, 100vw\" \/><\/figure>\n\n<p class=\"wp-block-paragraph\"><strong>Mobile Stimulator: <\/strong>It is similar to a mobile screen that aids in the design of an app.<\/p>\n\n<div class=\"wp-block-spacer\" style=\"height: 35px;\" aria-hidden=\"true\">\u00a0<\/div>\n\n<h2 id=\"introduction-to-thunkable-canvas-and-sprite\" class=\"wp-block-heading\">Introduction to Thunkable Canvas and Sprite<\/h2>\n\n<div class=\"wp-block-spacer\" style=\"height: 35px;\" aria-hidden=\"true\">\u00a0<\/div>\n\n<p class=\"wp-block-paragraph\">The canvas is a touch-sensitive panel used to experience various games that require touching a screen.<\/p>\n\n<p class=\"wp-block-paragraph\">It can create games and drawing apps that require a screen touch.<\/p>\n\n<p class=\"wp-block-paragraph\">To add the canvas component, click on it in the component panel and drag and drop it onto the screen.<\/p>\n\n<p class=\"wp-block-paragraph\">When you add the canvas, you&#8217;ll notice the canvas specifications appear above the app tree.<\/p>\n\n<p class=\"wp-block-paragraph\"><strong>The Stage:<\/strong> It is the canvas background, and just like in scratch, you can change the background colour or picture of the stage, as well as move the sprites on the stage.<\/p>\n\n<h3 id=\"how-to-add-sprite-to-the-canvas\" class=\"wp-block-heading\">How to add Sprite to the Canvas<\/h3>\n\n<p class=\"wp-block-paragraph\" id=\"how-to-add-sprite-to-the-canvas\"><strong>Sprites<\/strong> are characters or images you add to a touch-sensitive project. To add a sprite, right-click on the stage and select add sprite.<\/p>\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"958\" height=\"826\" class=\"wp-image-4064\" src=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Thunkable-Canvas-Sprites-Step-6.png\" alt=\"Thunkable Canvas &amp; Sprites\" srcset=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Thunkable-Canvas-Sprites-Step-6.png 958w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Thunkable-Canvas-Sprites-Step-6-480x414.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 958px, 100vw\" \/><\/figure>\n\n<p class=\"wp-block-paragraph\"><strong>Canvas<\/strong> can be used for making games and also for using<br \/>drawing app, which requires touching the screen.<\/p>\n\n<p class=\"wp-block-paragraph\">For example, if you&#8217;re making a video game, you would add obstacles and the player as sprites.<\/p>\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"898\" height=\"780\" class=\"wp-image-4065\" src=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Thunkable-Canvas-Sprites-Step-7.png\" alt=\"Thunkable Canvas &amp; Sprites\" srcset=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Thunkable-Canvas-Sprites-Step-7.png 898w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Thunkable-Canvas-Sprites-Step-7-480x417.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 898px, 100vw\" \/><\/figure>\n\n<p class=\"wp-block-paragraph\">Click on the add sprite type button, then select the type of sprite and the character you want.<\/p>\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"458\" height=\"918\" class=\"wp-image-4066\" src=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Thunkable-Canvas-Sprites-Step-8.png\" alt=\"Thunkable Canvas &amp; Sprites\" srcset=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Thunkable-Canvas-Sprites-Step-8.png 458w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Thunkable-Canvas-Sprites-Step-8-150x300.png 150w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Thunkable-Canvas-Sprites-Step-8-75x150.png 75w\" sizes=\"auto, (max-width: 458px) 100vw, 458px\" \/><\/figure>\n\n<p class=\"wp-block-paragraph\">That\u2019s it! Getting started on Thunkable is pretty simple. If you follow the above steps properly you\u2019ll indeed develop your first project.<\/p>\n\n<p class=\"wp-block-paragraph\"><strong>Conclusion<\/strong><\/p>\n\n<p class=\"wp-block-paragraph\">Anyone who wishes to build an app but isn&#8217;t a programmer should use Thunkable.<\/p>\n\n<p class=\"wp-block-paragraph\">All you need is an app idea, which Thunkable makes simple to develop and distribute directly to online stores like Google Play and the Apple App Store.<\/p>\n\n<p class=\"wp-block-paragraph\">It is comparable to Scratch, another block-based programming language, and getting started on your first project is simple once you join up. Are you eager to use Thunkable to create your first smartphone application? Check out the most recent entertaining blogs on the BrightCHAMPS blog website to find out more about Thunkabke and its entertaining features.<\/p>\n\n<p class=\"wp-block-paragraph\">Learn Block-Based Coding at <a href=\"https:\/\/brightchamps.com\/\">BrightChamps<\/a> with its specially designed curriculum that makes learning programming easy for students in Grade 1-12. BrightChamps also teaches a variety of other programs that help kids build a foundation in computer programming through activities, assignments, and <a href=\"https:\/\/brightchamps.com\/blog\/\">other means<\/a>.<\/p>\n\n<p class=\"wp-block-paragraph\">To get your hands on more educational and free resources on\u00a0<a href=\"https:\/\/brightchamps.com\/blog\/kids-coding-languages\/\" target=\"_blank\" rel=\"noreferrer noopener\">coding for kids<\/a>, robotics for kids, <a href=\"https:\/\/brightchamps.com\/blog\/teaching-financial-literacy-for-kids\/\" target=\"_blank\" rel=\"noreferrer noopener\">financial education for kids<\/a>, etc., do check out the\u00a0<a href=\"https:\/\/brightchamps.com\/\">BrightCHAMPS<\/a>\u00a0Page now!<\/p>\n\n<p class=\"wp-block-paragraph\">BrightChamps also introduces <a href=\"https:\/\/brightchamps.com\/blog\/google-coding-for-kids\/\">Google coding for kids<\/a>, providing a structured and fun way for young learners to explore the world of programming and develop valuable coding skills with the support of expert mentors.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u00a0 \u00a0 Thunkable is a block-based coding language that is more similar to the educational tool Scratch. Thunkable is a mobile-first app builder that is based on the MIT App Inventor platform, which is a free app development platform that teaches anyone how to code apps. While the platform appears fairly simple, you may be [&hellip;]<\/p>\n","protected":false},"author":31,"featured_media":4132,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"off","_et_pb_old_content":"","_et_gb_content_width":"1080","footnotes":""},"categories":[49],"tags":[68],"class_list":["post-4058","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-code-for-kids","tag-codechamps"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Get started with Thunkable: Learn About Canvas &amp; Sprites<\/title>\n<meta name=\"description\" content=\"Thunkable platform appears to be fairly simple but you may be wondering how to get started there. Read this blog to learn more about Thunkable canvas and sprites\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/brightchamps.com\/blog\/thunkable-canvas-and-sprites\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Get started with Thunkable: Learn About Canvas &amp; Sprites\" \/>\n<meta property=\"og:description\" content=\"Thunkable platform appears to be fairly simple but you may be wondering how to get started there. Read this blog to learn more about Thunkable canvas and sprites\" \/>\n<meta property=\"og:url\" content=\"https:\/\/brightchamps.com\/blog\/thunkable-canvas-and-sprites\/\" \/>\n<meta property=\"og:site_name\" content=\"BrightChamps Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/BrightChamps-101266664954230\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-02-23T17:20:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-02T13:01:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Thunkable-Canvas-Sprites-Featured-Image.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2100\" \/>\n\t<meta property=\"og:image:height\" content=\"1185\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Team BrightChamps\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Team BrightChamps\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/thunkable-canvas-and-sprites\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/thunkable-canvas-and-sprites\\\/\"},\"author\":{\"name\":\"Team BrightChamps\",\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/#\\\/schema\\\/person\\\/696f52bb580934e5022585ac161e5123\"},\"headline\":\"How to Get started with Thunkable: Learn About Canvas &#038; Sprites\",\"datePublished\":\"2022-02-23T17:20:32+00:00\",\"dateModified\":\"2026-02-02T13:01:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/thunkable-canvas-and-sprites\\\/\"},\"wordCount\":742,\"publisher\":{\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/thunkable-canvas-and-sprites\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/Thunkable-Canvas-Sprites-Featured-Image.png\",\"keywords\":[\"CodeChamps\"],\"articleSection\":[\"Code for Kids Corner\"],\"inLanguage\":\"en-US\",\"accessibilityFeature\":[\"tableOfContents\"]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/thunkable-canvas-and-sprites\\\/\",\"url\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/thunkable-canvas-and-sprites\\\/\",\"name\":\"How to Get started with Thunkable: Learn About Canvas & Sprites\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/thunkable-canvas-and-sprites\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/thunkable-canvas-and-sprites\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/Thunkable-Canvas-Sprites-Featured-Image.png\",\"datePublished\":\"2022-02-23T17:20:32+00:00\",\"dateModified\":\"2026-02-02T13:01:28+00:00\",\"description\":\"Thunkable platform appears to be fairly simple but you may be wondering how to get started there. Read this blog to learn more about Thunkable canvas and sprites\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/thunkable-canvas-and-sprites\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/brightchamps.com\\\/blog\\\/thunkable-canvas-and-sprites\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/thunkable-canvas-and-sprites\\\/#primaryimage\",\"url\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/Thunkable-Canvas-Sprites-Featured-Image.png\",\"contentUrl\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/Thunkable-Canvas-Sprites-Featured-Image.png\",\"width\":2100,\"height\":1185,\"caption\":\"Thunkable Canvas & Sprites Featured Image\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/thunkable-canvas-and-sprites\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Code for Kids Corner\",\"item\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/code-for-kids\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Get started with Thunkable: Learn About Canvas &#038; Sprites\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/\",\"name\":\"BrightChamps Blog\",\"description\":\"BrightChamps Blog, also known as BrightChamps Hub is a go-to resource hub for everything on Coding for kids\",\"publisher\":{\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/#organization\",\"name\":\"BrightChamps\",\"url\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/BrightCHAMPS-logo-new-1.png\",\"contentUrl\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/BrightCHAMPS-logo-new-1.png\",\"width\":417,\"height\":80,\"caption\":\"BrightChamps\"},\"image\":{\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/BrightChamps-101266664954230\\\/\",\"https:\\\/\\\/www.instagram.com\\\/brightchamps\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/brightchamps\\\/mycompany\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UC_Afe_rMGoK5Bs4nSt8QIzQ\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/#\\\/schema\\\/person\\\/696f52bb580934e5022585ac161e5123\",\"name\":\"Team BrightChamps\",\"description\":\"We are an army of educators and passionate learners from BrightChamps family, committed to providing free learning resources to kids, parents &amp; students. Learn from Us\",\"url\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/author\\\/team\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Get started with Thunkable: Learn About Canvas & Sprites","description":"Thunkable platform appears to be fairly simple but you may be wondering how to get started there. Read this blog to learn more about Thunkable canvas and sprites","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:\/\/brightchamps.com\/blog\/thunkable-canvas-and-sprites\/","og_locale":"en_US","og_type":"article","og_title":"How to Get started with Thunkable: Learn About Canvas & Sprites","og_description":"Thunkable platform appears to be fairly simple but you may be wondering how to get started there. Read this blog to learn more about Thunkable canvas and sprites","og_url":"https:\/\/brightchamps.com\/blog\/thunkable-canvas-and-sprites\/","og_site_name":"BrightChamps Blog","article_publisher":"https:\/\/www.facebook.com\/BrightChamps-101266664954230\/","article_published_time":"2022-02-23T17:20:32+00:00","article_modified_time":"2026-02-02T13:01:28+00:00","og_image":[{"width":2100,"height":1185,"url":"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Thunkable-Canvas-Sprites-Featured-Image.png","type":"image\/png"}],"author":"Team BrightChamps","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Team BrightChamps","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/brightchamps.com\/blog\/thunkable-canvas-and-sprites\/#article","isPartOf":{"@id":"https:\/\/brightchamps.com\/blog\/thunkable-canvas-and-sprites\/"},"author":{"name":"Team BrightChamps","@id":"https:\/\/brightchamps.com\/blog\/#\/schema\/person\/696f52bb580934e5022585ac161e5123"},"headline":"How to Get started with Thunkable: Learn About Canvas &#038; Sprites","datePublished":"2022-02-23T17:20:32+00:00","dateModified":"2026-02-02T13:01:28+00:00","mainEntityOfPage":{"@id":"https:\/\/brightchamps.com\/blog\/thunkable-canvas-and-sprites\/"},"wordCount":742,"publisher":{"@id":"https:\/\/brightchamps.com\/blog\/#organization"},"image":{"@id":"https:\/\/brightchamps.com\/blog\/thunkable-canvas-and-sprites\/#primaryimage"},"thumbnailUrl":"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Thunkable-Canvas-Sprites-Featured-Image.png","keywords":["CodeChamps"],"articleSection":["Code for Kids Corner"],"inLanguage":"en-US","accessibilityFeature":["tableOfContents"]},{"@type":"WebPage","@id":"https:\/\/brightchamps.com\/blog\/thunkable-canvas-and-sprites\/","url":"https:\/\/brightchamps.com\/blog\/thunkable-canvas-and-sprites\/","name":"How to Get started with Thunkable: Learn About Canvas & Sprites","isPartOf":{"@id":"https:\/\/brightchamps.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/brightchamps.com\/blog\/thunkable-canvas-and-sprites\/#primaryimage"},"image":{"@id":"https:\/\/brightchamps.com\/blog\/thunkable-canvas-and-sprites\/#primaryimage"},"thumbnailUrl":"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Thunkable-Canvas-Sprites-Featured-Image.png","datePublished":"2022-02-23T17:20:32+00:00","dateModified":"2026-02-02T13:01:28+00:00","description":"Thunkable platform appears to be fairly simple but you may be wondering how to get started there. Read this blog to learn more about Thunkable canvas and sprites","breadcrumb":{"@id":"https:\/\/brightchamps.com\/blog\/thunkable-canvas-and-sprites\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/brightchamps.com\/blog\/thunkable-canvas-and-sprites\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/brightchamps.com\/blog\/thunkable-canvas-and-sprites\/#primaryimage","url":"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Thunkable-Canvas-Sprites-Featured-Image.png","contentUrl":"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Thunkable-Canvas-Sprites-Featured-Image.png","width":2100,"height":1185,"caption":"Thunkable Canvas & Sprites Featured Image"},{"@type":"BreadcrumbList","@id":"https:\/\/brightchamps.com\/blog\/thunkable-canvas-and-sprites\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/brightchamps.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Code for Kids Corner","item":"https:\/\/brightchamps.com\/blog\/code-for-kids\/"},{"@type":"ListItem","position":3,"name":"How to Get started with Thunkable: Learn About Canvas &#038; Sprites"}]},{"@type":"WebSite","@id":"https:\/\/brightchamps.com\/blog\/#website","url":"https:\/\/brightchamps.com\/blog\/","name":"BrightChamps Blog","description":"BrightChamps Blog, also known as BrightChamps Hub is a go-to resource hub for everything on Coding for kids","publisher":{"@id":"https:\/\/brightchamps.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/brightchamps.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/brightchamps.com\/blog\/#organization","name":"BrightChamps","url":"https:\/\/brightchamps.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/brightchamps.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2026\/03\/BrightCHAMPS-logo-new-1.png","contentUrl":"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2026\/03\/BrightCHAMPS-logo-new-1.png","width":417,"height":80,"caption":"BrightChamps"},"image":{"@id":"https:\/\/brightchamps.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/BrightChamps-101266664954230\/","https:\/\/www.instagram.com\/brightchamps\/","https:\/\/www.linkedin.com\/company\/brightchamps\/mycompany\/","https:\/\/www.youtube.com\/channel\/UC_Afe_rMGoK5Bs4nSt8QIzQ"]},{"@type":"Person","@id":"https:\/\/brightchamps.com\/blog\/#\/schema\/person\/696f52bb580934e5022585ac161e5123","name":"Team BrightChamps","description":"We are an army of educators and passionate learners from BrightChamps family, committed to providing free learning resources to kids, parents &amp; students. Learn from Us","url":"https:\/\/brightchamps.com\/blog\/author\/team\/"}]}},"_links":{"self":[{"href":"https:\/\/brightchamps.com\/blog\/wp-json\/wp\/v2\/posts\/4058","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brightchamps.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/brightchamps.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/brightchamps.com\/blog\/wp-json\/wp\/v2\/users\/31"}],"replies":[{"embeddable":true,"href":"https:\/\/brightchamps.com\/blog\/wp-json\/wp\/v2\/comments?post=4058"}],"version-history":[{"count":12,"href":"https:\/\/brightchamps.com\/blog\/wp-json\/wp\/v2\/posts\/4058\/revisions"}],"predecessor-version":[{"id":36107,"href":"https:\/\/brightchamps.com\/blog\/wp-json\/wp\/v2\/posts\/4058\/revisions\/36107"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/brightchamps.com\/blog\/wp-json\/wp\/v2\/media\/4132"}],"wp:attachment":[{"href":"https:\/\/brightchamps.com\/blog\/wp-json\/wp\/v2\/media?parent=4058"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/brightchamps.com\/blog\/wp-json\/wp\/v2\/categories?post=4058"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/brightchamps.com\/blog\/wp-json\/wp\/v2\/tags?post=4058"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}