青春是一种持续的陶醉,是理智的狂热。——拉罗什富科

作为vue的动画框架

https://github.com/Bug-Duck/vuemotion

目前属于非常崭新的项目,但是其积累是源自于newcar,因此备受期待

VueMotion 是一个现代动画引擎,就像 Python 的 Manim for Vuejs 生态系统一样,它提供了大量的小部件来帮助用户快速制作动画和视频。并且它具有很高的可扩展性,这意味着您可以轻松创建自己的动画风格。

VueMotion 的前身是 Newcar 动画引擎,但后来因为一些特殊原因停止了开发。如果你是 Newcar 的老用户,欢迎你迁移到 VueMotion。

其团队也是非常之年轻,还在读高中就已经开始做开源

Roadmap

  • Basic Widget
    •  Arc
    •  Group
    •  Line
    •  Polygon
    •  Rect
    •  Text
    •  Image
    •  Mask
    •  Webview
    •  Polyline
  • Animations
    •  move
    •  rotate
    •  scale
    •  create
    •  destroy
    •  stroke
    •  stroke-fill
    •  zoom-in
    •  zoom-out
    •  focusOn
    •  circle-indicate
    •  flash
    •  rippleOut
    •  show-creation-then-destruction-around
    •  show-circle-creation-then-destruction-around
    •  show-passing-circle-flash-around
    •  show-passing-flash-around
    •  wiggle
    •  number-change
    •  write
    •  transform
  • Extensions
    •  Chart
      •  …
    •  Codeblock (Shikijs)
    •  Geometry
      •  Angle
      •  Dot
      •  Symmetrical
      •  CenterSymmetry
      •  Difference
      •  Intersection
      •  Union
      •  CenterDot
      •  Bisector
      •  Perpendicular
      •  ParallelLines
      •  Brace
    •  Layout
      •  Row
      •  Column
      •  Center
    •  Markdown
    •  Math
      •  MathFunction
      •  NumberPlane
      •  NumberAxis
      •  PolarPlane
      •  Tex
    •  Mindmap
    •  Social-Platform
      •  ContentCard
        •  Twitter
        •  Youtube
        •  Facebook
        •  …
      •  AccountCard
        •  …
      •  Infomation (e.g. Follower, Following, Stars)
    •  Table
    •  Typst
    •  ThreeJs
  • Functions
    •  Animation
    •  Event
    •  Resources Preload
    •  Visual App
    •  Export