Giter Site home page Giter Site logo

motorcortex-tv's Introduction

MotorCortex-Tv

Table of Contents

Demo

Check it out here

Intro / Features

Using MotorCortex-ฮคv your clip will look like a TV without signal.

This Plugin exposes two incidents:

  • TVNoise
  • ImageGlitch

Getting Started

Installation

$ npm install --save @donkeyclip/motorcortex-tv
# OR
$ yarn add @donkeyclip/motorcortex-tv

Importing and Loading

import { loadPlugin } from "@donkeyclip/motorcortex";
import tvDefinition from "@donkeyclip/motorcortex-tv";
const TV = loadPlugin(tvDefinition);

Creating Incidents

TVNoise

const tvNoise = new TV.TVNoise(
  {
    width: 800,
    height: 600,
    sound: true,
  },
  {
    duration: 6000,
    selector: "#container",
  }
);

TVNoise Attrs

Name Are Values
width width of the canvas num
height height of the canvas num
duration the duration of the effect num
sound iclude noise sound or not bool

imageGlitch

const imageGlitch = new TV.ImageGlitch(
  {
    imgUrl:
      "https://images.hdqwalls.com/wallpapers/minimal-sunset-landscape-4k-w5.jpg",
  },
  {
    selector: "#glitchContainer",
    containerParams: {
      width: "800px",
      height: "600px",
    },
  }
);

ImageGlitch Attrs

Name Are Values
imgUrl the image url to apply the effect on url

Adding Incidents in your clip

clipName.addIncident(incidentName,startTime);

Contributing

In general, we follow the "fork-and-pull" Git workflow, so if you want to submit patches and additions you should follow the next steps:

  1. Fork the repo on GitHub
  2. Clone the project to your own machine
  3. Commit changes to your own branch
  4. Push your work back up to your fork
  5. Submit a Pull request so that we can review your changes

License

MIT License

Sponsored by

motorcortex-tv's People

Contributors

alexdor avatar andreas-trad avatar elisavetampatzidou avatar github-actions[bot] avatar ivanvl01 avatar kissmybutton-bot avatar prieston avatar renovate-bot avatar renovate[bot] avatar

Watchers

 avatar  avatar  avatar  avatar

motorcortex-tv's Issues

Action Required: Fix Renovate Configuration

There is an error with this repository's Renovate configuration that needs to be fixed. As a precaution, Renovate will stop PRs until it is resolved.

File: renovate.json
Error type: The renovate configuration file contains some invalid settings
Message: Invalid configuration option: separateMajorReleases

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

  • chore(deps): replace dependency rollup-plugin-terser with @rollup/plugin-terser 0.1.0
  • chore(deps): update actions/setup-node action to v3.8.2
  • chore(deps): update dependency caniuse-lite to v1.0.30001623
  • chore(deps): update dependency webpack-dev-server to v4.15.2
  • chore(deps): update googlecloudplatform/release-please-action action to v3.7.13
  • chore(deps): update babel monorepo to v7.24.6 (@babel/cli, @babel/core, @babel/eslint-parser, @babel/plugin-syntax-jsx, @babel/plugin-transform-react-jsx, @babel/preset-env)
  • chore(deps): update dependency @donkeyclip/motorcortex to v9.17.1
  • chore(deps): update dependency browserslist to v4.23.0
  • chore(deps): update dependency core-js to v3.37.1
  • chore(deps): update dependency eslint-plugin-import to v2.29.1
  • chore(deps): update dependency webpack to v5.91.0
  • chore(deps): update reviewdog/action-eslint action to v1.24.0
  • chore(deps): update actions/setup-node action to v4
  • chore(deps): update dependency @size-limit/preset-big-lib to v11
  • chore(deps): update dependency babel-loader to v9
  • chore(deps): update dependency concurrently to v8
  • chore(deps): update dependency css-loader to v7
  • chore(deps): update dependency eslint to v9
  • chore(deps): update dependency eslint-config-prettier to v9
  • chore(deps): update dependency eslint-config-standard to v17
  • chore(deps): update dependency eslint-plugin-prettier to v5
  • chore(deps): update dependency husky to v9
  • chore(deps): update dependency lint-staged to v15
  • chore(deps): update dependency prettier to v3
  • chore(deps): update dependency rimraf to v5
  • chore(deps): update dependency rollup to v4
  • chore(deps): update dependency size-limit to v11
  • chore(deps): update dependency webpack-cli to v5
  • chore(deps): update dependency webpack-dev-server to v5
  • chore(deps): update googlecloudplatform/release-please-action action to v4
  • chore(deps): update peaceiris/actions-gh-pages action to v4
  • chore(deps): update peter-evans/create-pull-request action to v6
  • ๐Ÿ” Create all rate-limited PRs at once ๐Ÿ”

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

Detected dependencies

github-actions
.github/workflows/bundle-size.yml
  • actions/checkout v3.6.0
  • actions/setup-node v3.8.1
  • pkg-size/action v1
.github/workflows/eslint.yml
  • actions/checkout v3.6.0
  • reviewdog/action-eslint v1.20.0
.github/workflows/github-page.yml
  • actions/checkout v3.6.0
  • actions/setup-node v3.8.1
  • peaceiris/actions-gh-pages v3.9.3
.github/workflows/misspell.yml
  • actions/checkout v3.6.0
  • sobolevn/misspell-fixer-action 0.1.0
  • peter-evans/create-pull-request v3.14.0
.github/workflows/release-please.yml
  • actions/checkout v3.6.0
  • GoogleCloudPlatform/release-please-action v3.7.11
  • actions/checkout v3.6.0
  • actions/setup-node v3.8.1
.github/workflows/test.yaml
  • actions/checkout v3.6.0
  • actions/setup-node v3.8.1
npm
package.json
  • @babel/cli 7.22.15
  • @babel/core 7.22.15
  • @babel/eslint-parser 7.22.15
  • @babel/plugin-syntax-jsx 7.22.5
  • @babel/plugin-transform-react-jsx 7.22.15
  • @babel/preset-env 7.22.15
  • @commitlint/cli 13.2.1
  • @commitlint/config-conventional 13.2.0
  • @donkeyclip/motorcortex 9.12.0
  • @donkeyclip/motorcortex-player 2.10.11
  • @rollup/plugin-babel 5.3.1
  • @rollup/plugin-commonjs 21.1.0
  • @rollup/plugin-json 4.1.0
  • @rollup/plugin-node-resolve 13.3.0
  • @semantic-release/changelog 6.0.3
  • @semantic-release/git 10.0.1
  • @semantic-release/github 8.1.0
  • @semantic-release/npm 8.0.3
  • @size-limit/preset-big-lib 6.0.4
  • babel-loader 8.3.0
  • browserslist 4.21.10
  • caniuse-lite 1.0.30001528
  • commitizen 4.3.0
  • concurrently 6.5.1
  • core-js 3.32.2
  • css-loader 6.11.0
  • cz-conventional-changelog 3.3.0
  • eslint 7.32.0
  • eslint-config-prettier 8.10.0
  • eslint-config-standard 16.0.3
  • eslint-plugin-babel 5.3.1
  • eslint-plugin-import 2.28.1
  • eslint-plugin-node 11.1.0
  • eslint-plugin-prettier 4.2.1
  • eslint-plugin-promise 5.2.0
  • husky 7.0.4
  • lint-staged 11.2.6
  • prettier 2.8.8
  • rimraf 3.0.2
  • rollup 2.79.1
  • rollup-plugin-terser 7.0.2
  • semantic-release 18.0.1
  • size-limit 6.0.4
  • webpack 5.88.2
  • webpack-cli 4.10.0
  • webpack-dev-server 4.15.1
  • node >=12

  • Check this box to trigger a request for Renovate to run again on this repository

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.