10个绝对让你疯狂的HTML5和JS实验性展示
看看今天我们收集的绝对让你疯狂的HTML5和JS实验展示,这些演示验证了各种框架和超酷互动的性能。大多数的演示都能在Google Chrome和Firefox里流畅的运行,当然IE5并不支持这些演示。
1. Canvas Sphere
由Emil Korngold渲染的一个超酷的3D点装球体实现的2D投影,使用一个非常迷你的3D引擎。这个演示使用z-sorting和alpha motion模糊方式来生成3D旋转感受。看看这个超酷的演示吧!
2. Marbles
简单的物理演示,使用新发布的A3 WebGL引擎。请确认你使用Chrome来查看演示,超酷!
3. Noise Field
通过Perlin noise生成的离子轨道特效。移动鼠标来修改颗粒移动行为。点击会生成随机参数。
4. Fishbowl
一个超赞的HTML5测试用演示,由微软开发创建用来测试浏览器的性能。看看你最多能运行多少条鱼吧。
5. Sticky Thing
丢过去看看是否被粘住了
6. Breathing Galaxies
一个动态变化颜色和直径的javascript实现的内转轨迹线演示。你可以使用键盘来修改形状,或者移动鼠标来创建一个新的形状。
7. Flower Power
另外一个非常不错的实验 - 简单的画图工具,使用花朵来作为笔刷并且使用贝塞尔曲线
8. One Hour Per Second
现在youTube每秒钟会上传1小时的视频。为了更好的说明,他们开发了一个HTML5网站来进行拥有上下文的数字比较。大家看看吧!超酷!
9. Asteroid Belt
图片上的HTML5动画效果
10. Graph Layout
一个互动的强迫式图片布局
via jquery4u
分类:
html5
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· [AI/GPT/综述] AI Agent的设计模式综述