สมมติว่าคุณได้ออกแบบโมเดล 3 มิติบน AutoCAD หรือเครื่องมือสร้างโมเดล 3 มิติอื่นๆ และคุณต้องการแสดงบนหน้าเว็บของคุณโดยไม่สูญเสียหรือกระทบต่อการโต้ตอบ 3 มิติ บทความนี้จะให้ตัวเลือกแก่คุณในการทำเช่นนั้น
ขั้นตอน
วิธีที่ 1 จาก 2: การใช้ Javascript Framework jsc3d
ขั้นตอนที่ 1 โปรดทราบว่า jsc3d เป็นเฟรมเวิร์กจาวาสคริปต์ที่มีโปรแกรมดูอ็อบเจ็กต์ 3 มิติสำหรับหน้าเว็บ
มันถูกเข้ารหัสทั้งหมดในจาวาสคริปต์และต้องใช้ผ้าใบ HTML เพื่อดำเนินการเรนเดอร์และการโต้ตอบ มันให้มุมมอง orthographic
ขั้นตอนที่ 2 ดาวน์โหลดไฟล์ zip jsc3d จาก Google
ลิงค์คือ:
ขั้นตอนที่ 3 ใช้รหัสที่แสดงในรูป
เขียนชื่อพาธของไฟล์ตามต้องการแทนข้อความที่เน้นสีแดงเข้ม ตรวจสอบให้แน่ใจว่ารูปแบบไฟล์ของคุณเป็น.obj หรือแปลงเป็น.obj
ขั้นตอนที่ 4 ตรวจสอบให้แน่ใจว่าคุณมีคุณสมบัติตรงตามข้อกำหนด:
- เบราว์เซอร์ที่เปิดใช้งาน Javascript
- รองรับ HTML 5
- รองรับผ้าใบ
วิธีที่ 2 จาก 2: การใช้บุคคลที่สาม
ขั้นตอนที่ 1. เลือกบริการ
มีเว็บไซต์หลายแห่งที่ให้บริการการดูวัตถุ 3 มิติ
ขั้นตอนที่ 2 ใช้ลิงค์ที่พวกเขาให้
ด้วยบริการเหล่านี้ส่วนใหญ่ คุณสามารถส่งไฟล์ 3d และรับลิงก์ที่คุณสามารถฝังไว้บนเว็บเพจของคุณได้
-
ตัวอย่างเช่น ด้วย sketchfab.com คุณจะได้รับลิงก์ดังนี้:
Wikihow3d โดย ลัล.อภิเศก บน Sketchfab