开源 Web 技术示例
Mozilla 支持各种令人兴奋的开源 Web 技术,我们鼓励大家使用它们。此页面提供了有关这些技术的一些有趣演示链接。
如果你知道开源 Web 技术的优秀演示或者应用,就在这里(以及 英文页面)添加一个合适的链接吧。
2D 图形
Canvas
SVG
- Bubblemenu (视觉特效与交互)
- HTML transformations(使用了
<foreignObject>
元素)(视觉特效与变换) - Phonetics Guide(可交互)
- 3D objects demo(可交互)
- Blobular(可交互)
- Video embedded in SVG(或下载到本地)
- Summer HTML image map creator(源码)
视频
- Video 3D Animation "mozilla constantly evolving"
- Video 3D animation "Floating Dance"
- Streaming Anime, Movie Trailer and Interview
- Billy's Browser Firefox Flick
- Virtual Barber Shop
- Transformers Movie Trailer
- A Scanner Darkly Movie Trailer(自带控制功能)
- Events firing and volume control
- Dragable and sizable videos
3D 图像
WebGL
- Web Audio Fireworks
- IoQuake3(源码)
- Escher puzzle(源码)
- Kai 'Opua(源码)
虚拟现实(VR)
CSS
变换
- Impress.js (源码)