X3DOM Configuration | ภาษาไทย

ใน X3D element นั้นมี tag ที่สามารถตั้งค่าสำหรับ runtime ได้คือ param โดยจะต้องประกาศใน X3D element เช่นตัวอย่างโค้ดข้างล่างนี้ โดย options ที่สามารถตั้งค่าได้ตั้งแต่ X3DOM รุ่น 1.4 มามีดังนี้

Web3D & SIGGRAPH Conferences 2012, Los Angeles, CA, USA. Diary : Day 1

Part 3. วันที่ 4 สิงหาคม 2555 : วันแรกของงาน Web3D Conference 2012 เริ่มก่อนหน้า SIGGRAPH ไป 1 วัน (Link สำหรับ Part 1 และ Part 2) วันนี้ก็เดินออกมาจากโรงแรมตามแผนที่วางไว้เมื่อวันก่อนที่มาเดินสำรวจไว้แล้ว มาได้ตรงเวลาแบบเป๊ะๆเลยเพราะว่าตื่นสาย ใจจริงอยากจะเผื่อเวลาไว้แต่ว่าตื่นสายจริงๆ ฮ่ะๆๆ ๆ วันนี้คนยังไม่มากเท่าไหร่ เพราะมีงาน Web3D Conference งานเดียว แต่สำหรับคนที่ส่งโปสเตอร์สำหรับงาน SIGGRAPH 2012 เขาก็มาติดโปสเตอร์กันวันนี้แหละครับ บางคนติดก่อนหน้านั้นไปแล้วก็มี หลังจากผมเดินหลงอยู่ใน LA Convention Center ได้สักพัก เห็นคนทำหน้าหลงๆเหมือนกันก็ถามๆกันจนมาเจอ Hall นี้ ถึงกับโล่งใจว่าเจอสักที แล้วก็ขึ้นบันไดเลื่อนมาที่ห้องสำหรับงานเปิด Web3D Conference 2012 ด้วยใจร้อนรนว่าเรามาถึงเลทไปห้านาทีแล้ว แฮ่ๆ หลังจากลงทะเบียนแล้ว ก็ได้ป้ายชื่อกับกระเป๋ามาครับ…

[How to] Level Of Detail (LOD) – X3D(OM) Language [Tutorial in Thai language]

Level Of Detail (LOD) นั้นเป็น Grouping node ตัวหนึ่งในภาษา X3D (หรือเอามาใช้กับ X3DOM ก็ได้ซึ่งใช้ภาษาในการเขียนเป็น X3D เหมือนกัน) โดย node นี้จะถูกใช้เพื่อการเพิ่มประสิทธิภาพในการเรนเดอร์วัตถุใน Scene เนื่องจากใน Scene ของเรานั้นจะมี Viewpoint อยู่อย่างน้อย node ซึ่งจะเป็นจุดกล้องของเรานั่นเอง ซึ่งมีความห่างในแกน x, y, z กับวัตถุ ซึ่งระยะห่างนี้เราสามารถกำหนดความละเอียดให้กับวัตถุที่เรามองเห็นได้ ลองนึกภาพว่าคุณมองวัตถุที่เห็นไกลๆแล้วคุณเห็นมันไม่ชัด คุณเดินเข้าไปใกล้ขึ้นเรื่อยๆ วัตถุนั้นก็จะชัดขึ้นเรื่อยๆตามลำดับ หากใครที่เคยเล่นเกมแนว 3D มาคงจะพอนึกภาพออกว่าเป็นยังไง และความละเอียดนั่นเองที่เราจะถูกถึงการเพิ่มประสิทธิภาพของการเรนเดอร์ทั้ง Scene นั้นโดยรวม โดยเฉพาะอย่างยิ่งกับ Scene ที่มีวัตถุหลายๆวัตถุ เราก็ควรจะให้ความสำคัญกับวัตถุที่เราอยู่ใกล้ที่สุด คือ ให้เรามองเห็นสิ่งนั้นชัดที่สุด ละเอียดที่สุด นั่นหมายความว่า ยิ่งความละเอียดเยอะ ยิ่งมี Polygon มาก มีจุดมากนั่นเอง ซึ่งจำนวนจุด (Point)…

เริ่มต้นกับ X3DOM | Getting Started with X3DOM

“Post นี้เหมาะสำหรับผู้ที่ต้องการเริ่มศึกษา/เล่นกับ X3DOM แต่ไม่รู้จะเริ่มยังไงครับ และถ้ามีพื้นฐานภาษา X3D แล้วจะติดปีกบินได้เลย ;D” พื้นฐานและสิ่งที่คุณควรจะมี 1. Web Browser ที่รองรับ WebGL, HTML5 (Canvas) เช่น Google Chrome, Mozilla Firefox (แนะนำให้อัพเดทเป็นเวอร์ชั่นล่าสุดครับ ใครไม่เคยอัพเลยก็อัพซะนะครับ) **ล่าสุด Opera Next Version 12 ก็รองรับ WebGL แล้วนะท่าน** 2. พื้นฐานด้าน 3D เล็กๆน้อยๆพอเขี่ยๆสะกิดได้ 3. ความรู้ในภาษา JavaScript สำหรับพอเล่นกับ X3DOM Runtime API ได้ (สำหรับในเชิงลึกหลังจากนี้) 4. ความรู้ในภาษา XML เพื่อให้เข้าใจภาษา X3D ได้ง่ายยิ่งขึ้น ปัญหา 1. สำหรับคนที่มีไฟล์ VRML (.wrl)…

Get navigation type and set point rendering by using X3DOM Runtime API

First you have to call this method: ready() It is therefore possible to execute custom action by overriding this method in your code: That’s your X3DOM scene ID is “x3dom-scene” and your default viewpoint is “showAll” This method is used to show your current navigation type and your current viewpoint in your X3DOM scene and…

How to export file from Maya to .wrl, .x3d and to HTML/XHTML for Web3D [EN/TH Languages]

How to export file from Maya to .wrl, .x3d and to HTML/XHTML for Web3D Step 1: [EN] Model and shade in Maya as usual. You should use png images for texturing. [TH] เปิด/สร้างไฟล์ใน Maya, สำหรับ Texture ที่ใช้ควรเป็น .png Step 2: [EN] Open ‘Window | Settings/Preferences | Plug-in manager’ and check the ‘loaded’ or ‘Auto load’…

X3DOM/XML/JavaScript Example (Seat visualization)

X3DOM/XML/JavaScript Example (Seat visualization) Case: The Question of Love 2011 Theater (@B4101 – Wittayapat Room) Suranaree University of Technology เกริ่น ความคิดที่เริ่มเอา X3DOM มาเชื่อมกับ XML มันเกิดจาก Topic หนึ่งใน Stackoverflow ในเรื่องการเปรียบเทียบความสามารถในด้านต่างๆของ Flash, HTML, Silverlight, X3D และ Unity 3D ในหัวข้อที่ชื่อว่า Comparing Flash, HTML, Silverlight, X3D and Unity 3d แล้วผมไปเห็นการเปรียบเทียบดังรูปข้างล่างนี้ ซึ่งมันทำให้เปิดประเด็นเรื่อง X3D – XML ในใจขึ้นทันที ซึ่งผมอยากจะทำให้เห็นว่ามันทำได้ และไม่ยากเลย เลยจัดการเอา X3DOM…

Khronos Releases Final WebGL 1.0 Specification. Exactly, IE != Supported (Thai Language)

WebGL เป็นเทคโนโลยีแสดงผลในรูปแบบ 3 มิติ บนเว็บเบราว์เซอร์ผ่าน JavaScript โดยพื้นฐานมาจาก OpenGL ES ซึ่งทั้ง WebGL และ OpenGL ES ก็พัฒนามาจากองค์กร Khronos ซึ่งวันที่ 3 มีนาคม 2554 ที่ผ่านมาสเปกของ WebGL 1.0 ได้เสร็จสมบูรณ์แล้ว ซึ่งก่อนหน้านั้นก็ได้เริ่มเป็นที่รู้จักกันอย่างแพร่หลายในกลุ่มนักพัฒนา Web3D อย่างมากในปีที่แล้ว ซึ่งก็มี Websites สำหรับการเรียนรู้ WebGL เกิดขึ้นมาไม่ว่าจะเป็นของ Mozilla เองที่สร้าง Demo ของ WebGL ขึ้น และเว็บ Learningwebgl ก็เป็นที่นิยมและเป็นที่รู้จักอย่างแพร่หลายด้วยเช่นกัน ซึ่ง ณ ขณะนี้ WebGL ได้รับการสนับสนุนจากหลายองค์กร ซึ่งก็คือผู้ผลิตเบราว์เซอร์รายใหญ่ 4 ราย ได้แก่ Firefox, Chrome, Safari และ Opera…

Happy Valentine’s Day in Web3D (X3DOM)

Happy Valentine’s Day 2011 in Web3D (X3DOM) Link Happy Valentine’s Day in Web3D (X3DOM) Rotate Version Support: Chrome 9+ and Webkit. Happy Valentine’s Day in Web3D (X3DOM) Non-Rotate Version Support: Chrome 9+, Webkit and Firefox 4 Beta Music: Stuck In The Moment – Justin Bieber