3d for webapplication

เวบ็ในปัจจุบนัจะมี ความเป็น interactive มากข้ึน สามารถ หมุน ซูม ดู ภาพ ขอ้มูล หรือ ท าการ เปิด ปิด อะไรบางอยา่งได ้คลา้ย ๆ กบัเกม

บริษทัหน่ึงในสิงคโ์ปรไดน้ าเสนอเทคโนโลยกีารแสดงขอ้มูลเชิงต าแหน่ง ภายในอาคารในรูปแบบของ Interior 3D Model แบบ online โดยใช ้Google Earth API เป็นเคร่ืองมือในการแสดงผล โดยโปรแกรมประยกุตจ์ะแสดงมุมมองเสมือนกบัการท่ีผูช้มไดเ้ดินอยูใ่นอาคาร โปรแกรมท างานแบบ web application โดยมีการแสดงอาคารท่ี National University of Singapore (NUS) library ซ่ึงอาคารและส่ิงปลูกสร้างถูกสร้างข้ึนพร้อมกบัแสดงภาพ texture และมีรายละเอียดของขอ้มูลอาคารและส่ิงปลูกสร้างภายในต่างๆ

google ไดท้ าปลัก๊อินตวัหน่ึง ข้ึนมาเพ่ือพฒันาการเขียนเวบ็เพจใหก้า้วไกลไปอีกขั้นหน่ึง google o3d api จะตอ้งเขียน javascript เพ่ือเรียกใชฟั้งกช์นัต่างๆ ขอ้ดีของการท า googleo3d api คือ การท่ีเราสร้างโมเดลในโปรแกรมเช่น 3dmax studio maya เราสามารถท่ีน าเอาโมเดลนั้นมาใชไ้ดโ้ดยการ convert แลว้ import มาใชบ้นเวบ็ได ้

http://code.google.com/apis/o3d

- Away3d เป็นคลาสส าหรับสร้างภาพ 3 มิติภายในตวัเองลกัษณะโครงสร้างแบบ Vector เราจะตอ้งน าพ้ืนผิวภายนอกท่ีท าจาก Photoshop ท าการ Linkage เขา้ไปโดยการ Set ท่ี Property และท าการ addChild ภาพท่ี Render ไดเ้ขา้ไปตวัอยา่ง

- http://www.closier.nl/playground/railaway_express.html

papervision เป็น library บน flash/flex/actionscript

ตวัอยา่ง- http://www.youtube.com/watch?v=B3G9VdzGSl8&feature=related

ตวัอย่างเวบ็ 3D

http://translate.googleusercontent.com/translate_c?hl=th&langpair=en%7Cth&rurl=translate.google.co.th&u=http://ecodazoo.com/&usg=ALkJrhhwGQ3MqE77dr84s2dIDC_h883cKQ

http://translate.googleusercontent.com/translate_c?hl=th&langpair=en%7Cth&rurl=translate.google.co.th&u=http://www.cleoag.ru/labs/flex/parkseasons/&usg=ALkJrhjobLx4uAACbEQpaqP0koJtm8KVqA

http://translate.googleusercontent.com/translate_c?hl=th&langpair=en%7Cth&rurl=translate.google.co.th&u=http://www.ecsw.pl/&usg=ALkJrhhO4lpFebtgX9ejhiLcDR4m6gRi0w