easeljs(easeljs出现安全问题怎么解决)

zhangyang 2022-05-10 阅读:17
  

介绍

  GSAP是一个用于构建高性能动画的JavaScript库,可以在每个主流浏览器中使用。CSS,SVG,Canvas,React,Vue,WebGL,颜色,字符串,运动路径,通用对象.JavaScript能触及的任何东西!ScrollTrigger插件允许你用最少的代码创建惊人的基于滚动的动画,GSAP解决了许多浏览器的不一致性。以下是官方短视频介绍:

  正在加载视频.

Github

   https://github.com/greensock/GSAP

特性

   GSAP完全灵活;你可以在任何地方使用它。零依赖,有许多可选插件和缓动功能,可以轻松实现高级效果,如变形,滚动或沿运动路径的动画。(Mac下的几张gif截图改主意了,gif暂时不能录),看demo效果直接过瘾。

  创建丰富的SVG动画绘制SVGPlugin(插件)允许您逐渐显示(或隐藏)SVG笔画,使它们看起来像是被绘制的。MorphSVGPlugin(插件)可以平滑地将任何SVG形状转换成任何其他形状,而不考虑每个点的数量。MotionPathPlugin (plugin)允许你轻松的沿着路径移动任何物体。

适用于现代Web开发的超高性能专业级动画库――GSAP

  增强的沉浸式WebGL体验GreenSock用于一些最受Three.js支持的WebGL项目.为场景中的任何对象制作动画。PixiPlugin使用GSAP制作Pixi.js对象的动画变得容易。利用GSAP的所有功能和控件,以及Pixi.js的渲染速度,对位置、比例、颜色效果等进行动画制作。

适用于现代Web开发的超高性能专业级动画库――GSAP

  控制画布动画GSAP通过提供更轻松的外观和序列动画方式,使画布动画更容易。GSAP通过GSAP的EaselJSPlugin与Adobe Animate和EaselJS合作。

适用于现代Web开发的超高性能专业级动画库――GSAP

安装使用

  NPM安装GSAP默认(主)文件是gsap.js,里面包含了大部分易用性以及核心插件(如CSSPlugin、AttrPlugin、SnapPlugin、ModifiersPlugin)和所有实用方法(如interpolate()、mapRange()等)。).

  从“gsap”导入gsap;

  从“gsap/Draggable”导入Draggable;

  从“gsap/ScrollTrigger”导入scroll trigger;

  从“gsap/all”导入{ gsap,ScrollTrigger,Draggable,MotionPathPlugin };

  gsap . register plugin(scroll trigger,Draggable,MotionPathPlugin);

总结

  我用了GSAP才知道什么是丝滑动画。毫不夸张地说,GSAP是一个专业级的动画图书馆。我强烈推荐!

评论(0)

二维码