Chat with us, powered by LiveChat

Menu

WebGL สามมิติผ่านเว็บเบราว์เซอร์

Applicad Public Company Limited.Article - Creative DesignWebGL สามมิติผ่านเว็บเบราว์เซอร์

Nov

1

2016

WebGL สามมิติผ่านเว็บเบราว์เซอร์

webgl_logo

WebGL (Web Graphics Library) ไลบรารี่กราฟิกบนเว็บ เป็นการใช้ภาษา javascript ในการเขียนโปรแกรมบนเว็บไซต์ ซึ่งมี API มาช่วยในเรื่องของการแสดงผลแบบ 3 มิติ และ 2 มิติ ซึ่งจะต้องทำงานภายใต้ Web Browser โดยไม่จำเป็นต้องติดตั้งปลั๊กอินส์เพิ่ม WebGL เป็นมาตรฐานของที่ทุกเว็บเบราเซอร์ จะสามารถประมวลผลภาพและแสดงเอฟเฟคต่างๆ ใช้ร่วมกับแท็กต่างๆ ของ HTML ได้

WebGL มีพื้นฐานอยู่บน OpenGL ES 2.0 และให้อินเตอร์เฟซสำหรับงานกราฟิก 3 มิติ โดยการทำงานของ HTML5 Canvas Element และการเข้าถึงอินเตอร์เฟซของ Document Object Model Interfaces.

WebGL พัฒนาโดยวิศวกรซอฟต์แวร์ Vladimir Vukićević ได้ทำงานที่มูลนิธิ Mozilla และนำไปสู่การสร้าง WebGL เปิดตัวต้นแบบครั้งแรก 2006 ถูกนำมาใช้จริงครั้งแรก เดือนมีนาคม 2011 รองรับเว็บเบราเซอร์ บนคอมพิวเตอร์ และบนมือถือ

SolidWorks เองจึงเริ่มพัฒนาต่อยอด eDrawing บนมาตรฐาน WebGL ทำให้สามารถ ดูผ่านเว็บเบราว์เซอร์ได้โดยไม่ต้องติดตั้งโปรแกรมเหมือนแต่ก่อน โดยสามารถเข้าถึงได้จากเว็บเบราว์เซอร์บนคอมพิวเตอร์และบนมือถือ


Download

ตัวอย่างด้านบนเราสามารถที่จะหมุนชิ้นงานดูได้ , แยกชิ้นส่วน , ผ่าชิ้นส่วน และเลือกซ่อน หรือแสดงชิ้นส่วนได้ จาก Mouse หรือระบบ Touch Screen

mouse

ขั้นตอนการสร้าง eDrawing WebGL

  1. ไปที่เว็บ 3dcontentcentral.com
  2. ทำการสมัคร หรือถ้ามี User แล้วให้ทำการเข้าสู่ระบบ
  3. ทำการ Upload ชิ้นงานเข้าสู่เว็บ
  4. ไฟล์จะอยู่ใน Portfolio เลือกไฟล์ที่ต้องการ
  5. ให้ทำการคัดลอก Link HTML ที่ได้จากเว็บ

3d-content6. นำโค้ดที่ได้ไปใส่ในหน้าเว็บของเรา เราสามารถกำหนดขนาด กว้าง และความสูงได้จากการแก้ที่ตำแหน่ง Width และ Height ในโค้ด

ตัวอย่างโค้ด

<iframe scrolling=’no’ frameborder=’0′ allowfullscreen=’true’ src=’//www.3dcontentcentral.com/external-site-embed.aspx?format=3D&catalogid=171&modelid=117858&width=250&height=250&edraw=true’ name=’PreviewFrame3D’ id=’PreviewFrame3D’ width=’400′ height=’355′></iframe><br/><a href=’http://www.3dcontentcentral.com/download-model.aspx?catalogid=171&id=117858′>Download</a>

 

REF : http://www.w3ii.com

https://www.wikipedia.org/

http://www.3dcontentcentral.com/

  • 132
    Shares
บทความนี้เป็นประโยชน์ต่อท่านหรือไม่
(1 votes, average: 5.00 out of 5)
Loading...

Menu