3D Navigation

     ไปเจอโปรเจคเกี่ยวกับ Navigation แบบเทพๆเข้าเลยนำมาเขียนเก็บไว้ครับ เป็นโปรเจคของคุณ Fav ที่พัฒนา Car Navigation บน web browser โดยเค้าได้แรงบันดาลใจและศึกษา code ตัวอย่างจาก Jacob Seidelin ซึ่งพัฒนา Super Mario Kart แบบ web application โดยใช้ javascript เป็นภาษาในการควบคุมการทำงาน ลองเข้าไปเล่นได้ที่ http://www.nihilogic.dk/labs/mariokart/

 

       ถ้าจำชื่อนี้ได้จะรู้ว่าคุณ  Jacob Seidelin นี้แกเป็นเทพทางด้าน javascript ผมก็ติดตามงานของแกมาหลายงานแล้วครับ ล่าสุดที่ผมเขียนถึงก็คือ javascript exif  กลับมาต่อที่ Car Navigation เมื่อคุณ Fav ไปพบเลยเกิดไอเดียวอยากจะลองเปลี่ยนจากการชับรถแบบเกมส์มาเป็นระบบจริง ที่แสดงถนนจริง ประมาณแบบ GPS navigation ที่ติดบนรถ

ตัวอย่าง GPS Navigation บนรถ

       ผลลัพธ์ที่ได้ก็เป็นโปรแกรม GPS Navigation แบบ web application ที่ใช้ได้เลยทีเดียวครับ โดยผู้ใช้ก็ควบคุมการขับขี่ด้วย ketboard ส่วนข้อมูลถนนก็ได้มากจาก OSM ( openstreetmap.org) จริงๆแล้ว OSM ก็เป็นโปรเจคที่ใหญ่เกี่ยวกับการแลกเปลี่ยนและการบริการแผนที่ถนน นำทาง ซึ่งเปิดให้เราสามารถเชื่อมต่อและเรียกใช้งานได้ไม่ยาก ที่สำคัญที Tile caching ให้ใช้เช่น

ttp://c.tile.openstreetmap.org/[z coord (zoom)]/[x coord]/[y coord].png

       โอกาสหน้าจะมาพูดถึงใหม่นะครับ โดยระบบแบบนี้ฝรั่งเรียก NeoSDI เป็นการบริการข้อมูลแผนที่พื้นฐานยุคใหม่ ต่อๆกลับมาที่ Car Navigation เมื่อเรากด ลูกศรบังคับทิศทาง หน้าจอก็จะเคลื่อนที่ไป และมีการแสดงแผนที่ซึ่งสัมพันธ์กับเวลาและทิศทาง นอกจากนี้ก็มีการ drawimage สำหรับ path ที่เคลื่อนที่ไป ลองเข้าไปใช้งานและศึกษารายละเอียดเพิ่มเติมได้ที่ http://ernestdelgado.com/public-tests/canvas-gpsmap/

 

        ปล. ทดลองใช้งานด้วย Firefox จะไม่พบ bug และทำงานได้ดีที่สุดครับ

Advertisements

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s

สร้างเว็บไซต์หรือบล็อกฟรีที่ WordPress.com.

Up ↑

%d bloggers like this: