要快速制作编程动画，可以遵循以下步骤和技巧：
选择合适的工具
AnimateCC：这是一个可视化的IDE，非常适合制作移动端H5动画。它基于CreateJS库，可以缩短制作动画所需的时间，并且提供高品质的动画效果和交互性。
CSS动画：通过优化CSS动画性能，例如使用`transform`和`opacity`属性来实现硬件加速，减少重绘和重排，从而提高动画性能。
优化动画性能
减少关键帧数量：过多的关键帧会增加浏览器的计算负担，应尽量避免。
使用`will-change`属性：提前通知浏览器即将发生的动画，以便浏览器可以提前优化。
限制动画元素：减少动画元素的数量，减少布局和绘制的时间。
合并CSS文件：减少HTTP请求的数量，提高加载速度。
使用硬件加速
通过设置`transform: translate3d（0, 0, 0）`或`transform: translateZ（0）`来实现硬件加速，提高动画的流畅度。
利用现成的动画库和生成器
使用如Animate.css、Magic CSS animations等现成的动画库，提供现成的动画效果，减少手动编写代码的工作量。
使用动画生成器如CSS3 Gen、CSS Animate等，可以帮助快速生成动画代码。
代码优化
在编写动画代码时，确保代码简洁高效，避免不必要的计算和重绘。
使用高效的数据结构和算法来处理动画数据。
测试和调整
在制作过程中不断测试动画效果，确保动画按预期工作。
根据需要调整动画的持续时间、颜色变化、角色动作等，以达到最佳效果。
通过以上步骤和技巧，可以有效地提高编程动画的制作速度和效果。