User Tools


Differences

This shows you the differences between two versions of the page.

Link to this comparison view

th:design_guide_circle [2018/05/28 18:43] (current)
hassadee1 created
Line 1: Line 1:
 +==== รูปวงกลม (Circle) ====
  
 +รูปวงกลม คือ รูปทรงสองมิติ สร้างขึ้นโดยเส้นโค้ง โดยแต่ละจุดของเส้นโค้งมีระยะจากจุดศูนย์กลางของรูปวงกลมเท่ากันทุกจุด
 +
 +{{ :​wiki:​mathisfun_circle.svg?​nolink&​145 |รูปวงกลม}}
 +//​[[http://​www.mathsisfun.com/​algebra/​circle-equations.html|คุณสามารถศึกษาเพิ่มเติมเกี่ยวกับรูปวงกลมได้ที่ MathIsFun.com]]//​
 +
 +ตัวอย่างข้างล่างนี้ คือ ตัวอย่างการสร้างรูปวงกลมโดยการกำหนดค่ารัศมี (radius) ของวงกลม ซึ่งจะเป็นตัวกำหนดขนาดของวงกลม และค่าความละเอียด (resolution) คือ ค่าของจำนวนด้านที่เป็นเส้นโค้งของรูปวงกลมว่ามีกี่ด้านที่จะสร้างรูปวงกลมได้จนครบรอบ 360º โดยค่านี้สามารถกำหนดได้ต่ำสุด คือ 3 โดยรูปวงกลมที่ได้ จะได้ออกมาเป็นรูปสามเหลี่ยม
 +
 +//​หมายเหตุ:​ สามารถดูข้อมูลเพิ่มเติมเกี่ยวกับค่าความละเอียด (resolution) ของรูปทรง 2 มิติ ได้ที่หัวข้อ 2D Primitives//​
 +
 +ค่าปริยาย:​
 +  * radius : 1
 +  * center : [0,0]
 +  * resolution: defaultResolution2D (32)
 +
 +<code javascript>​
 +let c1 = circle(1) ​
 +let c2 = circle({r: 2, fn: 5})            // fn = เลขจำนวนด้านที่ประกอบเข้าเป็นเส้นรอบวงของรูปวงกลม ในที่นี้มีค่าต่ำสุดได้ คือ 3 โดยรูปที่ได้ จะออกมาเป็นรูปสามเหลี่ยม
 +let c3 = circle({r: 3, center: true})
 +</​code>​
 +
 +คุณสามารถใช้ฟังก์ชันของไลบรารี่ CSG ในการสร้างรูปวงกลมได้ดังนี้ //​(หมายเหตุ:​ ไม่สามารถใช้ได้ใน API รุ่นที่ 2)//
 +
 +<code javascript>​
 +let c4 = CAG.circle({center:​ [0,0], radius: 3, resolution: 32})
 +</​code>​