draw()

เรียกฟังก์ชันโดยตรง () หลังจากตั้งค่า () ฟังก์ชัน draw () จะดำเนินการบรรทัดของรหัสที่อยู่ภายในบล็อกจนกว่าจะมีการหยุดโปรแกรมหรือเรียก noLoop () หมายเหตุถ้าเรียกว่า noLoop () ในการตั้งค่า (), draw () จะยังคงทำงานได้เพียงครั้งเดียวก่อนที่จะหยุด วาด () เรียกโดยอัตโนมัติและไม่ควรเรียกอย่างชัดแจ้ง

ควรควบคุมด้วย noLoop (), redraw () และ loop () หลังจาก noLoop () หยุดโค้ดใน draw () จากการดำเนินการการวาดใหม่ () จะทำให้โค้ดภายใน draw () ใช้ครั้งเดียวและ loop () จะทำให้โค้ดภายใน draw () ทำงานต่อไปอย่างต่อเนื่อง

จำนวนครั้งที่วาด () ในแต่ละวินาทีอาจถูกควบคุมด้วยฟังก์ชัน frameRate ()

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

เป็นสิ่งสำคัญที่จะต้องทราบว่าระบบพิกัดการวาดภาพจะถูกรีเซ็ตที่จุดเริ่มต้นของการวาดแต่ละครั้ง หากมีการแปลงใด ๆ เกิดขึ้นภายในวาด () (เช่น scale, rotate, translate, effect จะถูกยกเลิกเมื่อเริ่มวาดภาพ) ดังนั้นการแปลงจะไม่เกิดขึ้นตลอดเวลาในทางกลับกันการจัดแต่งทรงผม (เช่น fill , จังหวะ ฯลฯ ) จะยังคงมีผล

รูปแบบการใช้งาน

draw()

[1]	This document was generated from p5.js whose source code is available on github.