โปรเจกต์เกมแรกของหนู: สร้างเกม

บทเรียนอื่น ๆ

11 ส.ค. 2568

ไขความลับผังงาน (Flowchart) 3 รูปแบบ

17 ส.ค. 2568

ถอดรหัส FLOWCHART รู้จัก 6 สัญลักษณ์พื้นฐาน

26 ม.ค. 2569

ตะลุยโลกอัลกอริทึม ตอนที่ 1: รู้จักสัญลักษณ์ Flowchart แบบ Interactive

26 ม.ค. 2569

ตะลุยโลกอัลกอริทึม ตอนที่ 2: ทางแยกแห่งการตัดสินใจ (Decision) กับเจ้าสี่เหลี่ยมขนมเปียกปูน

26 ม.ค. 2569

ตะลุยโลกอัลกอริทึม ตอนที่ 3: วงวนมหาสนุก (Loop) หยุดไม่อยู่ถ้าไม่สั่ง!

26 ม.ค. 2569

บทส่งท้าย: บททดสอบผู้กล้า พิชิตภารกิจอัลกอริทึม (Final Quiz)

28 ม.ค. 2569

สรุปครบ! 5 องค์ประกอบสำคัญของระบบคอมพิวเตอร์และการสื่อสารข้อมูล

28 ม.ค. 2569

สร้างเกราะป้องกันภัยไซเบอร์ รู้ทันกลโกงและมารยาทบนโลกออนไลน์

28 ม.ค. 2569

ทักษะคอมพิวเตอร์เบื้องต้น: สรุปการใช้งานพื้นฐานตามมาตรฐาน

28 ม.ค. 2569

การใช้งานสื่อสังคมออนไลน์: สรุปทักษะพื้นฐานตามมาตรฐาน

2 ก.พ. 2569

ตะลุยโลก Scratch EP.1: ปุ่มสตาร์ทมหัศจรรย์ (Events)

3 ก.พ. 2569

ตะลุยโลก Scratch EP.2: วงวนมหาสนุก (Loop) หยุดไม่อยู่ถ้าไม่สั่ง!

3 ก.พ. 2569

ตะลุยโลก Scratch EP.3: ทางแยกแห่งการตัดสินใจ (Condition)

3 ก.พ. 2569

ตะลุยโลก Scratch EP.4: กล่องมหัศจรรย์เก็บข้อมูล (Variables)

3 ก.พ. 2569

ตะลุยโลก Scratch EP.5: ภารกิจสร้างเกมแรก

3 ก.พ. 2569

ตะลุยโลก Scratch: แบบทดสอบวัดระดับสุดยอดโปรแกรมเมอร์ (Final Quiz EP.1-5)

4 ก.พ. 2569

นักสืบไซเบอร์ EP.2: ระวัง! กับดัก

4 ก.พ. 2569

นักสืบไซเบอร์ EP.3 (จบ): รอยเท้าที่ไม่มีวันลบ! (Digital Footprint)

14 เม.ย. 2569

หน่วยที่ 1 EP.1: ยอดนักสืบตรรกะ & สเต็ปแก้ปัญหา

14 เม.ย. 2569

หน่วยที่ 1 EP.3: เกมทายใจ & คำนวณเส้นทางพารวย

14 เม.ย. 2569

หน่วยที่ 2 EP.1: เจาะระบบคอมพิวเตอร์ & นักล่าบั๊ก (Debugging)

14 เม.ย. 2569

หน่วยที่ 2 EP.2: ตะลุยโลก Scratch & เสกเครื่องคิดเลขอัจฉริยะ

14 เม.ย. 2569

หน่วยที่ 2 EP.3: สร้างแอนิเมชัน & พัฒนาเกมสุดมันส์

14 เม.ย. 2569

หน่วยที่ 3 EP.1: เสิร์ชเอนจินฉบับโปร & เทคนิคคีย์เวิร์ด

14 เม.ย. 2569

หน่วยที่ 3 EP.2: ตรรกะการค้นหาขั้นสูง (Boolean Operators)

14 เม.ย. 2569

หน่วยที่ 3 EP.3: เจาะลึกรูปภาพ ลิขสิทธิ์ & ทำรายงานฉบับโปร

14 เม.ย. 2569

หน่วยที่ 4 EP.1: พลเมืองดิจิทัล & รหัสผ่านสุดสตรอง

14 เม.ย. 2569

หน่วยที่ 4 EP.2: เจาะคลาวด์ & ปราบมัลแวร์ตัวร้าย

SmartyQuizKids | แพลตฟอร์มการเรียนรู้แห่งอนาคต เนื้อหาบนเว็บไซต์นี้จัดทำขึ้นเพื่อการศึกษาโดยไม่แสวงหาผลกำไร อ้างอิงโครงสร้างเนื้อหาจากหลักสูตรแกนกลางฯ (สสวท.) โดยนำมาสรุปและเรียบเรียงใหม่เพื่อความเข้าใจที่ง่ายขึ้น ภาพประกอบสร้างสรรค์โดยเทคโนโลยี AI ที่ได้รับสิทธิ์การใช้งานอย่างถูกต้อง หากเจ้าของลิขสิทธิ์ท่านใดพบข้อผิดพลาดประการใด สามารถแจ้งผู้ดูแลระบบเพื่อดำเนินการแก้ไขได้ตลอดเวลา

🎮 แนวทางการนำโค้ดจาก Scratch มาส่ง

สถานการณ์ต่อเนื่อง: หาผลรวมของตัวเลข 2 จำนวน

ตัวอย่างหน้าตาของโค้ด HTML (Iframe) ที่ถูกต้อง:

             src="https://scratch.mit.edu/projects/123456789/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen>
        

*จุดสังเกต: โค้ดของน้องๆ จะต้องขึ้นต้นด้วย เสมอครับ!

💡 ทบทวนขั้นตอนการนำโค้ดมาส่ง:

เปิดเว็บไซต์ Scratch Online (scratch.mit.edu) เขียนและทดสอบโปรแกรมจนทำงานได้ถูกต้อง [cite: 53, 57]
ที่หน้าโปรเจกต์ของน้องๆ ให้กดปุ่ม Copy Link
คัดลอกโค้ดสำหรับฝัง (Embed ) ของโปรเจกต์ Scratch มาทั้งหมด [cite: 58]</li> <li>นำโค้ด <iframe> มาวางในช่องที่กำหนดบนเว็บไซต์ SmartyQuizKids.com แล้วกด "บันทึก" ได้เลย! [cite: 59]</li> </ol> </div> </div> </div> </div> </div> </div> <script> function show_btn_level() { var level_id=$("#level_id").val(); if(level_id!="") { var btn='<button type="button" class="btn btn-info btn-rds mt-4" data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="show_level_detail('+level_id+')">ดูคำอธิบาย</button>'; $("#show_btn").html(btn); }else{ $("#show_btn").html(''); } } function show_level_detail(level_id) { $.ajax({ type: "POST", url: "model/fn-show_level_detail.php", data: {level_id:level_id}, success: function (response) { var res=JSON.parse(response); $("#show_level_detail").html(res.detail); $("#show_level_name").html("ระดับความรู้ : "+res.name); } }); } </script> <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <div class="row"> <div class="col-12"> <h4 id="show_level_name"></h4> <div id="show_level_detail"></div> </div> </div> </div> </div> </div> </div> </body> </html>