Tech supportApple are supporting th

Tech support

Apple are supporting the standard too, so we can (hopefully!) expect to see it cropping up in Safari on Macs, iPhones and iPads sometime (though probably not soon) - and Opera are testing their own version, so the only holdout is Microsoft.

So sit back, crank up your latest browser, and check out these demos - if you think you can do better, go for it: there are some hints and tips on how at the end.

01. 3 Dreams of Black

3 Dreams of Black
This piece of WebGL features the song Black by Danger Mouse and Daniel Luppi
3 Dreams of Black is a semi-interactive film by Chris Milk, using technology developed by Google and others, featuring the song Black from the album ROME by Danger Mouse and Daniel Luppi, with Norah Jones and Jack White. It takes you through three separate dreams, mixing 2D and 3D computer graphics with video. It works best on Chrome. Read net magazine's report on the project here.

02. Flight of the Navigator

Flight of the Navigator
Flight of the Navigator is rendered in real-time in JavaScript and WebGL
Created by the Mozilla Audio API team, the Flight of the Navigator is a non-interactive music video rendered in real-time in JavaScript and WebGL, with Twitter and Flickr integration. You can read all about how it was created on David Humphrey's blog.

03. No Comply

No Comply
No Comply from the Mozilla Audio API team has an '80s video game vibe

No Comply is another WebGL demo from the Mozilla Audio API team, mixing video and graphics with a very 1980s-computer-game-meets-the-Matrix vibe. Because it uses certain new non-standard Firefox features for the audio, unfortunately it currently only works in Firefox. You can read more about how it was created in this article by Paul Rouget at hacks.mozilla.org.

04. 3Dtin

3Dtin
3Dtin is great for beginners as it is easy to get started with
Most tools for building 3D content are hard to use - expert-friendly but beginner-hostile. 3Dtin is easy to get started with, letting you create shapes with a natural voxel-orientated (think 3D pixel) approach. And once you've created your design, you can export it to reality using 3D printing services from i.materialise.

05. Chemdoodle

Chemdoodle
Chemdoodle lets you see chemical structures in 3D
As you'd expect with a new technology, there are a lot of people using WebGL to do cool demos, and fewer real tools. Chemdoodle is an exception to this. iChemLabs, a scientific visualisation company, has put together tools for viewing molecules in web pages; this demo page lets you pick one of a number of medicines and see a 3D representation of its chemical structure in the browser.

ผลลัพธ์ (ไทย) 1:

ฝ่ายสนับสนุนด้านเทคนิคแอปเปิ้ลจะสนับสนุนมาตรฐานมากเกินไป เพื่อให้เราสามารถคาดหวัง (หวัง) การปลูกพืชขึ้นใน Safari บนแม็ค iPhones iPads บางครั้ง (แต่คงไม่เร็ว ๆ นี้) - และโอเปร่าจะทดสอบรุ่นของตนเอง เพื่อ holdout เฉพาะ Microsoftเพื่อนั่งกลับ crank ของเบราว์เซอร์ล่าสุด และเช็คตัวอย่างเหล่านี้ - หากคุณคิดว่า คุณสามารถทำดี ไป: มีบางคำแนะนำและเคล็ดลับในการจบการ01. ความฝันสีดำ 3 ความฝันสีดำ 3เว็บจีแอลชิ้นนี้มีเพลงสีดำ โดยเมาส์อันตรายและ Daniel Luppiฝัน 3 ดำเป็นฟิล์มกึ่งแบบโต้ตอบ โดย Chris นม โดยใช้เทคโนโลยีที่พัฒนา โดย Google และคนอื่น ๆ มีสองสีดำจากอัลบั้มโรม โดยเมาส์อันตรายและ Daniel Luppi นอราห์โจนส์และแจ็คสีขาว มันนำคุณผ่านสามแยกความฝัน ผสมคอมพิวเตอร์กราฟิก 2D และ 3D ด้วย ทำงานส่วนบนโครเมี่ยม อ่านนิตยสารสุทธิรายงานในโครงการที่นี่02. เครื่องบินของทางการ เที่ยวบินของทางการเที่ยวบินของนำทางที่ถูกแสดงในแบบเรียลไทม์ใน JavaScript และเว็บจีแอลสร้าง โดยทีมงาน Mozilla เสียง API การบินของทางการเป็นมิวสิกวิดีโอไม่ใช่แบบโต้ตอบที่แสดงในแบบเรียลไทม์ใน JavaScript และเว็บจีแอล กับรวม Twitter และ Flickr คุณสามารถอ่านเกี่ยวกับวิธีสร้างมันขึ้นบล็อก David ฟรีย์03. ไม่ Comply ไม่ Complyไม่ Comply จากทีม Mozilla เสียง API มี vibe วิดีโอเกม ' 80sไม่ Comply เป็นอีกเว็บจีแอลสาธิตจากทีมงาน Mozilla เสียง API ผสมวิดีโอและกราฟิกกับวิป 1980s-computer-game-meets-the-Matrix มาก เนื่องจากใช้คุณลักษณะบางอย่างใหม่ของ Firefox มาตรฐานสำหรับเสียง แต่ในปัจจุบันเท่านั้นทำงานใน Firefox คุณสามารถอ่านเพิ่มเติมเกี่ยวกับวิธีสร้างบทความนี้โดย Paul Rouget ที่ hacks.mozilla.org04. 3Dtin 3Dtin3Dtin เหมาะสำหรับผู้เริ่มต้นง่ายต่อการเริ่มต้นใช้งานส่วนใหญ่เครื่องมือสำหรับการสร้างเนื้อหา 3D จะยากที่จะใช้- เป็นผู้เชี่ยวชาญ แต่ เป็นผู้เริ่มต้น 3Dtin ได้เริ่มต้นใช้งาน ง่ายให้คุณสร้างรูปร่าง ด้วยวิธีธรรมชาติเล็ก ๆ ว็อกเซล (คิดว่า 3D พิกเซล) และเมื่อคุณสร้างการออกแบบ คุณสามารถส่งออกไปจริงในการใช้บริการการพิมพ์ 3D จาก i.materialise05. Chemdoodle ChemdoodleChemdoodle ช่วยให้คุณเห็นโครงสร้างทางเคมีใน 3Dคุณจะคาดหวังกับเทคโนโลยีใหม่ มีจำนวนมากของผู้ใช้เว็บจีแอลเย็นสาธิต และเครื่องมือจริงน้อยลง Chemdoodle เป็นข้อยกเว้นนี้ iChemLabs บริษัท การสร้างมโนภาพทางวิทยาศาสตร์ได้รวบรวมเครื่องมือสำหรับการดูโมเลกุลในเว็บเพจ หน้านี้สาธิตให้คุณเลือกจำนวนยาอย่างใดอย่างหนึ่ง และเห็นโครงสร้างของสารเคมีในเบราว์เซอร์แสดง 3D

ผลลัพธ์ (ไทย) 2:

สนับสนุนเทคโนโลยีแอปเปิ้ลจะสนับสนุนมาตรฐานเกินไปเพื่อให้เราสามารถ (หวังว่า) คาดหวังที่จะเห็นมันปลูกพืชขึ้นใน Safari ใน Macs, iPhones และ iPads บางครั้ง (แต่อาจจะไม่เร็ว ๆ นี้) - และ Opera มีการทดสอบรุ่นของตัวเองของพวกเขาดังนั้นเพียงยอมอ่อนข้อ ไมโครซอฟท์. ดังนั้นกลับมานั่งเหวี่ยงขึ้นเบราว์เซอร์ใหม่ล่าสุดของคุณและตรวจสอบการสาธิตเหล่านี้ - ถ้าคุณคิดว่าคุณสามารถทำได้ดีกว่าไปได้. มีคำแนะนำบางอย่างและเคล็ดลับในตอนท้าย01 3 ความฝันของสีดำ3 ความฝันของดำชิ้นส่วนของWebGL นี้มีเพลงสีดำโดยอันตรายหนูและแดเนียล Luppi 3 ความฝันของสีดำเป็นภาพยนตร์กึ่งโต้ตอบโดยคริสมิลค์โดยใช้เทคโนโลยีที่พัฒนาโดย Google และอื่น ๆ ที่มีเพลงสีดำจากนั้น อัลบั้ม ROME โดยอันตรายหนูและแดเนียล Luppi กับนอราห์โจนส์และแจ็คไวท์ มันจะนำคุณผ่านสามแยกต่างหากฝันผสม 2D และ 3D คอมพิวเตอร์กราฟิกกับวิดีโอ มันทำงานได้ดีบนโครเมี่ยม อ่านรายงานของนิตยสารสุทธิในโครงการที่นี่. 02 เที่ยวบินของนาวิเกเตอร์เที่ยวบินของนาวิเกเตอร์เที่ยวบินของนาวิเกเตอร์จะแสดงผลในเวลาจริงในJavaScript และ WebGL ที่สร้างโดยทีมงานของ Mozilla เสียง API ที่เที่ยวบินของนาวิเกเตอร์เป็นวิดีโอเพลงไม่ใช่แบบโต้ตอบแสดงผลในเวลาจริงใน JavaScript และ WebGL กับทวิตเตอร์และบูรณาการ Flickr คุณสามารถอ่านทั้งหมดเกี่ยวกับวิธีการที่มันถูกสร้างขึ้นในบล็อกของเดวิดฮัมฟรีย์. 03 ไม่ปฏิบัติตามไม่ปฏิบัติตามไม่ปฏิบัติตามจากทีมงานAPI เสียง Mozilla ได้ว่า '80s กลิ่นอายวิดีโอเกมที่ไม่ปฏิบัติตามก็เป็นอีกหนึ่งการสาธิตWebGL จากทีม Mozilla เสียง API ผสมวิดีโอและกราฟิกที่มีมากปี 1980 คอมพิวเตอร์เกมตรงตามที่เมทริกซ์ กลิ่นอาย เพราะใช้คุณสมบัติบางอย่าง Firefox ที่ไม่ได้มาตรฐานใหม่สำหรับการเสียงโชคไม่ดีที่มันกำลังจะทำงานเฉพาะใน Firefox คุณสามารถอ่านเพิ่มเติมเกี่ยวกับวิธีการที่ถูกสร้างขึ้นในบทความนี้โดยพอล Rouget ที่ hacks.mozilla.org. 04 3Dtin 3Dtin 3Dtin เป็นที่ดีสำหรับการเริ่มต้นมันเป็นเรื่องง่ายที่จะเริ่มต้นด้วยเครื่องมือสำหรับการสร้างเนื้อหาแบบ3D จะยากที่จะใช้ - ผู้เชี่ยวชาญง่าย แต่เริ่มต้นที่ไม่เป็นมิตร 3Dtin เป็นเรื่องง่ายที่จะเริ่มต้นด้วยการให้คุณสร้างรูปทรงที่มีความเป็นธรรมชาติที่เน้น voxel (คิดว่าพิกเซล 3D) วิธีการ และเมื่อคุณได้สร้างการออกแบบของคุณคุณสามารถส่งออกไปยังความเป็นจริงการใช้บริการการพิมพ์ 3 มิติจาก i.materialise. 05 Chemdoodle Chemdoodle Chemdoodle ช่วยให้คุณเห็นโครงสร้างทางเคมีในแบบ 3 มิติในขณะที่คุณคาดหวังด้วยเทคโนโลยีใหม่ที่มีผู้คนจำนวนมากใช้WebGL จะทำสาธิตเย็นลงและน้อยลงเครื่องมือจริง Chemdoodle เป็นข้อยกเว้นนี้ iChemLabs ซึ่งเป็น บริษัท สร้างภาพทางวิทยาศาสตร์ได้รวบรวมเครื่องมือสำหรับการดูโมเลกุลในหน้าเว็บ หน้าการสาธิตนี้ช่วยให้คุณเลือกหนึ่งในจำนวนของยาและดูการแสดง 3 มิติของโครงสร้างทางเคมีในเบราว์เซอร์

ผลลัพธ์ (ไทย) 3:

เทคสนับสนุน

Apple สนับสนุนมาตรฐานเหมือนกัน ดังนั้นเราสามารถ ( หวังว่า ) คาดหวังที่จะเห็นมันปลูกขึ้นใน Safari บน Mac , iPhones และ iPads บ้าง ( แม้ว่าอาจจะไม่ใช่เร็วๆ นี้ ) และ Opera เป็นรุ่นทดสอบของตนเอง จึงไม่ยอมอ่อนข้อเพียง Microsoft .

ดังนั้นกลับมานั่งข้อเหวี่ยงขึ้นเบราว์เซอร์ล่าสุดของคุณและตรวจสอบการสาธิตเหล่านี้ ถ้าคุณคิดว่าคุณสามารถทำอะไรที่ดีกว่า ไป มัน :มีคำแนะนำและเคล็ดลับเกี่ยวกับวิธีการที่สิ้นสุด

01 3 ความฝันของสีดำ

3
ความฝันของดำของ WebGL ชิ้นนี้มีสีดำเพลงโดยเมาส์อันตรายและแดเนียลลูปิ
3 ความฝันของสีดำกึ่งโต้ตอบภาพยนตร์ โดย คริส นม โดยใช้เทคโนโลยีที่พัฒนาโดย Google และอื่น ๆที่มีเพลงสีดำจากโรมอัลบั้มโดยเมาส์อันตรายและแดเนียลลูปิกับนอราห์ โจนส์และแจ็คไวท์มันจะพาคุณผ่านฝัน 3 แยกผสม , 2D และ 3D กราฟิกคอมพิวเตอร์ด้วยวิดีโอ มันทำงานได้ดีที่สุดบนโครเมี่ยม อ่านนิตยสารสุทธิรายงานโครงการที่นี่

02 เที่ยวบินของเนวิเกเตอร์นำทาง


เที่ยวบินของการบินของเนวิเกเตอร์ คือ การแสดงผลในเวลาจริงใน JavaScript และ WebGL
ที่สร้างขึ้นโดย Mozilla Audio API ทีมการบินของ Navigator จะไม่โต้ตอบเพลงวิดีโอการแสดงผลในเวลาจริงใน JavaScript และ WebGL ที่มีบูรณาการที่ Twitter และ Flickr . คุณสามารถอ่านเกี่ยวกับว่ามันถูกสร้างขึ้นบนของเดวิด ฮัมฟรีย์บล็อก

03 ไม่ปฏิบัติตาม


ไม่สอดคล้องไม่สอดคล้องจาก Mozilla Audio API ทีมมี ' 80s เกม Vibe

ไม่สอดคล้องเป็นอีก WebGL สาธิตจาก Mozilla Audio API ทีมผสมวิดีโอและกราฟิกที่มีเกมมากยุคคอมพิวเตอร์ตรงกับ Matrix VIBE เพราะมันใช้คุณสมบัติมาตรฐาน Firefox ใหม่บางอย่างสำหรับเสียง แต่น่าเสียดายที่ขณะนี้เพียงทำงานใน Firefox คุณสามารถอ่านเพิ่มเติมเกี่ยวกับวิธีการที่ถูกสร้างขึ้นในบทความนี้โดย พอล รูเชต์ที่แฮ็ก . Mozilla . org .

04 3dtin

3dtin
3dtin เหมาะสำหรับผู้เริ่มต้นมันเป็นเรื่องง่ายที่จะเริ่มต้นด้วย
เครื่องมือสำหรับสร้างเนื้อหา 3D จะยากที่จะใช้ - ผู้เชี่ยวชาญเป็นกันเองแต่มือใหม่ที่เป็นมิตร 3dtin เป็นเรื่องง่ายที่จะเริ่มต้นด้วยการให้คุณสร้างรูปร่างกับว็อกเซลธรรมชาติ orientated ( คิดว่า 3D พิกเซล ) วิธีการ และเมื่อคุณได้สร้างการออกแบบของคุณคุณสามารถส่งออกไปยังความเป็นจริงโดยใช้บริการการพิมพ์ 3 มิติจาก i.materialise

05 chemdoodle


chemdoodlechemdoodle ช่วยให้คุณสามารถดูโครงสร้างทางเคมีใน 3D
เท่าที่คุณคาดหวังกับเทคโนโลยีใหม่ มีคนมากมายที่ใช้ WebGL เพื่อทำเดโม เย็น และน้อยลงจริงเครื่องมือ chemdoodle เป็นข้อยกเว้นนี้ ichemlabs , บริษัท การแสดงทางวิทยาศาสตร์ ได้รวบรวมเครื่องมือสำหรับการดูโมเลกุลในเว็บหน้าสาธิตหน้านี้ช่วยให้คุณเลือกหนึ่งของจำนวนของยา และดูการแสดง 3 มิติของโครงสร้างทางเคมีในเบราว์เซอร์