文件名称：Bit-Shadow-Machine:使用 JavaScript 和 CSS 框阴影在浏览器中制作动画
文件大小：94KB
文件格式：ZIP
更新时间：2024-07-31 03:06:36
JavaScript
Bit-Shadow Machine：一个用于创建粒子和基于帧的动画的 JavaScript 框架。 Bit-Shadow Machine 使用 CSS 框阴影在 Web 浏览器中渲染粒子。 就是这样。 没有 HTML5 Canvas、WebGL 甚至单个 DOM 元素。 默认情况下，框阴影附加到您的文档正文。 从解析渲染树中解脱出来，浏览器可以制作比传统方法更多的粒子动画。 您应该能够以每秒 60 帧的速度轻松渲染数百个粒子。 在查看演示 创建一个简单的系统 将位影机视为渲染引擎。 您提供要制作动画的粒子。 它负责在屏幕上绘制它们。 要设置一个简单的位影机，请从文档 <head> 中的脚本标记中引用 bitshadowmachine.min.js 和 bitshadowmachine.css。 在正文中，添加一个 [removed] 标签并创建一个新的 Bit-Shadow 系统
【文件预览】：
Bit-Shadow-Machine-master
----.csslintrc(25B)
----.jshintrc(61B)
----pre-commit(29B)
----public()
--------index.html(1KB)
--------Bit.Oscillator.html(2KB)
--------Bit.Anim.html(1KB)
--------Bit.Box.html(1KB)
--------Bit.Walker.html(1KB)
--------Bit.BoxAnim.html(3KB)
--------Bit.AgentSeeksTarget.html(3KB)
--------scripts()
--------Bit.Reflection.html(982B)
--------Bit.Grid.html(2KB)
--------Bit.BoxAnimItemsBlur.html(3KB)
--------Bit.SaveData.html(1KB)
--------Bit.MultipleWorlds.html(4KB)
--------Bit.Simple.html(1KB)
--------css()
--------Bit.BoxAnimItems.html(3KB)
--------Bit.World.html(2KB)
--------Bit.Wrap.html(969B)
----Gruntfile.js(3KB)
----src()
--------main.js(356B)
--------anim.js(4KB)
--------item.js(7KB)
--------animunit.js(1KB)
--------system.js(18KB)
--------world.js(2KB)
----.travis.yml(1KB)
----post-commit(22B)
----assets()
--------avatar.psd(34KB)
----test()
--------anim.js(5KB)
--------item.js(10KB)
--------animunit.js(4KB)
--------system.js(16KB)
--------world.js(3KB)
----README.md(15KB)
----gh-pages-index.sh(468B)
----deploy-gh-pages.sh(537B)
----css()
--------main.css(792B)
----.gitignore(123B)
----package.json(1KB)