curve()

วาดเส้นโค้งบนหน้าจอระหว่างสองจุดให้เป็นสี่พารามิเตอร์กลาง พารามิเตอร์สองตัวแรกเป็นจุดควบคุมราวกับว่าเส้นโค้งมาจากจุดนี้ถึงแม้ว่าจะไม่วาดก็ตาม พารามิเตอร์สองตัวสุดท้ายอธิบายจุดควบคุมอื่น ๆ ในทำนองเดียวกัน เส้นโค้งที่ยาวขึ้นสามารถสร้างขึ้นได้โดยการใช้ชุดของฟังก์ชัน curve () ร่วมกันหรือใช้ curveVertex () ฟังก์ชันเพิ่มเติมที่เรียกว่า curveTightness () ให้การควบคุมคุณภาพภาพของเส้นโค้ง ฟังก์ชัน curve () คือการดำเนินการ Splines Catmull-Rom

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

curve ( x1, y1, x2, y2, x3, y3, x4, y4 )

พารามิเตอร์

  • x1 Number: พิกัด x สำหรับจุดควบคุมจุดเริ่มต้น
  • y1 Number: พิกัด y สำหรับจุดควบคุมจุดเริ่มต้น
  • x2 Number: พิกัด x สำหรับจุดแรก
  • y2 Number: พิกัด y สำหรับจุดแรก
  • x3 Number: พิกัด x สำหรับจุดที่สอง
  • y3 Number: y พิกัดสำหรับจุดที่สอง
  • x4 Number: พิกัด x สำหรับจุดควบคุมจุดสิ้นสุด
  • y4 Number: y- พิกัดสำหรับจุดสิ้นสุดการควบคุม

ค่าที่ส่งออกมา

  • p5: วัตถุ p5




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