maker.js

maker.js

เข็มทิศและตรงตามจาวาสคริปต์ของคุณ

สร้างภาพวาดเส้นโดยใช้โครงสร้างที่คุ้นเคยจากรูปทรงเรขาคณิตและการร่าง เริ่มแรกที่กำหนดไว้สำหรับ CNC และ Laser Cutters, Maker.js ยังสามารถช่วยให้คุณวาดรูปแบบโปรแกรมสำหรับวัตถุประสงค์ใด ๆ มันทำงานในทั้ง Node.js และเว็บเบราว์เซอร์

รูปแบบการส่งออก 2D: DXF, SVG, PDF, วัตถุ JSCAD CAG

รูปแบบการส่งออก 3D: สคริปต์ JSCAD, JSCAD CSG Object, STL

การสาธิต - เอกสาร

แนวคิดหลัก

• เส้นทาง - องค์ประกอบดั้งเดิมของภาพวาดคือเส้นโค้งและวงกลม
• แบบจำลอง - กลุ่มของเส้นทางที่จะเขียนรูปร่าง
• เลเยอร์ - การจัดระเบียบของแบบจำลองเช่นตามประเภทสีหรือเครื่องมือ
• โซ่-ชุดของเส้นและส่วนโค้งที่เชื่อมต่อ end-to-end อย่างต่อเนื่อง

เรียนรู้เพิ่มเติมในเอกสารการสอนหรือ API

คุณสมบัติ

• ภาพวาดเป็นวัตถุจาวาสคริปต์ที่เรียบง่ายซึ่งสามารถเป็นอนุกรม / deserialized ตามอัตภาพด้วย JSON นอกจากนี้ยังทำให้การวาดภาพง่ายต่อการโคลน

• แบบจำลองของคนอื่นสามารถใช้วิธี Node.js, แก้ไขและส่งออกอีกครั้ง

• แบบจำลองสามารถปรับขนาดบิดเบี้ยววัดและแปลงเป็นระบบหน่วยที่แตกต่างกัน

• เส้นทางสามารถบิดเบี้ยวได้

• รุ่นสามารถหมุนหรือมิเรอร์ได้

• ค้นหาจุดตัดหรือมุมแยกของเส้นทาง

• สำรวจต้นไม้แบบจำลองเพื่อให้เหตุผลกับลูก ๆ

• ตรวจจับโซ่ที่เกิดขึ้นจากเส้นทางที่เชื่อมต่อต้นจนจบ

• รับคะแนนไปตามเส้นทางหรือตามเส้นทางของเส้นทาง

• เพิ่มความโค้งได้อย่างง่ายดายที่ข้อต่อระหว่าง 2 เส้นทางใด ๆ โดยใช้เนื้อแบบดั้งเดิมหรือแบบ dogbone

• รวมโมเดลเข้ากับการดำเนินการบูลีนเพื่อรับสหภาพแรงงานทางแยกหรือหมัด

• ขยายเส้นทางเพื่อจำลองความหนาของโรคหลอดเลือดสมองโดยมีตัวเลือกไปยังข้อต่อเอียง

• โครงร่างโมเดลเพื่อสร้างโครงร่างโดยรอบพร้อมตัวเลือกในการไปที่ข้อต่อ

• เค้าโครงโคลนเป็นแถวคอลัมน์กริดอิฐหรือรังผึ้ง

โมเดลในตัว

• เข็มขัด
• เส้นโค้ง Bezier
• วงกลมสลักเกลียว
• รูปทรงสี่เหลี่ยมผืนผ้า
• เชื่อมต่อจุดต่างๆ
• กระดูกสันหลัง
• โดม
• วงรี
• อาร์ครูปไข่
• รู
• วงรี
• รูปไข่
• รูปหลายเหลี่ยม
• สี่เหลี่ยมผืนผ้า
• แหวน
• Roundrectangle
• เส้นโค้ง
• ช่องเสียบ
• สี่เหลี่ยม
• ดาว
• ข้อความ

รูปแบบนำเข้า

• แบบอักษร (ต้องใช้ opentype.js)
• ข้อมูลเส้นทาง SVG
• คะแนน SVG

เริ่มต้น

ลองเลย

เยี่ยมชม Maker.js Playground แอพตัวอย่างเพื่อแก้ไขและเรียกใช้ JavaScript จากเบราว์เซอร์ของคุณ

การสาธิตแต่ละครั้งจะเปิดในสนามเด็กเล่นเพื่อให้คุณสามารถสำรวจและแก้ไขรหัสของพวกเขา

เพื่อใช้ในเว็บเบราว์เซอร์

ดาวน์โหลดเวอร์ชันเบราว์เซอร์ของ maker.js จากนั้นอัปโหลดไปยังเว็บไซต์ของคุณ: https://maker.js.org/target/js/browser.maker.js

เพิ่มแท็กสคริปต์ใน HTML ของคุณ:

 < script src =" https://maker.js.org/target/js/browser.maker.js " type =" text/javascript " > </ script >

หมายเหตุ: คุณอาจต้องการห้องสมุดเพิ่มเติม

ใน JavaScript ของคุณใช้ฟังก์ชันที่ต้องการเพื่อรับข้อมูลอ้างอิง:

 var makerjs = require ( 'makerjs' ) ;

ใช้ผ่าน CDN

เพิ่มแท็กสคริปต์ลงใน HTML ของคุณ:

 <script src="https://cdn.jsdelivr.net/npm/makerjs@0/target/js/browser.maker.js"></script>

ในการทำงานกับ bezier curves คุณจะต้องมีสำเนาของ bezier.js โดย pomax

 <script src="https://cdn.jsdelivr.net/npm/bezier-js@2/bezier.js"></script>

ในการทำงานกับแบบอักษรคุณจะต้องใช้ทั้ง bezier.js (ด้านบน) และสำเนาของ opentype.js โดย Frederik de bleser

 <script src="https://cdn.jsdelivr.net/npm/opentype.js@0/dist/opentype.js"></script>

ใน JavaScript ของคุณใช้ฟังก์ชัน require เพื่อรับข้อมูลอ้างอิง:

 var makerjs = require('makerjs');

เพื่อใช้ใน node.js

เพื่อขึ้นอยู่กับ maker.js เรียกใช้สิ่งนี้จากบรรทัดคำสั่ง:

npm install makerjs --save

ใน JavaScript ของคุณใช้ฟังก์ชัน require เพื่อรับข้อมูลอ้างอิง:

 var makerjs = require ( 'makerjs' ) ; 

การบริจาค

มีหลายวิธีในการมีส่วนร่วมใน Maker.js:

• ★ Star Maker.js บน GitHub
• ส่งข้อบกพร่องและคำขอคุณสมบัติใน GitHub
• สร้างตัวอย่างสำหรับแกลเลอรี่
• สร้างบทเรียนหรือวิดีโอสำหรับเอกสาร
• ปรับปรุงเว็บไซต์
• เพิ่มคุณสมบัติลงในแอพ Playground
• สร้างแอพใหม่ Maker.js และเราจะเชื่อมโยงไปที่นี่
• ค้นหาสิ่งที่ต้องทำในซอร์สโค้ดหลัก
• สร้างการทดสอบหน่วยสำหรับแกน

บางส่วนอาจต้องมีข้อตกลงผู้สนับสนุน

การให้เครดิต

maker.js ขึ้นอยู่กับ:

• Clone โดย Paul Vorbach
• Bezier-js โดย pomax
• Graham_Scan โดย Brian Barnett
• Kdbush โดย Vladimir Agafonkin

---

Maker.js เป็นโครงการ Microsoft Garage Microsoft Garage เปลี่ยนแนวคิดใหม่ ๆ เป็นโครงการจริง เรียนรู้เพิ่มเติมได้ที่ http://microsoft.com/garage