10 พฤศจิกายน 2554

มาดูเว็บโปรดในมุมมอง 3 มิติกันเถอะ

วันนี้มีของมาให้เล่นกันครับ มันจะช่วยเปลี่ยนมุมมองของเว็บที่คุณรู้จักไปตลอดกาล.. (มั้ง) มุมมองแบบไหนน่ะรึ? ก็แบบนี้ไง

เป็นไงล่ะ มุมเฉียงด้านข้างกันเลยทีเดียว...
  
ลูกเล่นนี้เป็นฝีมือของ Add-ons ของ Firefox ที่มีชื่อว่า Tilt 3D ไปเอามาติดตั้งได้ที่หน้านี้ เมื่อติดตั้งแล้วก็รีสตาร์ท Firefox พอกลับมาแล้วก็หาเว็บที่ชอบ จากนั้นกด Ctrl + Shift + M (หรือ Command + Shift + M สำหรับ Mac OS) หรือจะกดจากคำสั่ง Tilt ในเมนู นักพัฒนาเว็บ (Developer) ก็ได้

เมื่อกดแล้วมันก็จะเป็นงี้

 สามารถใช้เม้าส์จับหมุนได้เลย ซูมเข้า-ออกด้วยลูกล้อ และกดคีย์ลูกศรเพื่อเลื่อนกล้องขึ้นลงซ้ายขวา (จริง ๆ จะกดจากตัวควบคุมที่มุมซ้ายบนก็ได้) โปรดสังเกตว่ามันจะแสดงผลเป็นชั้น ๆ ซึ่งแบ่งตามชั้นของโค้ดนั่นเอง


มุมมองนี้ช่างดูเหมือนเมืองอะไรสักอย่างจริง ๆ


เมื่อดับเบิ้ลคลิกที่พื้นที่ใด ๆ ของเว็บ ก็จะมีโค้ดตรงส่วนนั้น ๆ ขึ้นมาให้ดูด้วย

ที่ Add-on ตัวนี้ทำเช่นนี้ได้ เพราะเทคโนโลยีที่ชื่อว่า WebGL ครับ เป็นการเร็นเดอร์ภาพ 3 มิติโดยตรงบนเว็บเบราว์เซอร์ ซึ่งปัจจุบันก็มีเว็บที่ใช้ WebGL นี้ออกมาให้เล่นมากมาย ว่าง ๆ จะรวบรวมมาบอกอีกทีครับ


ไปติดตั้งได้ที่ : Tilt 3D


ไม่มีความคิดเห็น:

แสดงความคิดเห็น