15 (เพิ่มเติม) การทดสอบ HTML5 ที่สร้างแรงบันดาลใจ

คุณจะไม่เคยได้ยินเกี่ยวกับ HTML5 เว้นเสียแต่ว่าคุณจะอยู่ใต้ก้อนหิน ทุกที่ในขณะนี้ต้องขอบคุณการส่งเสริมของ Apple ผู้บริหารสูงสุด Steve Jobs อดีต CEO และนักพัฒนาบางคนที่เชื่อว่า HTML5 สามารถครอบครอง Flash ได้.

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

เชื่อพลังของมันหรือไม่เราจะจัดแสดงการทดลอง 15 รายการที่ใช้ประโยชน์จาก HTML5 อย่างดีที่สุดและคาดเดาว่าคุณจะได้สัมผัสกับแรงโน้มถ่วงแอนิเมชั่นที่ใช้ดนตรีและการสร้างสิ่งมีชีวิตที่ทำงานเหมือนสัตว์! ขอให้สนุกกับพวกเขาและพวกเขาจะได้รับบริการที่ดีที่สุดกับ Mozilla Firefox และ Google Chrome เวอร์ชันล่าสุด.

ในกรณีที่คุณไม่พอใจกับความสนุกสนานของ HTML5 เรามีให้คุณมากกว่า!

• HTML5: 48 การสาธิตการสังหารด้วยแฟลชที่มีศักยภาพ
• HTML5: 19 แอปพลิเคชั่นเว็บที่มีศักยภาพ

Canvas Canvas

ความร่วมมือระหว่างศิลปิน Mark Ferrari และ coder Joseph Huckaby นี่คือคอลเลกชันที่งดงามของฉากธรรมชาติที่เคลื่อนไหวเช่นป่าในฤดูหนาวทิวทัศน์และภูเขาที่มีพายุ พวกเขากำลังผ่อนคลายเพื่อดูและน่าทึ่งจริง ๆ ด้วยเสียงที่แนบมากับรูปภาพ หากคุณต้องการเวลาพักผ่อนจากงานเล็ก ๆ น้อย ๆ คุณสามารถไปดูรูปภาพเหล่านี้และรู้สึกถึงความตึงเครียดที่เกิดขึ้น.

Google Gravity

อีกอันหนึ่งโดย Mr Doob ที่น่าทึ่งคนนี้มีปฏิสัมพันธ์น้อยกว่าคนแรก แต่ก็ยังเท่ห์ มันให้สำเนาพื้นฐานของหน้าการค้นหาหลักของ Google แต่เมื่อคุณชี้เคอร์เซอร์ของคุณเพจทั้งหมดจะเริ่ม 'ตกลง' จนกว่าทั้งหมดจะล้มเหลวที่ด้านล่าง โลโก้ Google ทำงานเป็นลิงค์ที่ใช้งานอยู่ซึ่งรีเฟรชหน้า เกมที่ดีสำหรับ บริษัท ที่ยิ่งใหญ่ที่เกลียด Google อาจเป็นไปได้.

ต้นไม้ผ้าใบ

ทำโดย Kenneth Jorgenson นี่อาจเป็นที่เดียวที่คุณสามารถเห็นวลี 'Refresh สำหรับต้นไม้ที่อร่อยกว่า :)' มันเป็นสิ่งที่มันบอกว่า: คุณคลิกที่เว็บไซต์และจะนำคุณไปสู่พื้นหลังสีขาว หมึกสีดำของต้นไม้จะเริ่ม 'เติบโต' ในขณะที่นับจำนวนสาขาที่กำลังดำเนินการอยู่ คุณสามารถรีเฟรชเพื่อดูหลาย ๆ ครั้งตามที่คุณต้องการ.

แม่เหล็ก

นี่คืออีกหนึ่งความสนุกและเสพติดให้คุณเพลิดเพลิน โดยทั่วไปคุณเริ่มต้นด้วย 'แม่เหล็ก' สองตัวที่สามารถลากไปมารอบ ๆ หน้าจอ อนุภาคของแสงโคจรรอบพวกเขาและหากคุณเปลี่ยนตำแหน่งคุณสามารถเปลี่ยนรูปร่างที่พวกเขาทำ หากคุณต้องการแม่เหล็กและอนุภาคมากขึ้นคุณเพียงดับเบิลคลิกและลากไปยังตำแหน่งที่คุณต้องการ ใช่มันเกี่ยวกับแม่เหล็กและฟิสิกส์!

กราฟรายได้ดารา

ต้องการที่จะเห็นภาพที่แสดงให้เห็นว่าคนดังทางโทรทัศน์ได้รับรายได้เท่าใดต่อตอน? นี่คือกราฟเล็ก ๆ น้อย ๆ ที่แสดงแถบสีซึ่งแสดงถึงจำนวนคนดังที่ระบุต่อการบันทึกรายการโทรทัศน์ (หรือทำในกรณีเช่น Charlie Sheen) มันถูกสร้างขึ้นเป็นหนึ่งในหลาย ๆ โครงการและการทดลองโดย Daniel Rapp.

ริบบิ้นผ้าแคนวาส

Paul Truong สร้างแอปพลิเคชั่นที่น่าสนใจนี้ซึ่งช่วยให้คุณวาดภาพโดยใช้ริบบิ้นหลากสีที่เคลื่อนไหวตลอดเวลาบนหน้าจอ มันทำให้รูปร่างและการออกแบบและเอฟเฟกต์ค่อนข้างสวย สิ่งที่คุณต้องทำคือการลากผ่านหน้าจอพูดถึงความเรียบง่ายใช่มั้ย.

WebGL น้ำ

นี่คือตัวอย่างสุดเจ๋งที่มาพร้อมกับการปฏิวัติ WebGL (ไลบรารีกราฟิกบนเว็บ) ซึ่งให้บริการที่ดีที่สุดด้วย Google Chrome ด้วยการสาธิตคุณสามารถวาดลงบนน้ำเพื่อทำระลอกคลื่นหรือลากทรงกลมเพื่อเคลื่อนไปรอบ ๆ และกดแป้นคีย์บอร์ดเพื่อกำหนดทิศทางแสงและสลับแรงโน้มถ่วงทั้งหมดนี้เป็นพยานว่าวัตถุที่เคลื่อนไหวมีปฏิสัมพันธ์กับสภาพแวดล้อมอย่างไร เหมือนจริง.

Chrysaora

อีกตัวอย่างหนึ่งที่น่าทึ่งโดยใช้เวทย์มนตร์ของ WebGL ซึ่งคุณสามารถเห็นกลุ่มของแมงกะพรุนที่มีความสวยงามและที่สำคัญที่สุดคือการเคลื่อนไหวในน้ำซึ่งถูกฉายรังสีโดยแสงอาทิตย์ที่ส่องแสงในฝัน ร่วมเป็นสักขีพยานในช่วงเวลาที่ HTML5 และ WebGL นำเว็บสู่ชีวิตดูดีที่สุดด้วย Google Chrome.

Voxel Rain

Voxel rain หมายถึงกล่อง 3 มิติหลายสีที่เรียงกันเป็นบล็อกขนาดใหญ่ที่หมุนได้ มันเหมือนกับการนำเสนอความเป็นไปได้ของคอมพิวเตอร์ในปี 1990 และตอนนี้มันมาถึงเว็บเบราว์เซอร์โดยใช้พลังของ HTML5 ยุคของอินเทอร์เน็ตที่สว่างที่สุดอยู่ไม่ไกล.

ผลข้อความ HTML5

บ่อยครั้งที่นักออกแบบเว็บไซต์สงสัยว่า HTML5 มีความเป็นไปได้มากเพียงใดที่จะช่วยให้เราสามารถพัฒนาตัวพิมพ์ดีดเว็บได้และการสาธิตนี้ให้คำตอบกับคุณมากกว่าที่เคย! คุณสามารถเลือกที่จะพบกับเอฟเฟ็กต์สามมิติ, เอฟเฟกต์นีออนหรือแม้แต่เอฟเฟกต์นีออนเคลื่อนที่อนาคตของการพิมพ์เว็บอยู่ในมือของ HTML5.

การหมุนโลโก้ HTML5

ฉันไม่สามารถถือสง่าราศีของ HTML5 มันหมุนมันหมุน ... มันเจ๋ง.

ร่างภาพในแบบ 3 มิติ

เบื่อบริการร่างภาพ 2D บน HTML5 หรือไม่ ลองดู. เพียงลากเส้นและกด Space แล้วลากไปทางซ้ายหรือขวาแล้วคุณจะเห็นรูปวาดของคุณหมุนในมุมมอง 3 มิติ การร่างแบบสามมิติไม่ซับซ้อนกับ HTML5.

mta.me ตัวนำ

ตัวนำ Mta.me เป็นแรงบันดาลใจให้คุณโดยการวางไข่จุดที่จะเคลื่อนที่อย่างต่อเนื่องเพื่อสร้างเส้นและเมื่อเส้น “ชนกัน” ซึ่งกันและกันพวกเขาจะกระตุ้นการโต้ตอบบางอย่าง ทั้งหมดเพื่อพิสูจน์ว่า HTML5 ไม่เพียง แต่เกี่ยวกับโค้ด แต่เป็นการโต้ตอบและนั่นคือสิ่งที่ผู้ใช้เว็บให้ความสำคัญ.

Doogle Gmail

เกมประเภทปืนที่น่าสนใจ แต่ฮีโร่คือ Gmail ปลดปล่อยมันจากความชั่วร้าย! เช่นเดียวกับเกมยิงคลาสสิกคุณจะได้รับคะแนนและลำแสงเลเซอร์ที่ยิ่งใหญ่ อาจเป็นหนึ่งในตัวอย่างที่เป็นไปได้ที่จะแสดงความสามารถของ HTML5 ในการทำเกม ระวังแฟลช.

นักบิน W

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