3d for webapplication
-
Upload
cakiiminikii -
Category
Technology
-
view
393 -
download
1
Transcript of 3d for webapplication
![Page 1: 3d for webapplication](https://reader033.fdocuments.in/reader033/viewer/2022060120/55928d4b1a28ab96298b477d/html5/thumbnails/1.jpg)
![Page 2: 3d for webapplication](https://reader033.fdocuments.in/reader033/viewer/2022060120/55928d4b1a28ab96298b477d/html5/thumbnails/2.jpg)
![Page 3: 3d for webapplication](https://reader033.fdocuments.in/reader033/viewer/2022060120/55928d4b1a28ab96298b477d/html5/thumbnails/3.jpg)
เวบ็ในปัจจุบนัจะมี ความเป็น interactive มากข้ึน สามารถ หมุน ซูม ดู ภาพ ขอ้มูล หรือ ท าการ เปิด ปิด อะไรบางอยา่งได ้คลา้ย ๆ กบัเกม
![Page 4: 3d for webapplication](https://reader033.fdocuments.in/reader033/viewer/2022060120/55928d4b1a28ab96298b477d/html5/thumbnails/4.jpg)
![Page 5: 3d for webapplication](https://reader033.fdocuments.in/reader033/viewer/2022060120/55928d4b1a28ab96298b477d/html5/thumbnails/5.jpg)
บริษทัหน่ึงในสิงคโ์ปรไดน้ าเสนอเทคโนโลยกีารแสดงขอ้มูลเชิงต าแหน่ง ภายในอาคารในรูปแบบของ Interior 3D Model แบบ online โดยใช ้Google Earth API เป็นเคร่ืองมือในการแสดงผล โดยโปรแกรมประยกุตจ์ะแสดงมุมมองเสมือนกบัการท่ีผูช้มไดเ้ดินอยูใ่นอาคาร โปรแกรมท างานแบบ web application โดยมีการแสดงอาคารท่ี National University of Singapore (NUS) library ซ่ึงอาคารและส่ิงปลูกสร้างถูกสร้างข้ึนพร้อมกบัแสดงภาพ texture และมีรายละเอียดของขอ้มูลอาคารและส่ิงปลูกสร้างภายในต่างๆ
![Page 6: 3d for webapplication](https://reader033.fdocuments.in/reader033/viewer/2022060120/55928d4b1a28ab96298b477d/html5/thumbnails/6.jpg)
google ไดท้ าปลัก๊อินตวัหน่ึง ข้ึนมาเพ่ือพฒันาการเขียนเวบ็เพจใหก้า้วไกลไปอีกขั้นหน่ึง google o3d api จะตอ้งเขียน javascript เพ่ือเรียกใชฟั้งกช์นัต่างๆ ขอ้ดีของการท า googleo3d api คือ การท่ีเราสร้างโมเดลในโปรแกรมเช่น 3dmax studio maya เราสามารถท่ีน าเอาโมเดลนั้นมาใชไ้ดโ้ดยการ convert แลว้ import มาใชบ้นเวบ็ได ้
http://code.google.com/apis/o3d
![Page 7: 3d for webapplication](https://reader033.fdocuments.in/reader033/viewer/2022060120/55928d4b1a28ab96298b477d/html5/thumbnails/7.jpg)
- Away3d เป็นคลาสส าหรับสร้างภาพ 3 มิติภายในตวัเองลกัษณะโครงสร้างแบบ Vector เราจะตอ้งน าพ้ืนผิวภายนอกท่ีท าจาก Photoshop ท าการ Linkage เขา้ไปโดยการ Set ท่ี Property และท าการ addChild ภาพท่ี Render ไดเ้ขา้ไปตวัอยา่ง
- http://www.closier.nl/playground/railaway_express.html
![Page 8: 3d for webapplication](https://reader033.fdocuments.in/reader033/viewer/2022060120/55928d4b1a28ab96298b477d/html5/thumbnails/8.jpg)
papervision เป็น library บน flash/flex/actionscript
ตวัอยา่ง- http://www.youtube.com/watch?v=B3G9VdzGSl8&feature=related
![Page 9: 3d for webapplication](https://reader033.fdocuments.in/reader033/viewer/2022060120/55928d4b1a28ab96298b477d/html5/thumbnails/9.jpg)
ตวัอย่างเวบ็ 3D
![Page 10: 3d for webapplication](https://reader033.fdocuments.in/reader033/viewer/2022060120/55928d4b1a28ab96298b477d/html5/thumbnails/10.jpg)
![Page 11: 3d for webapplication](https://reader033.fdocuments.in/reader033/viewer/2022060120/55928d4b1a28ab96298b477d/html5/thumbnails/11.jpg)
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