Aphalina Animator是一个为HTML5时代设计的视觉工具,专门用于创建快速的交互式SVG动画。在过去,Flash开发者习惯于使用视觉工具来打造动画,而在当今的HTML5世界,为了制作出在各种设备和浏览器上都能流畅运行的优美动画,你需要使用高性能的JavaScript动画库,比如GSAP。这也意味着你需要手动编写HTML、SVG和JavaScript代码。Aphalina Animator的出现旨在结束这种繁琐的编码方式。

Animator1

Aphalina Animator利用SVG制作真正的分辨率独立动画,与基于canvas的解决方案不同,SVG动画能在所有类型的显示设备上展现出清晰的效果,包括超高分辨率/视网膜屏幕,无论浏览器使用何种缩放因子。现代浏览器对SVG的绘制进行了大量优化,在许多情况下,这种动画的渲染速度要更快。

作为在动画领域内享有盛誉的JavaScript库,GSAP提供了最佳的性能和浏览器兼容性。据了解,Aphalina Animator是第一个通用的动画工具,可以为SVG动画生成GSAP代码。不仅如此,它生成的代码干净、紧凑、且可读性强,和典型的视觉编辑器输出的难以理解的代码大不相同。编写的代码就像是人工编写的一样易于阅读、理解、调试和修改。

静止无功发生器
真实分辨率独立的基于 SVG 的动画。与基于画布的解决方案不同,无论浏览器中使用什么缩放系数,svg 动画在所有类型的显示器(包括超高分辨率\视网膜)上都将显得清晰。不管你相信与否,现代浏览器针对绘制 svg 进行了大量优化,因此在许多情况下此动画会更快。

总体规划计划
GSAP(GreenSock 动画)是一个传奇的 js 库,可提供最佳的性能和浏览器兼容性。据我们所知,Aphalina Animator 是第一个为动画 Svg 绘图生成 GSAP 代码的通用动画工具。

干净的代码
干净、紧凑、人类可读的 js\svg\html 输出。忘记通常从可视化编辑器中看到的典型的神秘混乱。我们生成的代码易于阅读、理解、调试和修改,就像是由人类编写的一样。

关键帧
复杂的时间轴编辑器 - 通过单独的缓动和计时独立控制每个属性(包括所有变换组件)的关键帧

时间线
每个场景的时间线数量不受限制,从元素事件(例如单击、鼠标悬停等)完全控制时间线播放

变换
组及其元素的独立变换和不透明度动画:无限嵌套元素 - 无限可能性

场景
将项目组织为一系列场景

行动
触发对形状事件的任何操作

夹子
任何几何形状都可以用作剪辑。剪辑形状和剪辑内容都可以以任何方式进行动画处理。

随处发布
创建精美的动画插图、信息图形、图标、横幅并在博客文章、网页中使用。所有 jscript 代码、图像和图形都嵌入在单个 html 文件中。唯一的外部依赖是来自官方 CDN 的 GSAP 库。它易于部署、维护,并且可以在单个服务器请求中快速加载。可以用作独立的 html 页面或包含在使用 iframe 的任何网页中。

  • 发布 HTML5
  • 渲染视频
  • 另存为动画 GIF
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。