文件名称：ScatterplotAnime:散点图动画
文件大小：58KB
文件格式：ZIP
更新时间：2024-06-22 13:59:19
JavaScript
散点图动漫 该存储库演示了 5 种散点图动画方法在 Web 浏览器上的性能。 用法 只需访问。 输入要测试的点数，然后按播放按钮。 我推荐使用谷歌浏览器。 为什么？ 我想知道在网络浏览器上一次可以动画多少点。 因此，我使用各种技术（SVG、Canvas 和 WebGL）实现了 5 种动画方法。 如您所见，使用 WebGL 是散点图动画最有效的方法，尽管它需要棘手的实现。 方法 我提出了所有方法都应该实现的三个要求： 初始化时，每个方法都应该显示N个具有随机选择的位置和颜色的点（从选择）。 每种方法都应该在 1 秒内将点平滑地动画到随机选择的目标点。 动画应至少包含一个缓动功能。 我使用，这是d3.js中的默认缓动函数。 每个方法都在单个 javascript 文件中单独实现。 webgl.js：此方法使用 WebGL。 pixeldata.js：此方法操作画布元素的像素数据。
【文件预览】：
ScatterplotAnime-master
----index.html(3KB)
----pixi.js(213KB)
----4canvas.js(2KB)
----1webgl.js(3KB)
----3svg.js(1KB)
----README.md(2KB)
----2pixeldata.js(2KB)
----index.js(2KB)
----5baseline.js(1KB)