{"id":20005,"date":"2025-07-18T22:22:00","date_gmt":"2025-07-18T15:22:00","guid":{"rendered":"https:\/\/inhdy-demo.com\/?page_id=20005"},"modified":"2025-07-18T22:23:12","modified_gmt":"2025-07-18T15:23:12","slug":"6-unit-4-advanced-js-games-visualizations","status":"publish","type":"page","link":"https:\/\/steamkid.ai\/th\/grade\/6-computer-programming-units\/6-unit-4-advanced-js-games-visualizations\/","title":{"rendered":"6 Unit 4: Advanced JS: Games &#038; Visualizations"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"20005\" class=\"elementor elementor-20005\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-49873dbb elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"49873dbb\" 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-381bd875\" data-id=\"381bd875\" 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-320c18f1 elementor-widget elementor-widget-thim-ekits-breadcrumb\" data-id=\"320c18f1\" 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-dde7fe9 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"dde7fe9\" 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-7be474d7\" data-id=\"7be474d7\" 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-488f06a2 e-transform elementor-widget elementor-widget-heading\" data-id=\"488f06a2\" 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-29e968b elementor-widget elementor-widget-heading\" data-id=\"29e968b\" 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-46cbfcb elementor-align-center elementor-widget elementor-widget-elementskit-button\" data-id=\"46cbfcb\" 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\/6-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-59630047 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"59630047\" 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-62a87036\" data-id=\"62a87036\" 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-5e0bb9b0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5e0bb9b0\" 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-2db65787\" data-id=\"2db65787\" 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-69f6b6e9 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=\"69f6b6e9\" 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-511a9218 elementor-invisible\" data-id=\"511a9218\" 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-7672736e elementor-align-center elementor-widget__width-inherit elementor-widget-widescreen__width-initial elementor-tablet_extra-align-right elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"7672736e\" 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\/6-advanced-js-games-visualizations\/lessons\/intro-to-games-and-visualizations-2\/\">\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<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-3baa08b4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3baa08b4\" 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-5033a1d7 elementor-invisible\" data-id=\"5033a1d7\" 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-28872794 eael-infobox-content-align--left eael-infobox-shape-square eael-infobox-hover-img-shape-square elementor-widget elementor-widget-eael-info-box\" data-id=\"28872794\" 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\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! 1. Intro to Games &amp; Visualizations Start Lesson<\/p>","protected":false},"author":265783168,"featured_media":0,"parent":19941,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_eb_attr":"","_crdt_document":"","footnotes":""},"class_list":["post-20005","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/steamkid.ai\/th\/wp-json\/wp\/v2\/pages\/20005","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=20005"}],"version-history":[{"count":7,"href":"https:\/\/steamkid.ai\/th\/wp-json\/wp\/v2\/pages\/20005\/revisions"}],"predecessor-version":[{"id":20012,"href":"https:\/\/steamkid.ai\/th\/wp-json\/wp\/v2\/pages\/20005\/revisions\/20012"}],"up":[{"embeddable":true,"href":"https:\/\/steamkid.ai\/th\/wp-json\/wp\/v2\/pages\/19941"}],"wp:attachment":[{"href":"https:\/\/steamkid.ai\/th\/wp-json\/wp\/v2\/media?parent=20005"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}