npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@donkeyclip/motorcortex

v9.17.1

Published

Dynamic Video for the Web

Downloads

2,122

Readme

MotorCortex

npm version Coverage Maintainability Rating

MotorCortex is a dynamic video technology for the Web

What you can create with MotorCortex is donkeyclips. donkeyclips are just dynamic video components that accept parameters on runtime. You can even edit the donkeyclip on runtime by adding or removing incidents.

Concepts

  • Anything that occurs at a specific point in time and has a very specific duration is an Incident

  • We separate context with action. context is your setting. E.g. in an HTML video your context would be the HTML and all of its elements, while on a 3D clip the context would be all the models, the lights etc. All of your available material.

    The action on the other hand is a change (e.g. color, movement, etc) that happens in and on the context.

  • A full story, consisting of both context and action (Incidents) is called a Clip

  • A full Clip can enter the timeline of another Clip taking both a “physical” and a time position on it

  • Always at the top there is a root Clip, which is the only playable clip. We call it the donkeyclip

MotorCortex implements these concepts as es6 Classes providing all the building blocks needed and an easy API to compose donkeyclips.

Animations and Effects

All Classes are extendable making it very easy to create:

  • Animations: Pre-configured Clips with pre-configured (yet parametric) context and action
  • Effects: Incidents that alter the state and attributes of elements of the context
  • Totally new Clip types, such as canvas, audio etc. Animations, Effects and new Clip types can easily be exposed by Plugins.

License


Links

Home page: https://motorcortexjs.com

FOSSA Status