mojs-timeline-editor - MojsTimelineEditor is a GUI plugin for interactive `html`/`custom points`/`timeline` editing while crafting your animations

  •        262

MojsTimelineEditor is a GUI plugin for interactive html/custom points/timeline editing while crafting your animations. Part of mojs tools. Not avaliable on npm or CDNs yet.

https://github.com/legomushroom/mojs-timeline-editor#readme
https://github.com/legomushroom/mojs-timeline-editor

Dependencies:

decko : ^1.1.3
hammerjs : ^2.0.8
immutable-js : ^0.3.1-6
mo-js : ^0.265.9
mojs-curve-editor : ^1.5.0
mojs-player : ^0.43.16
preact : ^7.1.0
propagating-hammerjs : ^1.4.6
redux : ^3.5.2
redux-immutablejs : 0.0.8
redux-recycle : ^1.2.0
redux-undo : ^0.6.1

Tags
Implementation
License
Platform

   




Related Projects

mojs - motion graphics toolbelt for the web

  •    Javascript

Working hard on APIs, tutorials and website. Follow @legomushroom for updates. Star to show your interest.

Scene.js - JavaScript & CSS timeline-based animation library

  •    Typescript

Scene.js is a JavaScript & CSS timeline-based animation library. It supports two plays Javascript and CSS animation. It provides effect presets that can give animation effects or make animation easier.

kdenlive - Powerful multi-track video editor

  •    C++

Kdenlive is a video editor, which supports DV, AVCHD (experimental support) and HDV editing. Kdenlive relies on several other open source projects, such as FFmpeg and MLT video framework. It is designed to answer all needs, from basic video editing to semi-professionnal work. Kdenlive can read, edit and export Flash video. Kdenlive supports most audio formats for reading, mixing and exporting. It also offers experimental support for non-destructive audio and video codec.

CineFX - Professional grade media player

  •    C++

Cinefx is a professional grade media player, based on the jahplayer, that is capable of playing uncompressed video and image sequences at resolutions as high as 2K and 4K in real-time. Cinefx is an offline playback, editing, encoding, animation and visual effects tool based on the Jahshaka technology that allows you to create professional digital media on your desktop. Use the tools that hollywood uses to create blockbuster films and special effects.

Natron - Video compositing software

  •    C++

Natron is a video compositing software, similar in functionality to Adobe After Effects, Nuke by The Foundry, or Blackmagic Fusion. It offers a real-time playback with thanks to its RAM/Disk cache technology. Once a frame is rendered, it can be reproduced instantly afterwards, even for large image sizes.


bounty - Javascript and SVG odometer effect library with motion blur

  •    Javascript

JavaScript odometer or slot machine effect library for smoothly transitioning numbers with motion blur. Library uses functional approach and ES7 Function Bind Syntax. Internally based on SVG. See the live version.

timeliner - simple javascript timeline library for animation and prototyping

  •    Javascript

Timeliner is a graphical graphical tool to help create and prototype animations quickly. It is useful for adjusting variables and checking out how the effects changes over time with keyframing and easing/tweening functions. It may also have some similarities with the timeline component of adobe flash, after effects, edge animate or other animation software. It is written in javascript and meant to work with different javascript libraries or webgl frameworks, in 1d, 2d, or 3d. It is built primary for myself, but feel free to send me suggestions or requests.

LibreOffice - The Document foundation

  •    C

LibreOffice is the free power-packed Open Source personal productivity suite for Windows, Macintosh and Linux. LibreOffice is the perfect choice for home users, businesses, government and other organizations. It's native file format is the ISO standardized ODF (Open Document Format), but LibreOffice can open and save Microsoft Word, PowerPoint and Excel files, as well as many other formats, bringing you the widest-available compatibility with other products.

macSVG - macSVG - An open-source macOS app for designing HTML5 SVG (Scalable Vector Graphics) art and animation with a WebKit web view ---

  •    Objective-C

May 8, 2018 – macSVG v1.1.4 is released, with minor user interface improvements, and various bug fixes. See the Release Notes for details. macSVG is a MIT-licensed open-source macOS app for designing HTML5 SVG 1.1 (Scalable Vector Graphics) art and animation.

ImageMagick

  •    C++

ImageMagick is a software suite to create, edit, and compose bitmap images. It can read, convert and write images in a variety of formats (over 100) including DPX, EXR, GIF, JPEG, JPEG-2000, PDF, PhotoCD, PNG, Postscript, SVG, and TIFF. Use ImageMagick to translate, flip, mirror, rotate, scale, shear and transform images, adjust image colors, apply various special effects, or draw text, lines, polygons, ellipses and Bézier curves.

ofxTimeline - lightweight timeline tools for openFrameworks

  •    C++

ofxTimeline is a simple to use openFrameworks add on for creating a user interface to an editable timeline. The framework allows you to compose sequences of change over time, controlling the variables in your openFrameworks application to create time based interactions. If you're familiar with timelines from programs like After Effects, Final Cut, or Blender then ofxTimeline should feel comfortable. With just a few lines of code you can add a visual editor to smoothly interpolate curves, colors, video, oscillators, audio, and 3d cameras.

PiTiVi - Movie editor for Linux desktop

  •    Python

PiTiVi is designed to be a simple video editor to meet the needs of users in the GNOME desktop environment. PiTiVi inherits its capabilities for importing and exporting (rendering) media from the GStreamer framework, or plugins for the GStreamer framework. PiTiVi supports simple media editing capabilities such as trimming, snapping, splitting and cutting of clips. Audio mixing is supported by curves, visualised as line segments drawn over an audio waveform.

Inkscape - Vector Graphics Editor

  •    C++

Inkscape is a vector graphics editor, with capabilities similar to Illustrator, CorelDraw, or Xara X, using the W3C standard Scalable Vector Graphics (SVG) file format. It supports many advanced SVG features (markers, clones, alpha blending, etc.) and great care is taken in designing a streamlined interface. It is very easy to edit nodes, perform complex path operations, trace bitmaps and much more.

OpenColorIO - A color management framework for visual effects and animation

  •    C++

OpenColorIO (OCIO) is a complete color management solution geared towards motion picture production with an emphasis on visual effects and computer animation. OCIO provides a straightforward and consistent user experience across all supporting applications while allowing for sophisticated back-end configuration options suitable for high-end production usage.

react-move - React Move 🌀 Beautiful, data-driven animations for React

  •    Javascript

Beautiful, data-driven animations for React. React-move allows you to define your animations using durations, delays and ease functions. In react-motion you use spring configurations to define your animations.

ant-motion - :bicyclist: Animate specification and components of Ant Design

  •    Javascript

Animation specification and components of Ant Design. Ant Motion is a motion design specification from Ant Design, and also provide a complete solution with lots of out-of-box animations for your React applications.

Animocons - Animated icons powered by the motion graphics library mo

  •    Javascript

Animated icons powered by the motion graphics library mo.js by Oleg Solomka. Inspiration comes from the Dribbble shot "Like Animation" by Daryl Ginn. Integrate or build upon it for free in your personal or commercial projects. Don't republish, redistribute or sell "as-is".

data-driven-motion - Easily animate your data in react

  •    Javascript

This is a small wrapper around react-motion with the intention of simplifying the api for my most common use case.

timeline.js - A compact JavaScript animation library with a GUI timeline for fast editing.

  •    Javascript

A compact JavaScript animation library with a GUI timeline for fast editing. After specifying the target using anim() you can chain as many to() animations as you want. To start parallel track simply call anim() on the same target again.