Niwat Chatawittayakul คอลัมนิส และนักธุรกิจ ปัจจุบันทำธุรกิจด้านวางแผนกลยุทธ์การตลาดและโฆษณาดิจิทัล อีกฝั่งสวมหมวกบริษัทสตาร์ทอัพด้านเทคโนโลยีโดย มุ่งความสนใจไปที่ BigData Blockchain และ Digital Transformation

Digital Campaign Show Case HTML5 ของ Google Chrome กับ The Wilderness Downtown

13 sec read

ครั้งปีหลังที่ผ่านมานี้เหมือนเป็นช่วงระยะตั้งไข่ของนักพัฒนาเว็บไซต์ ที่เริ่มศึกษาและ พัฒนาเว็บไซต์ด้วย HTML5 แม้ว่าจะยังไม่สมบูรณ์ ด้วยสภาวะแวดล้อมต่างๆ ยังไม่พร้อมที่จะรองรับ HTML5 ได้ 100% แต่ก็เริ่มมีการพัฒนาในลักษณะที่เป็นการทดลองปล่อยมาอยู่เรื่อยๆ ไม่ว่าจะเป็น การดึง Tweet มาแสดงแบบ Interact นาฬิกา ลูกเล่นต่างที่ออกมาเป็น Demo เจ๋งๆ สร้างความฮือฮาอยู่เรื่อยๆ เช่นอันนี้

แม้ว่าการพัฒนา Interactive ผ่าน Canvas ด้วย HTML5 จะสามารถทำเว็บไซต์ที่สร้างประสบการณ์และนำเสนอได้เช่นเดียวกับ Flash แล้วแต่ก็ยังไม่เห็นใครที่จะนำมาสร้างเป็น เว็บไซต์เต็มรูปแบบ อาจเป็นเพราะยังไม่สามารถแสดงผลได้คลอบคลุมทุก Browser สำหรับ The Wilderness Downtown ที่พัฒนาเว็บไซต์บนพื้นฐาน HTML5 ออกมาเป็น Campaign ที่สร้างประการณ์ได้ดีทีเดียว

Google เปิด Chrome Experiments เพื่อขยับตัวการเป็น Browser ที่เร็วและสามารถแสดงผล ภาษาในการพัฒนาเว็บได้รวดเร็วและรองรับ HTML5 แม้ว่าก่อนหน้านี้ทาง Safari เองจะออกมาขยับตัวในเรื่อนี้เช่นกันแต่ลองมาดู The Wilderness Downtown Campaign นี้ที่ตกย้ำว่า Chrome แสดงผล HTML5 ได้ดีกว่า

โดยหลักของ The Wilderness Downtown สำหรับผมแล้วถือว่าเป็นการ Integrate HTML5 เทคนิคต่างๆ ได้อย่างลงตัว ถึงแม้จะไม่ได้พัฒนาบนพื้น Canvas ทั้งหมด แต่ออกมาได้ประสบการณ์จริงๆ ครับ (Canvas เป็น โค้ดการเขียน ของ HTML5 ที่สามารถสร้างสรรค์ Interaction การแสดงผลแบบ OOP คล้าย Flash ได้) หลักๆ เป็นการเล่นกับวิดีโอ มีการเขียน Convas บ้างในบางจุดสลับๆ กันไป(นกที่บินผ่านไปผ่านมา) การเรนเดอร์ 3D Google Map, การเล่นกับ 3D environment etc เข้าไปดูรายละเอียด แต่ละเทคนิคที่ http://www.chromeexperiments.com/arcadefire/

ดูวิดีโอได้เลยครับ หรือเข้าไปสัมผัสเองได้ที่ http://thewildernessdowntown.com/ แนะนำให้ชมด้วย Google Chrome เท่านั้นนะครับ

ใครยังใช้ IE อยู่เปลี่ยนมใช้ Chrome เถอะครับ 🙂

เว็บไซต์ทางการของ Chrome Experiments ครับ http://www.chromeexperiments.com/arcadefire/
blank