May 15, 2012

10 อย่างใน Google Experiments ซุ่มทำอะไรใน WebGL ?

http://tecdiary.com/blog/wp-content/uploads/2011/04/google-labs-experiments.jpg

Google Experiments คืออะไรกัน ?

ก็แปลกันตรงๆ เลยก็คือการทดลองของ Google กับโค้ดเทคโนโลยีใหม่ๆ บนเว็บเบราว์เซอร์ (เช่น HTML5, Canvas, SVG, และ especially WebGL) และก็ได้ Google Chrome มาเป็นตัวช่วยสานฝันเพราะมันสามารถรันโค้ดดังกล่าวได้ทั้งหมด เราจะมาดูกันว่าในฟีเจอร์ 10 อย่างของ Google Experiments มีอะไรกันบ้าง เพราะนี่แหละจะเป็นเทคโนโลยีประวัติศาสตร์หน้าถัดไปของวงการอินเทอร์เน็ต

คำเตือน WebGL: ก็คือเว็บที่มีฐานข้อมูลเป็นกราฟิกโดยใช้ JavaScript เป็นตัวสร้างสรรค์งาน 3D ขึ้นในเบราว์เซอร์ และเว็บต่อไปนี้ที่อยู่ใน Google Experiments ส่วนมากก็จะเป็นเว็บที่มีระบบ WebGL ซึ่งจะทำให้เบราว์เซอร์ของคุณจะใช้งานกราฟิกการ์ดอย่างรุนแรง !! (ไม่แรงอย่างรันนะครับ เดี๋ยวหาว่าไม่เตือน)


1. The WebGL Globes
แสดงข้อมูลกราฟที่พุ่งออกมากจากลูกโลกในรูปแบบ 3D อย่างสวยงาม

Google Search Volume by Language
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXltXlfZuTrMHY_YL_ChdxI3hoLlQB8JgDfhV52Lhy7VqaXsWgNnli7HqtM4LXgSdcjCHPZkuMz5uCZpHdhJYayDvsmbCYwRAG8GmnS7JF208cZF8oyRNlpqPUwG-KkEcDc6X_dCr7ixD_/s504/Google-Search-Volume-by-Language-Screenshot4.jpg

แสดงการค้นหาของในแต่ล่ะพื้นที่ ซึ่งคุณอาจจะเคยสงสัยก็ได้ว่าภาษาใดพื้นที่ ค้นหาใน Google มากที่สุด

Google Population Globe
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc2mNlkONmHlVjQobnwWB4VrUSONs-6gj0bUetz6gQFuiRBUJmSOWyUwvcxlhyphenhyphenXA7bZ1mmdlEwyFlTS_r0uklduNUGs2IvD4h8Ybkx6bb2MMCkXJZeZ7XI2HNwmwlgb1GjQD2MR87qfv3s/s504/Population-Globe-Screenshot4.jpg

แสดงประชากรบนโลกนี้ทั้งหมด !!


2. WebGL Bookcase

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU5vr-cYb13yGEnObq8oUwOE-IS-0Ljl_m59yuDMkbsmoehc9nfgxV1kBI-2BjaHJ0pUVy2NY_qFSl9irC6NX2hKven_JLIDpw2f0d4D5S0aKhMrWLsG5O67thdjxGQkycPl2OMsdv-X1i/s800/WebGL-Bookcase-screenshot2.jpg

แท่นวางหนังสืออันสวยงามที่อาจไปปรากฏบน Google books หรือไม่ก็ Amazon และ Google Play ก็เป็นได้


3. Google Gravity

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgH9AYqgrH1-x0WsA1Qrt4PVjl_uNLQVpPYu72ziyR5FQ6lyrYXGepKgns3WeAFvwjMZSjAKGLiuMnVA3J5pIj0fIMuv99FOnNEw9mrudDhyfSxOk8h10LEj7C_hJ_Pz3RzZbUObXfzxM47/s800/Google-Gravity-Screenshot3.jpg

ก็เป็นการอิงตามหลักธรรมชาติของโลกความจริง เพราะอะไรหน้าแรก Google จะต้องอยู่กับที่ด้วย เพราะฉะนั้นก็ลองให้มันล่วงไปเลยตามแรงโน้มถ่วงของโลก แล้วไปเล่นกันดูนะครับ


4. Cube

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhchFwoklzinFdfkipRXKEcPtDRpBZH0VpcTJtZ93kzlciiI-hUgMWl4m02Yaa1rni3xakVbyJRmr7dseXf603jUsxBnAgEngJChqzBe4Tftlt87Z02SunH2sj8LWGn8c_ZYkj8pGFi0KMo/s720/Cube-Screenshot1.jpg       https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvCL-IwjL66ZYIZuGKNMUqvLDOfe_srQ_GB42fAQDvTRyQ2aHzTB31ifETJU8Zib-E7-7bjT90EnhWN6XVGiiyFsrssq3Hyzh2aw1vOmeLuQpW21Uyx9G3SidddfLsn-K6wRMj4lZuAXel/s720/Cube-Screenshot21.jpg

ก็เป็นของเล่นใหม่ของ Google Maps นั่นเองที่จะแสดงบ้านเมืองเราในรูปแบบทรงลูกบาศก์


5. Ctrl Paper

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg03BAMlS2kGAO6goYhYnWxU70U9CKcuqRgGvTz50W9V0wiKa8dfWC0ti0Z2sCsAV2qT9lm1unldNJ1-ifslNqv8KHLCNnXRx9qqi7xh8NpdcjdRRMNVMrUQu_dkp8_p08yYO_Ap0CP-7lE/s900/ctrlpaper-screenshot11.jpg      https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzIcOTHbC4MuI0foVg20Is1sTrR3glt4OpX4ppYHOcwr2arnRAF7B-2Vrl7BCDeSK78m1UpwooerA38PaYpxenPk4at9UNkjE3JsxfX3NsF-91Ts8eu4FTtDYE238TDPH2KyGvDAMko3YH/s900/ctrlpaper-screenshot21.jpg

เปลี่ยนประชากรให้กลายเป็นตัวละคร 3D และสามารถให้เราบันทึกออกมาในรูปแบบ PDF ได้อีกต่างหาก (เด็กๆ จะชอบ)


6. The Wilderness Downtown

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4EM7lOhP-egFI_eNz4YxcMMC9l226YJ-2jjqH3CcFnd8LiA_Nq5fci87uIvwKGeITzJgvURTopAk4h4O05yanfN-3Cbn36T-cYEUK1Fwp1o1JbbdBJX-bYTal1rd-VA-j6SFLtSaUQahY/s800/The-Wilderness-Downtown-Screenshot11.jpg      https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlsMUmCndAVDhAUGlCUZhTjplpcsYTkQpSOJe4fjGc2jZuGPks5wRGdlgR_Xtml-lYnGzrd-LDZ-Kg6EqQ59nCI1LeloRlDOZUweKmlnFHJcute7b7oHu34KIN3uskoTBw-CnC8lw9JfBT/s800/The-Wilderness-Downtown-Screenshot23.jpg

วีดีโอตอบโต้ในเพลงของ The Arcade Fire’s “We Used to Wait” เป็นไรที่งง แต่ก็ดูอลังการมากๆ เป็นการใช้งานตั้งแต่เบราว์เซอร์รวมไปถึงหน้าต่างของ Windows ผสมผสานเกิดเป็นเหตุการณ์ต่างๆ สวยงามอย่างมาก และคาดว่านี่แหละคือต้นแบบวีดีโอในยุคข้างหน้า


7. WebGL Aquarium

http://fwgpullzone.freewaregeniusco.netdna-cdn.com/wp-content/uploads/2012/05/WebGL-Aquarium-screenshot3.jpg



ไม่เข้าใจว่าจะชอบอะไรนักหนากับสัตว์น้ำน่ารักเหล่านี้ ก็เป็นมุขเดิมๆ จับพิพิธภัณฑ์สัตว์น้ำมาไว้ในเบราว์เซอร์ของเรานั่นเอง


8. 3 Dreams of Black



วีดีโอกิ๊บเก๋อีกหนึ่งชิ้น เป็นการรวมกันระหว่าง 3D และ 2D โดยที่คุณสามารถปรับมุมมองในการชมวีดิโอเองได้ เป็นอะไรที่เจ๋งสุดยอด


9. Streetview Sterographic



อีกลูกเล่นจาก Google Map ในการชม ‘streetview’ ในรูปแบบ 360 องศา bird’s eye view ก็เป็นอะไรที่แปลกตายิ่งนัก


10. Toki Toki digital clock

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxMTMRpWiU2tuyUb43_7X4HLC510cN4iBBTWTZML4tkzo1tjIYzIKchMha4nfkadCgvsQ8jNpZYitFPxlOwhZqswN5z4qD4tYF29n_q3I7D3qG96p-WhiuKisUe5UBlSrSRfhKpS8_MOic/s1024/Toki-Toki-screenshot2.jpg

ไม่รู้ว่าทำ ทำไมคงเป็นเพียงขั้นเริ่มต้น ด้วยการใช้ scrollbar ของบราว์เซอร์มาทำผลงานให้ออกมาในรูปแบบต่างๆ

0 ความคิดเห็น:

Post a Comment

Total Pageviews

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Maximum Hitech