FIELD — สี่สถานะของบัฟเฟอร์เดียว
บัฟเฟอร์เดียวแปรเปลี่ยนเป็นทุ่งหญ้า กระแสน้ำ ถ่านคุ และโครงตาข่ายสลับกันไป: เส้น 262,144 เส้นถูกคำนวณใหม่ด้วย WebGPU compute pass ในทุกเฟรม
Loading preview...
1033 views
เริ่มด้วยพรอมต์นี้
บัฟเฟอร์เดียวแปรเปลี่ยนเป็นทุ่งหญ้า น้ำขึ้นน้ำลง เถ้าถ่านคุ และโครงตาข่ายตามลำดับ: เส้น 262,144 เส้นถูกคำนวณใหม่ในทุกเฟรมด้วย WebGPU compute pass
ลองใช้ Websites Agentสร้างหน้าซีนเชิงกระบวนการด้วย WebGPU ชื่อ FIELD: สี่สถานะของบัฟเฟอร์เดียว ทั้งหน้าทำงานบนบัฟเฟอร์คงที่เพียงหนึ่งเดียว ซึ่งทั้งสี่ซีนผลัดกันนำไปใช้ ได้แก่ ทุ่งหญ้าพลิ้วตามลม น้ำขึ้นน้ำลง เถ้าถ่านที่กำลังมอดดับ และโครงตาข่ายสม่ำเสมอ ใบหญ้า 262,144 ใบ หรืออนุภาคจำนวนเทียบเท่าในซีนถัดไป จะถูกเขียนใหม่ทั้งหมดด้วย compute pass ในทุกเฟรม ดังนั้นสิ่งที่เห็นบนหน้าจอจึงไม่มีทั้งเท็กซ์เจอร์และโมเดล ทุกเส้นล้วนผ่านการคำนวณ เมื่อผู้เข้าชมเลื่อนลง สถานะทั้งสี่จะเปลี่ยนผ่านเข้าหากันอย่างลื่นไหล ขณะที่บัฟเฟอร์เดิมยังคงถูกนำกลับมาใช้ด้านล่าง แต่ละสถานะมีหมายเหตุการติดตั้งใช้งานแบบสั้นบนหน้า อธิบายวิธีการทำงานของเอฟเฟ็กต์ พร้อมตัวแสดงอัตราเฟรมแบบเรียลไทม์ เมื่อเบราว์เซอร์ไม่รองรับ WebGPU หน้าจะแสดงข้อความสำรองอย่างเหมาะสมแทนซีน เพื่อให้ผู้เข้าชมทราบว่าเหตุใดจึงไม่มีการเรนเดอร์ เป็นหน้าสแตติกไฟล์เดียว
เพิ่มสไลเดอร์พารามิเตอร์
หญ้า น้ำขึ้นน้ำลง เถ้าถ่าน และโครงตาข่ายต่างมีสไลเดอร์แบบเรียลไทม์สำหรับปรับความหนาแน่น ความเร็วลม และสี ดังนั้นเมื่อเลื่อนสไลเดอร์ ซีนจะเปลี่ยนรูปทันที โดยหมายเหตุการติดตั้งใช้งานและตัวแสดงอัตราเฟรมยังคงอยู่
ลองใช้ Websites Agentสร้างหน้าซีนเชิงกระบวนการด้วย WebGPU ชื่อ FIELD: สี่สถานะของบัฟเฟอร์เดียว ทั้งหน้าทำงานบนบัฟเฟอร์คงที่เพียงหนึ่งเดียว ซึ่งทั้งสี่ซีนผลัดกันนำไปใช้ ได้แก่ ทุ่งหญ้าพลิ้วตามลม น้ำขึ้นน้ำลง เถ้าถ่านที่กำลังมอดดับ และโครงตาข่ายสม่ำเสมอ ใบหญ้า 262,144 ใบ หรืออนุภาคจำนวนเทียบเท่าในซีนถัดไป จะถูกเขียนใหม่ทั้งหมดด้วย compute pass ในทุกเฟรม ดังนั้นสิ่งที่เห็นบนหน้าจอจึงไม่มีทั้งเท็กซ์เจอร์และโมเดล ทุกเส้นล้วนผ่านการคำนวณ เมื่อผู้เข้าชมเลื่อนลง สถานะทั้งสี่จะเปลี่ยนผ่านเข้าหากันอย่างลื่นไหล ขณะที่บัฟเฟอร์เดิมยังคงถูกนำกลับมาใช้ด้านล่าง แต่ละสถานะมีหมายเหตุการติดตั้งใช้งานแบบสั้นบนหน้า อธิบายวิธีการทำงานของเอฟเฟ็กต์ พร้อมตัวแสดงอัตราเฟรมแบบเรียลไทม์. เมื่อเบราว์เซอร์ไม่รองรับ WebGPU หน้าจะแสดงข้อความสำรองอย่างเหมาะสมแทนซีน เพื่อให้ผู้เข้าชมทราบว่าเหตุใดจึงไม่มีการเรนเดอร์ เป็นหน้าสแตติกไฟล์เดียว
เพิ่มสถานะที่ห้า
เพิ่มสถานะที่ห้าต่อจากโครงตาข่าย: ทุ่งหิมะที่ตกลงมาอย่างสงบ ซึ่งจะเปลี่ยนผ่านเข้ามาเมื่อเลื่อนหน้าจอด้วยความลื่นไหลเช่นเดียวกับสี่สถานะแรก
ลองใช้ Websites Agentสร้างหน้าซีนเชิงกระบวนการด้วย WebGPU ชื่อ FIELD: สี่สถานะของบัฟเฟอร์เดียว ทั้งหน้าทำงานบนบัฟเฟอร์คงที่เพียงหนึ่งเดียว ซึ่งทั้งสี่ซีนผลัดกันนำไปใช้ ได้แก่ ทุ่งหญ้าพลิ้วตามลม น้ำขึ้นน้ำลง เถ้าถ่านที่กำลังมอดดับ และ โครงตาข่ายสม่ำเสมอ. ใบหญ้า 262,144 ใบ หรืออนุภาคจำนวนเทียบเท่าในซีนถัดไป จะถูกเขียนใหม่ทั้งหมดด้วย compute pass ในทุกเฟรม ดังนั้นสิ่งที่เห็นบนหน้าจอจึงไม่มีทั้งเท็กซ์เจอร์และโมเดล ทุกเส้นล้วนผ่านการคำนวณ เมื่อผู้เข้าชมเลื่อนลง สถานะทั้งสี่จะเปลี่ยนผ่านเข้าหากันอย่างลื่นไหล ขณะที่บัฟเฟอร์เดิมยังคงถูกนำกลับมาใช้ด้านล่าง แต่ละสถานะมีหมายเหตุการติดตั้งใช้งานแบบสั้นบนหน้า อธิบายวิธีการทำงานของเอฟเฟ็กต์ พร้อมตัวแสดงอัตราเฟรมแบบเรียลไทม์ เมื่อเบราว์เซอร์ไม่รองรับ WebGPU หน้าจะแสดงข้อความสำรองอย่างเหมาะสมแทนซีน เพื่อให้ผู้เข้าชมทราบว่าเหตุใดจึงไม่มีการเรนเดอร์ เป็นหน้าสแตติกไฟล์เดียว
เพิ่มโหมดหมุนมุมมอง
เพิ่มการหมุนมุมมองด้วยการลากเมาส์ควบคู่กับการเปลี่ยนผ่านขณะเลื่อน เพื่อให้มองทุ่งที่คำนวณใหม่ในทุกเฟรมเดียวกันได้จากอีกมุมหนึ่ง
ลองใช้ Websites Agentสร้างหน้าซีนเชิงกระบวนการด้วย WebGPU ชื่อ FIELD: สี่สถานะของบัฟเฟอร์เดียว ทั้งหน้าทำงานบนบัฟเฟอร์คงที่เพียงหนึ่งเดียว ซึ่งทั้งสี่ซีนผลัดกันนำไปใช้ ได้แก่ ทุ่งหญ้าพลิ้วตามลม น้ำขึ้นน้ำลง เถ้าถ่านที่กำลังมอดดับ และโครงตาข่ายสม่ำเสมอ ใบหญ้า 262,144 ใบ หรืออนุภาคจำนวนเทียบเท่าในซีนถัดไป จะถูกเขียนใหม่ทั้งหมดด้วย compute pass ในทุกเฟรม ดังนั้นสิ่งที่เห็นบนหน้าจอจึงไม่มีทั้งเท็กซ์เจอร์และโมเดล ทุกเส้นล้วนผ่านการคำนวณ เมื่อผู้เข้าชมเลื่อนลง สถานะทั้งสี่จะเปลี่ยนผ่านเข้าหากันอย่างลื่นไหล ขณะที่บัฟเฟอร์เดิมยังคงถูกนำกลับมาใช้ด้านล่าง แต่ละสถานะมีหมายเหตุการติดตั้งใช้งานแบบสั้นบนหน้า อธิบายวิธีการทำงานของเอฟเฟ็กต์ พร้อมตัวแสดงอัตราเฟรมแบบเรียลไทม์ เมื่อเบราว์เซอร์ไม่รองรับ WebGPU หน้าจะแสดงข้อความสำรองอย่างเหมาะสมแทนซีน เพื่อให้ผู้เข้าชมทราบว่าเหตุใดจึงไม่มีการเรนเดอร์ เป็นหน้าสแตติกไฟล์เดียว
