{"id":17993,"date":"2025-07-03T22:42:14","date_gmt":"2025-07-03T15:42:14","guid":{"rendered":"https:\/\/inhdy-demo.com\/?page_id=17993"},"modified":"2025-07-03T22:44:46","modified_gmt":"2025-07-03T15:44:46","slug":"unit-4-advanced-js-games-visualizations","status":"publish","type":"page","link":"https:\/\/steamkid.ai\/th\/grade\/computing\/unit-4-advanced-js-games-visualizations\/","title":{"rendered":"Unit 4: Advanced JS: Games &#038; Visualizations"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"17993\" class=\"elementor elementor-17993\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-548f8af9 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"548f8af9\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8eb8240\" data-id=\"8eb8240\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-45cf8589 elementor-widget elementor-widget-thim-ekits-breadcrumb\" data-id=\"45cf8589\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"thim-ekits-breadcrumb.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\t<div class=\"thim-ekit-breadcrumb\">\n\n\t\t\t\t\u0e2b\u0e19\u0e49\u0e32\u0e2b\u0e25\u0e31\u0e01\n\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-30859669 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"30859669\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-256fdade\" data-id=\"256fdade\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-428f7e7e e-transform elementor-widget elementor-widget-heading\" data-id=\"428f7e7e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_rotateZ_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_widescreen&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_tablet_extra&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_tablet&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_mobile&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0e1a\u0e17 4<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1bd48a3e elementor-widget elementor-widget-heading\" data-id=\"1bd48a3e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Advanced JS: Games &amp; Visualizations<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7bdccbe3 elementor-align-center elementor-widget elementor-widget-elementskit-button\" data-id=\"7bdccbe3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\t\t<div class=\"ekit-btn-wraper\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/steamkid.ai\/th\/courses\/advanced-js-games-visualizations\/\" class=\"elementskit-btn  whitespace--normal\" id=\"\">\n\t\t\t\t\t\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e01\u0e31\u0e19\u0e40\u0e25\u0e22!\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-337f1359 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"337f1359\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-27c53e79\" data-id=\"27c53e79\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-1fb20265 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1fb20265\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div data-eael-wrapper-link=\"{&quot;url&quot;:&quot;https:\\\/\\\/steamkid.ai\\\/grade-1-subject\\\/&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;}\" class=\"eael-non-traditional-link elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-17f0085d elementor-invisible\" data-id=\"17f0085d\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;zoomIn&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4f278c46 eael-infobox-content-align--left eael-infobox-shape-square eael-infobox-hover-img-shape-square elementor-widget elementor-widget-eael-info-box\" data-id=\"4f278c46\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"eael-info-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"eael-infobox icon-on-top\">\n\t            <div class=\"infobox-icon\">\n\n                            <img decoding=\"async\" src=\"\" alt=\"\">\n            \n            \n            \n        <\/div>\n            <div class=\"infobox-content\">\n                    <div class=\"infobox-title-section\">\n                <h2 class=\"title\">Lesson<\/h2>            <\/div>\n                    <\/div>\n            <\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-7a8a966b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7a8a966b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-9dab41b\" data-id=\"9dab41b\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-20f64067 elementor-widget__width-auto eael-infobox-content-align--left eael-infobox-icon-bg-shape-none eael-infobox-icon-hover-bg-shape-none elementor-invisible elementor-widget elementor-widget-eael-info-box\" data-id=\"20f64067\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"eael-info-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"eael-infobox icon-on-left\">\n\t            <div class=\"infobox-icon eael-icon-only\">\n\n            \n                            <div class=\"infobox-icon-wrap\">\n                    <svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-list-ul\" viewbox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M48 48a48 48 0 1 0 48 48 48 48 0 0 0-48-48zm0 160a48 48 0 1 0 48 48 48 48 0 0 0-48-48zm0 160a48 48 0 1 0 48 48 48 48 0 0 0-48-48zm448 16H176a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h320a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-320H176a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h320a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16zm0 160H176a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h320a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16z\"><\/path><\/svg>                <\/div>\n            \n            \n        <\/div>\n            <div class=\"infobox-content eael-icon-only\">\n                    <div class=\"infobox-title-section\">\n                <h2 class=\"title\">1. Intro to Games &amp; Visualizations<\/h2>            <\/div>\n                    <\/div>\n            <\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-6b0fc3f9 elementor-invisible\" data-id=\"6b0fc3f9\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;zoomIn&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-49c4f590 elementor-align-center elementor-widget__width-inherit elementor-widget-widescreen__width-initial elementor-widget elementor-widget-button\" data-id=\"49c4f590\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/steamkid.ai\/th\/courses\/advanced-js-games-visualizations\/lessons\/intro-to-games-and-visualizations\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-alt-circle-right\" viewbox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zM140 300h116v70.9c0 10.7 13 16.1 20.5 8.5l114.3-114.9c4.7-4.7 4.7-12.2 0-16.9l-114.3-115c-7.6-7.6-20.5-2.2-20.5 8.5V212H140c-6.6 0-12 5.4-12 12v64c0 6.6 5.4 12 12 12z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Start<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Home Unit 4 Advanced JS: Games &amp; Visualizations Let&#039;s get started! Lesson 1. Intro to Games &amp; Visualizations Start<\/p>","protected":false},"author":265783168,"featured_media":0,"parent":17939,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_eb_attr":"","_crdt_document":"","footnotes":""},"class_list":["post-17993","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/steamkid.ai\/th\/wp-json\/wp\/v2\/pages\/17993","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/steamkid.ai\/th\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/steamkid.ai\/th\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/steamkid.ai\/th\/wp-json\/wp\/v2\/users\/265783168"}],"replies":[{"embeddable":true,"href":"https:\/\/steamkid.ai\/th\/wp-json\/wp\/v2\/comments?post=17993"}],"version-history":[{"count":7,"href":"https:\/\/steamkid.ai\/th\/wp-json\/wp\/v2\/pages\/17993\/revisions"}],"predecessor-version":[{"id":18000,"href":"https:\/\/steamkid.ai\/th\/wp-json\/wp\/v2\/pages\/17993\/revisions\/18000"}],"up":[{"embeddable":true,"href":"https:\/\/steamkid.ai\/th\/wp-json\/wp\/v2\/pages\/17939"}],"wp:attachment":[{"href":"https:\/\/steamkid.ai\/th\/wp-json\/wp\/v2\/media?parent=17993"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}