มองเห็นเสียง
ดูเสียงกลายเป็นประติมากรรม 3 มิติ รูปคลื่น และรูปแบบเรโซแนนซ์ที่สำรวจได้ด้วยไมโครโฟนหรือไฟล์เสียง คัดลอกพรอมต์ Kimi เพื่อสร้างของคุณเอง
Loading preview...
3736 views
เริ่มด้วยพรอมต์นี้
สร้างเว็บไซต์วิทยาศาสตร์การแสดงภาพเสียงแบบ 3 มิติที่มีโหมดสำรวจ 3 แบบ
## ทำให้เสียงมองเห็นได้ — พรอมต์สำหรับงานจริง สร้าง **“ทำให้เสียงมองเห็นได้”** ประสบการณ์วิทยาศาสตร์แบบอินเทอร์แอกทีฟสำหรับสาธารณะ ที่ประณีตและสร้างด้วย **Three.js** เปลี่ยนเสียงให้เป็นรูปทรง 3 มิติที่สวยงามและตอบสนองได้ ให้ทุกคนสำรวจได้โดยไม่ต้องมีความรู้ด้านดนตรีหรือวิทยาศาสตร์ ส่งมอบ **เว็บไซต์ที่เผยแพร่แล้ว** และ **วิดีโอ MP4 นำเสนอแบบภาพยนตร์** ประสบการณ์ควรให้ความรู้สึกเหมือนพิพิธภัณฑ์วิทยาศาสตร์อินเทอร์แอกทีฟระดับพรีเมียม: โดดเด่นทางภาพ เข้าใจได้ทันที สนุก และซื่อตรงตามหลักวิทยาศาสตร์ ออกแบบให้เข้าถึงผู้ชมวงกว้างทั้งบนเดสก์ท็อปและมือถือ ### ประสบการณ์แรก เปิดด้วยประติมากรรมเสียงเรืองแสงที่เคลื่อนไหวช้า ๆ บนพื้นหลังสีน้ำเงินเข้มราวเที่ยงคืน ใช้ตัวอักษรสีงาช้างอบอุ่น สีฟ้าไซแอนสด สีม่วง และสีคอรัลในปริมาณพอเหมาะ จัดองค์ประกอบให้สง่างามและอินเทอร์เฟซเรียบง่าย แสดงพาดหัว **“ดูว่าเสียงทำอะไรได้บ้าง”** พร้อมจุดเริ่มต้นที่ชัดเจน 3 ทาง: - **เล่นเสียง** — เริ่มตัวอย่างเสียงที่คัดสรรพร้อมภาพแสดงผลทันที - **ใช้ไมโครโฟนของฉัน** — แสดงภาพเสียงพูดหรือเสียงรอบตัวของผู้ใช้ - **อัปโหลดเสียง** — สำรวจไฟล์เสียงในเครื่อง ให้ผู้เข้าชมพบสิ่งที่น่าสนใจได้ในคลิกเดียว มีตัวอย่างในตัวเพื่อให้การเข้าถึงไมโครโฟนและการอัปโหลดไฟล์เป็นทางเลือก ก่อนเล่น ให้แสดงตัวอย่างแบบไม่มีเสียงที่ระบุไว้อย่างชัดเจน ### 3 วิธีในการสำรวจ **1. ประติมากรรมเสียง — การแสดงภาพเสียงเชิงศิลป์** สร้างพื้นที่ประติมากรรมจากอนุภาคและริบบิ้นไหลลื่นที่ตอบสนองต่อการวิเคราะห์เสียงสดอย่างนุ่มนวล กำหนดความถี่ต่ำให้เป็นการเคลื่อนไหวกว้าง ความถี่กลางเป็นรายละเอียดโครงสร้าง และความถี่สูงเป็นประกายละเอียด ให้ความดังส่งผลต่อขนาดและพลังงานโดยไม่กระโดดฉับพลัน ให้คำพูด การปรบมือ การฮัม และดนตรีตอบสนองแตกต่างกันอย่างเห็นได้ชัด ระบุว่าโหมดนี้เป็นการตีความเสียงเชิงศิลป์ **2. สำรวจคลื่น — ทำความเข้าใจสัญญาณ** แสดงรูปคลื่นเคลื่อนไหวควบคู่กับสเปกตรัมความถี่ พร้อมการนำเสนอเชิงพื้นที่ที่เลือกใช้ได้ อธิบายอย่างตรงไปตรงมา: รูปคลื่นแสดงการเปลี่ยนแปลงของสัญญาณตามเวลา ส่วนสเปกตรัมแสดงองค์ประกอบความถี่ มีเครื่องสร้างโทนเสียงแบบอินเทอร์แอกทีฟ พร้อมตัวควบคุมความถี่และระดับเสียงที่ติดป้ายชัดเจน ให้ผู้ใช้เปรียบเทียบโทนบริสุทธิ์กับโทนที่มีรายละเอียดมากกว่าและเห็นความต่าง ใช้ระดับเสียงเริ่มต้นที่นุ่มนวล การเปลี่ยนเสียงที่ลื่นไหล และปุ่มหยุดที่เห็นชัด อธิบายว่าแอมพลิจูดที่แสดงเป็นระดับสัญญาณขาเข้า ไม่ใช่ความดังทางกายภาพที่ผ่านการสอบเทียบ **3. รูปแบบเรโซแนนซ์ — สำรวจการสั่นสะเทือน** แสดงแผ่นสั่นเสมือนจริงที่มีอนุภาคคล้ายทรายก่อตัวเป็นรูปแบบแนวปม มีโหมดการสั่นหลายแบบที่พัฒนาอย่างรอบคอบ ให้ผู้ใช้สำรวจได้ด้วยการปรับความถี่กระตุ้น อ้างอิงรูปแบบจากแบบจำลองแผ่นที่มีเอกสารรองรับ ซึ่งกำหนดเรขาคณิตและเงื่อนไขขอบเขตไว้ชัดเจน อธิบายว่าอนุภาคจะรวมตัวใกล้บริเวณที่สั่นน้อยที่สุด ระบุว่าประสบการณ์นี้เป็นการจำลองเพื่อการศึกษาและอธิบายส่วนที่ทำให้ง่ายขึ้น แยกเอฟเฟกต์ตกแต่งให้ต่างจากแบบจำลองวิทยาศาสตร์อย่างชัดเจน ### ทำให้ค้นพบได้ง่าย เสนอคำชวนสั้น ๆ ตามบริบท เช่น **“ลองฮัมโน้ตคงที่” “ปรบมือหนึ่งครั้ง”** และ **“เปรียบเทียบโทนต่ำกับโทนสูง”** โดยให้แต่ละคำชวนมีการตอบสนองที่เห็นได้ทันที ซ่อนตัวควบคุมขั้นสูงไว้ มีตัวควบคุมพัก รีเซ็ต เต็มหน้าจอ ความไว และความเข้มของการเคลื่อนไหว รักษาสถานะแหล่งเสียงและการเล่นให้ชัดเจนเมื่อสลับโหมด ใช้คำอธิบายสั้น ๆ ที่เข้าถึงได้สำหรับแต่ละโหมดโดยไม่บดบังฉาก ### เสียงและความเป็นส่วนตัว ใช้ **Web Audio API** สำหรับการเล่นและวิเคราะห์เสียง พร้อมการปรับให้เรียบที่เสถียรและการปรับระดับที่เหมาะสม ขอสิทธิ์ไมโครโฟนหลังจากผู้ใช้เลือกใช้เท่านั้น ประมวลผลเสียงจากไมโครโฟนและไฟล์ที่อัปโหลดในเครื่อง ห้ามอัปโหลด จัดเก็บ หรือส่งต่อเสียงของผู้ใช้ ปรับโฉมทั้งสามโหมดด้วยธีมออโรรา: เพิ่มไล่ระดับสีออโรราเขียว-ม่วงที่ลอยเลื่อนช้า ๆ บนพื้นหลังยามเที่ยงคืน ปรับสีอนุภาคและริบบิ้นของประติมากรรมเสียงเป็นสีเขียวอมฟ้าและม่วง ให้เม็ดทรายในรูปแบบเรโซแนนซ์มีแสงเย็นจาง ๆ คงข้อความสีงาช้างไว้ ลดความสว่างโดยรวมเพื่อสร้างอารมณ์การชมท้องฟ้ายามค่ำคืน และคงทุกการโต้ตอบไว้เหมือนเดิม แสดงตัวบ่งชี้ไมโครโฟนตลอดเวลา และมีปุ่ม **“หยุดไมโครโฟน”** ที่ชัดเจนเพื่อปล่อยการใช้งานไมโครโฟน ปิดการมอนิเตอร์ไมโครโฟนผ่านลำโพงเพื่อป้องกันเสียงสะท้อน จัดการกรณีผู้ใช้ปฏิเสธสิทธิ์ ไม่มีอุปกรณ์ ไฟล์ไม่รองรับ ไม่มีเสียง และเสียงถูกขัดจังหวะอย่างเหมาะสม ใช้เสียงในตัวที่ยืนยันว่าเป็น CC0 หรือมีใบอนุญาตเหมาะสม และแนบรายการใบอนุญาตของแอสเซ็ต ### คุณภาพด้านภาพและเทคนิค ใช้การเรนเดอร์อนุภาคที่ประณีต มิติความลึกที่น่าเชื่อถือ bloom ที่ควบคุมได้ แอนิเมชันลื่นไหล และการเคลื่อนกล้องอย่างพอเหมาะ ให้ข้อความคมชัดและตัวควบคุมอ่านง่าย หลีกเลี่ยงการกะพริบรุนแรงและสัญญาณรบกวนทางภาพที่มากเกินไป สร้างแอปพลิเคชัน Three.js ที่ดูแลรักษาได้ ด้วยเรขาคณิตและเชเดอร์ที่ใช้ GPU อย่างมีประสิทธิภาพ บัฟเฟอร์ใช้ซ้ำได้ ความหนาแน่นพิกเซลที่จำกัด จำนวนอนุภาคแบบปรับตัว และค่าคุณภาพสำเร็จรูป วิเคราะห์เสียงในเครื่องเพื่อให้ผู้เข้าชมพร้อมกันไม่ต้องใช้การประมวลผลเสียงฝั่งเซิร์ฟเวอร์ ให้บริการแอสเซ็ตสแตติกที่ปรับให้เหมาะสมผ่านโฮสติ้งที่รองรับ CDN ตั้งเป้าประสิทธิภาพลื่นไหลบนเดสก์ท็อปและใช้งานได้ดีบนโทรศัพท์ระดับกลาง วัดอัตราเฟรมจริง การใช้หน่วยความจำ และพฤติกรรมการโหลดบนอุปกรณ์ที่ทดสอบ หยุดการเรนเดอร์ที่ไม่จำเป็นเมื่อหน้าถูกซ่อน และปล่อยทรัพยากรเสียงกับ GPU อย่างถูกต้อง รองรับการสัมผัส การนำทางด้วยแป้นพิมพ์ สถานะโฟกัสที่มองเห็น ตัวควบคุมที่โปรแกรมอ่านหน้าจอเข้าถึงได้ และการลดการเคลื่อนไหว มีทางเลือก 2D แบบเบาเมื่อ WebGL ใช้งานไม่ได้ ให้ข้อมูลสำคัญเข้าใจได้โดยไม่ต้องอาศัยสีหรือเสียงเพียงอย่างเดียว ### สิ่งที่ต้องส่งมอบ เผยแพร่เว็บไซต์ที่เสร็จสมบูรณ์ไปยัง **HTTPS URL** สาธารณะที่ใช้งานได้ สร้าง **MP4 H.264 ความละเอียด 1920 × 1080 ความยาว 30–45 วินาที** ที่ดาวน์โหลดได้ พร้อมเสียงที่มีใบอนุญาตและซิงก์กัน ซึ่งเรนเดอร์จากแอปพลิเคชันจริง แสดงโทนบริสุทธิ์กลายเป็นรูปคลื่น เสียงที่ซับซ้อนขึ้นแปรเปลี่ยนประติมากรรม และลำดับรูปแบบเรโซแนนซ์ ใช้การเล่นที่กำหนดผลลัพธ์ได้และการจับเฟรมที่เสถียรเพื่อผลลัพธ์สะอาดตา ส่งมอบโปรเจกต์ต้นฉบับ แอสเซ็ตในเครื่อง รายการใบอนุญาต แบบจำลองวิทยาศาสตร์และการจับคู่การแสดงผลที่มีเอกสาร คำแนะนำการเผยแพร่ และรายงานการตรวจสอบแบบกระชับ ทดสอบประสบการณ์ที่เผยแพร่แล้วทั้งเลย์เอาต์เดสก์ท็อปและมือถือ ขั้นตอนขอสิทธิ์ไมโครโฟน การเล่นเสียง การอัปโหลด การสลับโหมด การเข้าถึง และการเล่นวิดีโอ รายงานสภาพแวดล้อมที่ทดสอบและข้อจำกัดที่เหลืออย่างถูกต้อง **ห้ามใส่:** เอฟเฟกต์ตกแต่งที่นำเสนอเป็นการจำลองทางกายภาพ การขอสิทธิ์ไมโครโฟนเมื่อเปิดหน้าเว็บ การอัปโหลดเสียงไปยังเซิร์ฟเวอร์ เสียงเล่นอัตโนมัติ เสียงสะท้อนจากลำโพง ตัวควบคุมที่มากเกินไป การกะพริบเร็ว ป้ายที่อ่านไม่ออก ฟังก์ชันตัวแทน เลย์เอาต์มือถือที่เสีย ลายน้ำ หรือการอ้างความพร้อมใช้งานจริงที่ไม่มีหลักฐานรองรับ
## ทำให้เสียงมองเห็นได้ — พรอมต์สำหรับงานจริง สร้าง **“ทำให้เสียงมองเห็นได้”** ประสบการณ์วิทยาศาสตร์แบบอินเทอร์แอกทีฟสำหรับสาธารณะ ที่ประณีตและสร้างด้วย **Three.js** เปลี่ยนเสียงให้เป็นรูปทรง 3 มิติที่สวยงามและตอบสนองได้ ให้ทุกคนสำรวจได้โดยไม่ต้องมีความรู้ด้านดนตรีหรือวิทยาศาสตร์ ส่งมอบ **เว็บไซต์ที่เผยแพร่แล้ว** และ **วิดีโอ MP4 นำเสนอแบบภาพยนตร์** ประสบการณ์ควรให้ความรู้สึกเหมือนพิพิธภัณฑ์วิทยาศาสตร์อินเทอร์แอกทีฟระดับพรีเมียม: โดดเด่นทางภาพ เข้าใจได้ทันที สนุก และซื่อตรงตามหลักวิทยาศาสตร์ ออกแบบให้เข้าถึงผู้ชมวงกว้างทั้งบนเดสก์ท็อปและมือถือ ### ประสบการณ์แรก เปิดด้วยประติมากรรมเสียงเรืองแสงที่เคลื่อนไหวช้า ๆ บนพื้นหลังสีน้ำเงินเข้มราวเที่ยงคืน ใช้ตัวอักษรสีงาช้างอบอุ่น สีฟ้าไซแอนสด สีม่วง และสีคอรัลในปริมาณพอเหมาะ จัดองค์ประกอบให้สง่างามและอินเทอร์เฟซเรียบง่าย แสดงพาดหัว **“ดูว่าเสียงทำอะไรได้บ้าง”** พร้อมจุดเริ่มต้นที่ชัดเจน 3 ทาง: - **เล่นเสียง** — เริ่มตัวอย่างเสียงที่คัดสรรพร้อมภาพแสดงผลทันที - **ใช้ไมโครโฟนของฉัน** — แสดงภาพเสียงพูดหรือเสียงรอบตัวของผู้ใช้ - **อัปโหลดเสียง** — สำรวจไฟล์เสียงในเครื่อง ให้ผู้เข้าชมพบสิ่งที่น่าสนใจได้ในคลิกเดียว มีตัวอย่างในตัวเพื่อให้การเข้าถึงไมโครโฟนและการอัปโหลดไฟล์เป็นทางเลือก ก่อนเล่น ให้แสดงตัวอย่างแบบไม่มีเสียงที่ระบุไว้อย่างชัดเจน ### 3 วิธีในการสำรวจ **1. ประติมากรรมเสียง — การแสดงภาพเสียงเชิงศิลป์** สร้างพื้นที่ประติมากรรมจากอนุภาคและริบบิ้นไหลลื่นที่ตอบสนองต่อการวิเคราะห์เสียงสดอย่างนุ่มนวล กำหนดความถี่ต่ำให้เป็นการเคลื่อนไหวกว้าง ความถี่กลางเป็นรายละเอียดโครงสร้าง และความถี่สูงเป็นประกายละเอียด ให้ความดังส่งผลต่อขนาดและพลังงานโดยไม่กระโดดฉับพลัน ให้คำพูด การปรบมือ การฮัม และดนตรีตอบสนองแตกต่างกันอย่างเห็นได้ชัด ระบุว่าโหมดนี้เป็นการตีความเสียงเชิงศิลป์ **2. สำรวจคลื่น — ทำความเข้าใจสัญญาณ** แสดงรูปคลื่นเคลื่อนไหวควบคู่กับสเปกตรัมความถี่ พร้อมการนำเสนอเชิงพื้นที่ที่เลือกใช้ได้ อธิบายอย่างตรงไปตรงมา: รูปคลื่นแสดงการเปลี่ยนแปลงของสัญญาณตามเวลา ส่วนสเปกตรัมแสดงองค์ประกอบความถี่ มีเครื่องสร้างโทนเสียงแบบอินเทอร์แอกทีฟ พร้อมตัวควบคุมความถี่และระดับเสียงที่ติดป้ายชัดเจน ให้ผู้ใช้เปรียบเทียบโทนบริสุทธิ์กับโทนที่มีรายละเอียดมากกว่าและเห็นความต่าง ใช้ระดับเสียงเริ่มต้นที่นุ่มนวล การเปลี่ยนเสียงที่ลื่นไหล และปุ่มหยุดที่เห็นชัด อธิบายว่าแอมพลิจูดที่แสดงเป็นระดับสัญญาณขาเข้า ไม่ใช่ความดังทางกายภาพที่ผ่านการสอบเทียบ **3. รูปแบบเรโซแนนซ์ — สำรวจการสั่นสะเทือน** แสดงแผ่นสั่นเสมือนจริงที่มีอนุภาคคล้ายทรายก่อตัวเป็นรูปแบบแนวปม มีโหมดการสั่นหลายแบบที่พัฒนาอย่างรอบคอบ ให้ผู้ใช้สำรวจได้ด้วยการปรับความถี่กระตุ้น อ้างอิงรูปแบบจากแบบจำลองแผ่นที่มีเอกสารรองรับ ซึ่งกำหนดเรขาคณิตและเงื่อนไขขอบเขตไว้ชัดเจน อธิบายว่าอนุภาคจะรวมตัวใกล้บริเวณที่สั่นน้อยที่สุด ระบุว่าประสบการณ์นี้เป็นการจำลองเพื่อการศึกษาและอธิบายส่วนที่ทำให้ง่ายขึ้น แยกเอฟเฟกต์ตกแต่งให้ต่างจากแบบจำลองวิทยาศาสตร์อย่างชัดเจน ### ทำให้ค้นพบได้ง่าย เสนอคำชวนสั้น ๆ ตามบริบท เช่น **“ลองฮัมโน้ตคงที่” “ปรบมือหนึ่งครั้ง”** และ **“เปรียบเทียบโทนต่ำกับโทนสูง”** โดยให้แต่ละคำชวนมีการตอบสนองที่เห็นได้ทันที ซ่อนตัวควบคุมขั้นสูงไว้ มีตัวควบคุมพัก รีเซ็ต เต็มหน้าจอ ความไว และความเข้มของการเคลื่อนไหว รักษาสถานะแหล่งเสียงและการเล่นให้ชัดเจนเมื่อสลับโหมด ใช้คำอธิบายสั้น ๆ ที่เข้าถึงได้สำหรับแต่ละโหมดโดยไม่บดบังฉาก ### เสียงและความเป็นส่วนตัว ใช้ **Web Audio API** สำหรับการเล่นและวิเคราะห์เสียง พร้อมการปรับให้เรียบที่เสถียรและการปรับระดับที่เหมาะสม ขอสิทธิ์ไมโครโฟนหลังจากผู้ใช้เลือกใช้เท่านั้น ประมวลผลเสียงจากไมโครโฟนและไฟล์ที่อัปโหลดในเครื่อง ห้ามอัปโหลด จัดเก็บ หรือส่งต่อเสียงของผู้ใช้ เพิ่มกริดแปดจังหวะขนาด 4 × 4: แตะแต่ละแปดเพื่อเรียกเสียงกลอง เบส หรือโน้ตซินธ์ ซึ่งขับเคลื่อนประติมากรรมเสียงและสเปกตรัมทันที ให้ผู้ใช้บันทึกการแตะเป็นลูป 4 ห้องที่เล่นซ้ำอัตโนมัติ โดยแปดจะสว่างตามจังหวะเมื่อแต่ละโน้ตดังขึ้น สร้างเสียงทั้งหมดในเครื่องและห้ามอัปโหลดข้อมูลใด ๆ แสดงตัวบ่งชี้ไมโครโฟนตลอดเวลา และมีปุ่ม **“หยุดไมโครโฟน”** ที่ชัดเจนเพื่อปล่อยการใช้งานไมโครโฟน ปิดการมอนิเตอร์ไมโครโฟนผ่านลำโพงเพื่อป้องกันเสียงสะท้อน จัดการกรณีผู้ใช้ปฏิเสธสิทธิ์ ไม่มีอุปกรณ์ ไฟล์ไม่รองรับ ไม่มีเสียง และเสียงถูกขัดจังหวะอย่างเหมาะสม ใช้เสียงในตัวที่ยืนยันว่าเป็น CC0 หรือมีใบอนุญาตเหมาะสม และแนบรายการใบอนุญาตของแอสเซ็ต ### คุณภาพด้านภาพและเทคนิค ใช้การเรนเดอร์อนุภาคที่ประณีต มิติความลึกที่น่าเชื่อถือ bloom ที่ควบคุมได้ แอนิเมชันลื่นไหล และการเคลื่อนกล้องอย่างพอเหมาะ ให้ข้อความคมชัดและตัวควบคุมอ่านง่าย หลีกเลี่ยงการกะพริบรุนแรงและสัญญาณรบกวนทางภาพที่มากเกินไป สร้างแอปพลิเคชัน Three.js ที่ดูแลรักษาได้ ด้วยเรขาคณิตและเชเดอร์ที่ใช้ GPU อย่างมีประสิทธิภาพ บัฟเฟอร์ใช้ซ้ำได้ ความหนาแน่นพิกเซลที่จำกัด จำนวนอนุภาคแบบปรับตัว และค่าคุณภาพสำเร็จรูป วิเคราะห์เสียงในเครื่องเพื่อให้ผู้เข้าชมพร้อมกันไม่ต้องใช้การประมวลผลเสียงฝั่งเซิร์ฟเวอร์ ให้บริการแอสเซ็ตสแตติกที่ปรับให้เหมาะสมผ่านโฮสติ้งที่รองรับ CDN ตั้งเป้าประสิทธิภาพลื่นไหลบนเดสก์ท็อปและใช้งานได้ดีบนโทรศัพท์ระดับกลาง วัดอัตราเฟรมจริง การใช้หน่วยความจำ และพฤติกรรมการโหลดบนอุปกรณ์ที่ทดสอบ หยุดการเรนเดอร์ที่ไม่จำเป็นเมื่อหน้าถูกซ่อน และปล่อยทรัพยากรเสียงกับ GPU อย่างถูกต้อง รองรับการสัมผัส การนำทางด้วยแป้นพิมพ์ สถานะโฟกัสที่มองเห็น ตัวควบคุมที่โปรแกรมอ่านหน้าจอเข้าถึงได้ และการลดการเคลื่อนไหว มีทางเลือก 2D แบบเบาเมื่อ WebGL ใช้งานไม่ได้ ให้ข้อมูลสำคัญเข้าใจได้โดยไม่ต้องอาศัยสีหรือเสียงเพียงอย่างเดียว ### สิ่งที่ต้องส่งมอบ เผยแพร่เว็บไซต์ที่เสร็จสมบูรณ์ไปยัง **HTTPS URL** สาธารณะที่ใช้งานได้ สร้าง **MP4 H.264 ความละเอียด 1920 × 1080 ความยาว 30–45 วินาที** ที่ดาวน์โหลดได้ พร้อมเสียงที่มีใบอนุญาตและซิงก์กัน ซึ่งเรนเดอร์จากแอปพลิเคชันจริง แสดงโทนบริสุทธิ์กลายเป็นรูปคลื่น เสียงที่ซับซ้อนขึ้นแปรเปลี่ยนประติมากรรม และลำดับรูปแบบเรโซแนนซ์ ใช้การเล่นที่กำหนดผลลัพธ์ได้และการจับเฟรมที่เสถียรเพื่อผลลัพธ์สะอาดตา ส่งมอบโปรเจกต์ต้นฉบับ แอสเซ็ตในเครื่อง รายการใบอนุญาต แบบจำลองวิทยาศาสตร์และการจับคู่การแสดงผลที่มีเอกสาร คำแนะนำการเผยแพร่ และรายงานการตรวจสอบแบบกระชับ ทดสอบประสบการณ์ที่เผยแพร่แล้วทั้งเลย์เอาต์เดสก์ท็อปและมือถือ ขั้นตอนขอสิทธิ์ไมโครโฟน การเล่นเสียง การอัปโหลด การสลับโหมด การเข้าถึง และการเล่นวิดีโอ รายงานสภาพแวดล้อมที่ทดสอบและข้อจำกัดที่เหลืออย่างถูกต้อง **ห้ามใส่:** เอฟเฟกต์ตกแต่งที่นำเสนอเป็นการจำลองทางกายภาพ การขอสิทธิ์ไมโครโฟนเมื่อเปิดหน้าเว็บ การอัปโหลดเสียงไปยังเซิร์ฟเวอร์ เสียงเล่นอัตโนมัติ เสียงสะท้อนจากลำโพง ตัวควบคุมที่มากเกินไป การกะพริบเร็ว ป้ายที่อ่านไม่ออก ฟังก์ชันตัวแทน เลย์เอาต์มือถือที่เสีย ลายน้ำ หรือการอ้างความพร้อมใช้งานจริงที่ไม่มีหลักฐานรองรับ
ฉบับสำหรับชั้นเรียนฟิสิกส์
ปรับให้เหมาะกับชั้นเรียนฟิสิกส์ด้วยป้ายคำศัพท์และแบบทดสอบ
ลองใช้ Kimi Build## ทำให้เสียงมองเห็นได้ — พรอมต์สำหรับงานจริง สร้าง **“ทำให้เสียงมองเห็นได้”** ประสบการณ์วิทยาศาสตร์แบบอินเทอร์แอกทีฟสำหรับสาธารณะ ที่ประณีตและสร้างด้วย **Three.js** เปลี่ยนเสียงให้เป็นรูปทรง 3 มิติที่สวยงามและตอบสนองได้ ให้ทุกคนสำรวจได้โดยไม่ต้องมีความรู้ด้านดนตรีหรือวิทยาศาสตร์ ส่งมอบ **เว็บไซต์ที่เผยแพร่แล้ว** และ **วิดีโอ MP4 นำเสนอแบบภาพยนตร์** ประสบการณ์ควรให้ความรู้สึกเหมือนพิพิธภัณฑ์วิทยาศาสตร์อินเทอร์แอกทีฟระดับพรีเมียม: โดดเด่นทางภาพ เข้าใจได้ทันที สนุก และซื่อตรงตามหลักวิทยาศาสตร์ ออกแบบให้เข้าถึงผู้ชมวงกว้างทั้งบนเดสก์ท็อปและมือถือ ### ประสบการณ์แรก เปิดด้วยประติมากรรมเสียงเรืองแสงที่เคลื่อนไหวช้า ๆ บนพื้นหลังสีน้ำเงินเข้มราวเที่ยงคืน ใช้ตัวอักษรสีงาช้างอบอุ่น สีฟ้าไซแอนสด สีม่วง และสีคอรัลในปริมาณพอเหมาะ จัดองค์ประกอบให้สง่างามและอินเทอร์เฟซเรียบง่าย แสดงพาดหัว **“ดูว่าเสียงทำอะไรได้บ้าง”** พร้อมจุดเริ่มต้นที่ชัดเจน 3 ทาง: - **เล่นเสียง** — เริ่มตัวอย่างเสียงที่คัดสรรพร้อมภาพแสดงผลทันที - **ใช้ไมโครโฟนของฉัน** — แสดงภาพเสียงพูดหรือเสียงรอบตัวของผู้ใช้ - **อัปโหลดเสียง** — สำรวจไฟล์เสียงในเครื่อง ให้ผู้เข้าชมพบสิ่งที่น่าสนใจได้ในคลิกเดียว มีตัวอย่างในตัวเพื่อให้การเข้าถึงไมโครโฟนและการอัปโหลดไฟล์เป็นทางเลือก ก่อนเล่น ให้แสดงตัวอย่างแบบไม่มีเสียงที่ระบุไว้อย่างชัดเจน ### 3 วิธีในการสำรวจ **1. ประติมากรรมเสียง — การแสดงภาพเสียงเชิงศิลป์** สร้างพื้นที่ประติมากรรมจากอนุภาคและริบบิ้นไหลลื่นที่ตอบสนองต่อการวิเคราะห์เสียงสดอย่างนุ่มนวล กำหนดความถี่ต่ำให้เป็นการเคลื่อนไหวกว้าง ความถี่กลางเป็นรายละเอียดโครงสร้าง และความถี่สูงเป็นประกายละเอียด ให้ความดังส่งผลต่อขนาดและพลังงานโดยไม่กระโดดฉับพลัน ให้คำพูด การปรบมือ การฮัม และดนตรีตอบสนองแตกต่างกันอย่างเห็นได้ชัด ระบุว่าโหมดนี้เป็นการตีความเสียงเชิงศิลป์ **2. สำรวจคลื่น — ทำความเข้าใจสัญญาณ** แสดงรูปคลื่นเคลื่อนไหวควบคู่กับสเปกตรัมความถี่ พร้อมการนำเสนอเชิงพื้นที่ที่เลือกใช้ได้ อธิบายอย่างตรงไปตรงมา: รูปคลื่นแสดงการเปลี่ยนแปลงของสัญญาณตามเวลา ส่วนสเปกตรัมแสดงองค์ประกอบความถี่ มีเครื่องสร้างโทนเสียงแบบอินเทอร์แอกทีฟ พร้อมตัวควบคุมความถี่และระดับเสียงที่ติดป้ายชัดเจน ให้ผู้ใช้เปรียบเทียบโทนบริสุทธิ์กับโทนที่มีรายละเอียดมากกว่าและเห็นความต่าง ใช้ระดับเสียงเริ่มต้นที่นุ่มนวล การเปลี่ยนเสียงที่ลื่นไหล และปุ่มหยุดที่เห็นชัด อธิบายว่าแอมพลิจูดที่แสดงเป็นระดับสัญญาณขาเข้า ไม่ใช่ความดังทางกายภาพที่ผ่านการสอบเทียบ **3. รูปแบบเรโซแนนซ์ — สำรวจการสั่นสะเทือน** แสดงแผ่นสั่นเสมือนจริงที่มีอนุภาคคล้ายทรายก่อตัวเป็นรูปแบบแนวปม มีโหมดการสั่นหลายแบบที่พัฒนาอย่างรอบคอบ ให้ผู้ใช้สำรวจได้ด้วยการปรับความถี่กระตุ้น อ้างอิงรูปแบบจากแบบจำลองแผ่นที่มีเอกสารรองรับ ซึ่งกำหนดเรขาคณิตและเงื่อนไขขอบเขตไว้ชัดเจน อธิบายว่าอนุภาคจะรวมตัวใกล้บริเวณที่สั่นน้อยที่สุด ระบุว่าประสบการณ์นี้เป็นการจำลองเพื่อการศึกษาและอธิบายส่วนที่ทำให้ง่ายขึ้น แยกเอฟเฟกต์ตกแต่งให้ต่างจากแบบจำลองวิทยาศาสตร์อย่างชัดเจน ### ทำให้ค้นพบได้ง่าย เสนอคำชวนสั้น ๆ ตามบริบท เช่น **“ลองฮัมโน้ตคงที่” “ปรบมือหนึ่งครั้ง”** และ **“เปรียบเทียบโทนต่ำกับโทนสูง”** โดยให้แต่ละคำชวนมีการตอบสนองที่เห็นได้ทันที ซ่อนตัวควบคุมขั้นสูงไว้ มีตัวควบคุมพัก รีเซ็ต เต็มหน้าจอ ความไว และความเข้มของการเคลื่อนไหว รักษาสถานะแหล่งเสียงและการเล่นให้ชัดเจนเมื่อสลับโหมด ใช้คำอธิบายสั้น ๆ ที่เข้าถึงได้สำหรับแต่ละโหมดโดยไม่บดบังฉาก ### เสียงและความเป็นส่วนตัว ใช้ **Web Audio API** สำหรับการเล่นและวิเคราะห์เสียง พร้อมการปรับให้เรียบที่เสถียรและการปรับระดับที่เหมาะสม ขอสิทธิ์ไมโครโฟนหลังจากผู้ใช้เลือกใช้เท่านั้น ประมวลผลเสียงจากไมโครโฟนและไฟล์ที่อัปโหลดในเครื่อง ห้ามอัปโหลด จัดเก็บ หรือส่งต่อเสียงของผู้ใช้ ปรับประสบการณ์ให้เป็นสื่อการสอนฟิสิกส์ระดับมัธยมต้น: ติดป้ายกำกับความยาวคลื่น แอมพลิจูด และความถี่ พร้อมคำศัพท์ภาษาจีนและหน่วย ในโหมดรูปคลื่นและสเปกตรัม และอธิบายคลื่นนิ่งกับปมด้วยแผนภาพสั้น ๆ ในโหมดเรโซแนนซ์ เปิดแต่ละโหมดด้วยบทนำสำหรับชั้นเรียนที่มีความยาวไม่เกิน 60 อักษรจีน และปิดท้ายด้วยคำถามปรนัยที่ตอบได้บนหน้าเว็บทันที; เมื่อตอบถูกจึงปลดล็อกโหมดการสั่นถัดไป แสดงตัวบ่งชี้ไมโครโฟนตลอดเวลา และมีปุ่ม **“หยุดไมโครโฟน”** ที่ชัดเจนเพื่อปล่อยการใช้งานไมโครโฟน ปิดการมอนิเตอร์ไมโครโฟนผ่านลำโพงเพื่อป้องกันเสียงสะท้อน จัดการกรณีผู้ใช้ปฏิเสธสิทธิ์ ไม่มีอุปกรณ์ ไฟล์ไม่รองรับ ไม่มีเสียง และเสียงถูกขัดจังหวะอย่างเหมาะสม ใช้เสียงในตัวที่ยืนยันว่าเป็น CC0 หรือมีใบอนุญาตเหมาะสม และแนบรายการใบอนุญาตของแอสเซ็ต ### คุณภาพด้านภาพและเทคนิค ใช้การเรนเดอร์อนุภาคที่ประณีต มิติความลึกที่น่าเชื่อถือ bloom ที่ควบคุมได้ แอนิเมชันลื่นไหล และการเคลื่อนกล้องอย่างพอเหมาะ ให้ข้อความคมชัดและตัวควบคุมอ่านง่าย หลีกเลี่ยงการกะพริบรุนแรงและสัญญาณรบกวนทางภาพที่มากเกินไป สร้างแอปพลิเคชัน Three.js ที่ดูแลรักษาได้ ด้วยเรขาคณิตและเชเดอร์ที่ใช้ GPU อย่างมีประสิทธิภาพ บัฟเฟอร์ใช้ซ้ำได้ ความหนาแน่นพิกเซลที่จำกัด จำนวนอนุภาคแบบปรับตัว และค่าคุณภาพสำเร็จรูป วิเคราะห์เสียงในเครื่องเพื่อให้ผู้เข้าชมพร้อมกันไม่ต้องใช้การประมวลผลเสียงฝั่งเซิร์ฟเวอร์ ให้บริการแอสเซ็ตสแตติกที่ปรับให้เหมาะสมผ่านโฮสติ้งที่รองรับ CDN ตั้งเป้าประสิทธิภาพลื่นไหลบนเดสก์ท็อปและใช้งานได้ดีบนโทรศัพท์ระดับกลาง วัดอัตราเฟรมจริง การใช้หน่วยความจำ และพฤติกรรมการโหลดบนอุปกรณ์ที่ทดสอบ หยุดการเรนเดอร์ที่ไม่จำเป็นเมื่อหน้าถูกซ่อน และปล่อยทรัพยากรเสียงกับ GPU อย่างถูกต้อง รองรับการสัมผัส การนำทางด้วยแป้นพิมพ์ สถานะโฟกัสที่มองเห็น ตัวควบคุมที่โปรแกรมอ่านหน้าจอเข้าถึงได้ และการลดการเคลื่อนไหว มีทางเลือก 2D แบบเบาเมื่อ WebGL ใช้งานไม่ได้ ให้ข้อมูลสำคัญเข้าใจได้โดยไม่ต้องอาศัยสีหรือเสียงเพียงอย่างเดียว ### สิ่งที่ต้องส่งมอบ เผยแพร่เว็บไซต์ที่เสร็จสมบูรณ์ไปยัง **HTTPS URL** สาธารณะที่ใช้งานได้ สร้าง **MP4 H.264 ความละเอียด 1920 × 1080 ความยาว 30–45 วินาที** ที่ดาวน์โหลดได้ พร้อมเสียงที่มีใบอนุญาตและซิงก์กัน ซึ่งเรนเดอร์จากแอปพลิเคชันจริง แสดงโทนบริสุทธิ์กลายเป็นรูปคลื่น เสียงที่ซับซ้อนขึ้นแปรเปลี่ยนประติมากรรม และลำดับรูปแบบเรโซแนนซ์ ใช้การเล่นที่กำหนดผลลัพธ์ได้และการจับเฟรมที่เสถียรเพื่อผลลัพธ์สะอาดตา ส่งมอบโปรเจกต์ต้นฉบับ แอสเซ็ตในเครื่อง รายการใบอนุญาต แบบจำลองวิทยาศาสตร์และการจับคู่การแสดงผลที่มีเอกสาร คำแนะนำการเผยแพร่ และรายงานการตรวจสอบแบบกระชับ ทดสอบประสบการณ์ที่เผยแพร่แล้วทั้งเลย์เอาต์เดสก์ท็อปและมือถือ ขั้นตอนขอสิทธิ์ไมโครโฟน การเล่นเสียง การอัปโหลด การสลับโหมด การเข้าถึง และการเล่นวิดีโอ รายงานสภาพแวดล้อมที่ทดสอบและข้อจำกัดที่เหลืออย่างถูกต้อง **ห้ามใส่:** เอฟเฟกต์ตกแต่งที่นำเสนอเป็นการจำลองทางกายภาพ การขอสิทธิ์ไมโครโฟนเมื่อเปิดหน้าเว็บ การอัปโหลดเสียงไปยังเซิร์ฟเวอร์ เสียงเล่นอัตโนมัติ เสียงสะท้อนจากลำโพง ตัวควบคุมที่มากเกินไป การกะพริบเร็ว ป้ายที่อ่านไม่ออก ฟังก์ชันตัวแทน เลย์เอาต์มือถือที่เสีย ลายน้ำ หรือการอ้างความพร้อมใช้งานจริงที่ไม่มีหลักฐานรองรับ
คุณอาจจะชอบสิ่งเหล่านี้ด้วย
THE IMPACT No. 01 — โปรแกรมจำลองเครื่องพิมพ์ดีดกลไก 3 มิติ
เครื่องพิมพ์ดีด 3 มิติพร้อมแอนิเมชันการกดแป้น กระดิ่งเลื่อนแคร่กลับ และมุมมองภาพตัดขวาง เอกสารเก็บไว้ในเครื่องและส่งออกเป็น DOCX ได้ พรอมต์พร้อมให้คัดลอก
GMT://TERMINAL — มอนิเตอร์ตลาดโลกที่ควบคุมด้วยแป้นพิมพ์
หน้าเทอร์มินัลสไตล์ Bloomberg: เทปดัชนีสำหรับเกณฑ์อ้างอิง 6 รายการ ฮีตแมปภาคส่วน แผงภาพรวมความกว้างของตลาด ฟีดข่าว และกราฟ 60 ช่วงการซื้อขายสำหรับแต่ละทิกเกอร์ โดยใช้ข้อมูลเดโมที่ระบุไว้อย่างชัดเจน
