สร้างสรรค์สถานการณ์จำลอง (Simulation)

สร้างสรรค์สถานการณ์จำลอง (Simulation)

By Admin
150
25 ก.พ. 2569

สร้างสรรค์สถานการณ์จำลอง (Simulation)

ประยุกต์ใช้ความรู้ด้านการโปรแกรมเพื่อสร้างแบบจำลองเหตุการณ์จริง เช่น ระบบไฟจราจร หรือการสุ่มเหตุการณ์ทางวิทยาศาสตร์ เพื่อฝึกการแก้ปัญหาที่ซับซ้อนและสมจริง

🧪 Module 7: สร้างสรรค์สถานการณ์จำลอง (Simulation)

เปลี่ยน Code ให้เป็นโลกจำลองที่ควบคุมได้ด้วยมือคุณ

1. Simulation คืออะไร?

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

2. หัวใจของ Simulation: การสุ่ม (Random)

เพื่อให้โลกจำลองดูสมจริง เรามักใช้บล็อก pick random ( ) to ( ) เพื่อสร้างเหตุการณ์ที่คาดเดาไม่ได้ เช่น:

🎲 สุ่มตำแหน่งการเกิดของศัตรู
🎲 สุ่มความเร็วของรถบนถนน

🚩 ภารกิจ: ระบบไฟจราจรอัตโนมัติ

ให้นักเรียนสร้างระบบจำลองไฟจราจร 3 สี (แดง, เหลือง, เขียว) ที่ทำงานสลับกันโดยอัตโนมัติด้วยการควบคุมเวลา

🛠 ลอจิกการจำลอง (Logic):

สร้างชุดตัวละคร (Costumes) 3 ท่า: Red, Yellow, Green
ใช้บล็อก forever เพื่อให้ทำงานวนซ้ำไม่จบ
ใช้บล็อก switch costume to [ ] สลับสีไฟ
ใช้บล็อก wait ( ) seconds เพื่อกำหนดระยะเวลาของไฟแต่ละสี

✍️ แบบทดสอบประเมินตนเอง (Module 7)

ทดสอบความเข้าใจเรื่องการสร้างโลกจำลอง

ข้อที่ 1: เป้าหมายหลักของการสร้างสถานการณ์จำลอง (Simulation) คืออะไร?

ข้อที่ 2: บล็อก "pick random 1 to 10" มีบทบาทอย่างไรในโลกจำลอง?

ข้อที่ 3: ในการจำลอง "ไฟจราจร" ทำไมเราต้องใช้บล็อก "Wait"?

แชร์ :

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

พลังของตัวแปร (Variables) - สร้างความจำให้โปรแกรม

25 ก.พ. 2569

พลังของตัวแปร (Variables) - สร้างความจำให้โปรแกรม

เงื่อนไขและการตัดสินใจ (Conditions)

25 ก.พ. 2569

เงื่อนไขและการตัดสินใจ (Conditions)

การวนซ้ำที่มีแบบแผน (Loops)

25 ก.พ. 2569

การวนซ้ำที่มีแบบแผน (Loops)

การโต้ตอบกับผู้ใช้ (Interactivity)

25 ก.พ. 2569

การโต้ตอบกับผู้ใช้ (Interactivity)

อัลกอริทึมสู่กระบวนการคิด (Algorithm Design)

25 ก.พ. 2569

อัลกอริทึมสู่กระบวนการคิด (Algorithm Design)

เทคนิคการแก้บั๊ก (Debugging Pro)

25 ก.พ. 2569

เทคนิคการแก้บั๊ก (Debugging Pro)

กลยุทธ์การพัฒนาเกม (Game Development Strategy)

25 ก.พ. 2569

กลยุทธ์การพัฒนาเกม (Game Development Strategy)

การปรับแต่งและเพิ่มความสมบูรณ์ (Polishing)

25 ก.พ. 2569

การปรับแต่งและเพิ่มความสมบูรณ์ (Polishing)

การสื่อสารผลงาน (Logic Presentation)

25 ก.พ. 2569

การสื่อสารผลงาน (Logic Presentation)

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

© 2023 Smartyquizkids.com
All Rights Reserved.

🎮 แนวทางการนำโค้ดจาก 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>