1. รายงานการศึกษาเรื่อง<br />3d กับงาน web application<br />โดย <br />นางสาวพรทิพย์ แซ่เบ้ รหัสนักศึกษา 13510210<br />คณะเทคโนโลยีสารสนเทศและการสื่อสาร มหาวิทยาลัยศิลปากร<br />สาขาเทคโนโลยีสารสนเทศเพื่อการออกแบบ เอกเว็บและสื่อโต้ตอบ<br />( Web and Interactive)<br />รายงานการศึกษาฉบับนี้เป็นส่วนหนึ่งของรายวิชา 802407 สัมมนา<br />ภาคเรียนที่ 1 ปีการศึกษา 2554<br />คำนำ<br />รายงานฉบับนี้จัดทาเพื่อต้องการอธิบายเกี่ยวกับการใช้งาน 3D กับ web application ให้ กับบุคคล ที่สนใจเกี่ยวกับงานด้าน 3D ซึ่งจะชี้แจงถึงข้อมูลรายละเอียด และนำเสนอตัวอย่างที่น่าสนใจ ให้ กับผู้อ่านได้ เข้าใจอย่างถูกต้อง ซึ่งรายงานนี้จะมี เนื้อหาเกี่ยวกับความรู้ เบื้องต้นเกี่ยวกับงาน web application และเทคโนโลยีใหม่ที่นำมาใช้กับงานเว็บไซต์ โปรแกรมที่ใช้สำหรับการทำ 3D ลงเว็บไซต์ รวมทั้งสื่อด้านต่าง ๆ ที่นำเอา 3D มาใช้งาน ผู้จัดทำหวังว่ารายงานฉบับนี้จะให้ ความรู้ และเป็นประโยชน์แก่ผู้อ่านทุก ๆท่าน <br />นางสาวพรทิพย์ แซ่เบ้ <br />ผู้จัดทำ<br /> <br />3d กับงาน web application<br />เว็บในปัจจุบันจะมี ความเป็น interactive มากขึ้น สามารถ หมุน ซูม ดู ภาพ ข้อมูล หรือ ทำการ เปิด ปิด อะไรบางอย่างได้ คล้าย ๆ กับเกม<br />3d กับ icon <br />Icon ในปัจจุบันมีการทำให้เป็นรูป 3dมากขึ้น เพื่อเพิ่มความน่าสนใจ และความแปลกใหม่บนหน้าเว็บ รวมถึงการมีลูกเล่นต่าง ๆ ให้น่าสนใจมากขึ้น<br /> บริษัทหนึ่งในสิงค์โปรได้นำเสนอ เทคโนโลยีกา-495300152400รแสดงข้อมูลเชิงตำแหน่ง ภายใน อาคารในรูปแบบของ Interior 3D Model แบบ online โดยใช้ Google Earth API เป็นเครื่องมือในการแสดงผล โดยโปรแกรมประยุกต์จะแสดงมุมมองเสมือนกับการที่ผู้ชมได้เดินอยู่ในอาคารโปรแกรมทำงานแบบ web application โดยมีการแสดงอาคารที่ National University of Singapore (NUS) library ซึ่งอาคารและสิ่งปลูกสร้างถูกสร้างขึ้นพร้อมกับแสดงภาพ texture และมีรายละเอียดของข้อมูล อาคารและสิ่งปลูกสร้างภายในต่างๆ<br />Google o3d <br />google ได้ทำปลั๊กอินตัวหนึ่ง ขึ้นมาเพื่อพัฒนาการเขียนเว็บเพจให้ก้าวไกลไปอีกขั้นหนึ่ง google o3d api จะต้องเขียน javascript เพื่อเรียกใช้ฟังก์ชันต่างๆ ข้อดีของการทำ googleo3d api คือ การที่เราสร้างโมเดลในโปรแกรมเช่น 3dmax studio maya เราสามารถที่นำเอาโมเดลนั้นมาใช้ได้โดยการ convert แล้ว import มาใช้บนเว็บได้ <br />ตัวอย่าง<br />http://code.google.com/apis/o3d <br />Flash 3d <br />- Away3d เป็นคลาสสำหรับสร้างภาพ 3 มิติภายในตัวเองลักษณะโครงสร้างแบบ Vector เราจะต้องนำพื้นผิวภายนอกที่ทำจาก Photoshop ทำการ Linkage เข้าไปโดยการ Set ที่ Property และทำการ addChild ภาพที่ Render ได้เข้าไป<br />ตัวอย่าง<br />- http://www.closier.nl/playground/railaway_express.html <br />papervision <br />papervision เป็น library บน flash/flex/actionscript สามารถ เขียน object 3d บน actionscript ได้อย่างงดงาม <br />ตัวอย่าง <br />http://www.youtube.com/watch?v=B3G9VdzGSl8&feature=related <br />ตัวอย่างเว็บ 3d <br />3d ในด้านอื่น ๆ <br />นอกจากงานเว็บแล้ว 3d ยังนำไปใช้กับงานด้านอื่น ๆ เช่น งานโฆษณาหรือบนมือถือ smartphone<br />เช่น<br />http://www.youtube.com/watch?v=TzWE_PpPjig&feature=player_embedded <br />http://www.youtube.com/watch?v=gJ_5sDvAlNY&feature=related <br />บรรณานุกรม<br />- http://sixrevisions.com/design-showcase-inspiration/3d-elements-web-design/<br />- http://www.youtube.com/watch?v=TzWE_PpPjig&feature=player_embedded <br />- http://www.youtube.com/watch?v=gJ_5sDvAlNY&feature=related<br />- http://code.google.com/apis/o3d <br />- http://www.youtube.com/watch?v=B3G9VdzGSl8&feature=related <br />