Hello X3Dom!
หลังจากผ่านศึก deploy code มาได้ ก็ได้เวลามาลงกับงานนี้บ้างซักที ซึ่งมันเป็นงานที่ต้องยุ่งเกี่ยวกับ X3Dom ซึ่งเป็น library สำหรับสร้างวัตถุสามมิติขึ้นมา โดยผมเอามาใช้กับมันเรียกว่า x3dom.js
เริ่มแรกเลยคือสร้าง html ขึ้นมา 1 ไฟล์โดยเพิ่ม css และ js ไว้ที่ head tag
<link rel="stylesheet" type="text/css" href="http://www.x3dom.org/download/x3dom.css"></link> <script src="http://www.x3dom.org/download/x3dom.js" type="text/javascript"></script>
จากนั้นใส่ tag x3d ลงไปในส่วนของ body
<x3d width="500px" height="400px"> <scene> <shape> <appearance> <material diffuseColor="red"></material> </appearance> <box></box> </shape> </scene> </x3d>
จากข้างบนจะบอกได้ว่าให้เราสร้างฉาก (scene) ขึ้นโดยสร้างกล่อง (box) โดยให้กล่องนั้นเป็นสีแดง (material diffuseColor="read")
จริงๆ ผมมี MAMP แต่แค่จะอยากรัน Apache HTTPD มันก็ไม่ยอมต้องพ่วง MySQL มาด้วย เพราะงั้นเลยใช้ php 5.4 ซึ่งมี web server เล็กๆ ในตัวให้โดยสั่ง
php -S localhost:8080
เท่านี้เมื่อเราเข้าด้วย http://localhost:8080/ เราจะเห็นเป็นฉากและมีกล่องสีแดงตามที่ระบุไว้ที่ x3d
source ดูเต็มๆ ได้ที่ https://gist.github.com/wingyplus/9582198
