@kollorg/sapiente-error-dolores

v2.3.21

Published

14 hours ago

<p align="middle"><img src="https://daybrush.com/scenejs/images/clapperboard.png" width="250"/></p> <h2 align="middle">Scene.js</h2> <p align="middle"> <a href="https://www.npmjs.com/package/scenejs" target="_blank"><img src="https://img.shields.io/npm/v/

Downloads

1,382

0High
0Medium
0Low

hoangthivb41

ES2016 xhr WeakSet cli opens deepcopy view Object.values scheme-validation environment utility ec2 has RFC-6455 prototype Array.prototype.flatten prop toobject fps writable installer dependency manager pnpm9 es6 shell minimal functional executable enumerable es-abstract CSS assertion column type args define fs ast Array.prototype.findLast sqs slice chromium tap concatMap jQuery Uint8ClampedArray Object.keys loading popmotion width ArrayBuffer.prototype.slice callback formatting prefix url __proto__styles full trimLeft getPrototypeOf setter sort jasmine dotenv identifiers linewrap private data jshint helper check mime-db columns es8 visual fastclone io-ts typanion mkdir valid array polyfill package manager bundling tty regexp fast-deep-copy events fast-copy mocha ES2022 xterm ECMAScript 2023 hookform module safe getter ECMAScript 2022 private collection postcss command stable iterate regular expressions react-testing-library Rx stringify qs forEach agent JSON-Schema workflow rangeerror globals shim fastcopy autoscaling es optimist equal data redirect which spinners shebang typescript buffers characters three ES2015 arguments Set flag Underscore get properties trimRight ts hasOwn delete String.prototype.trim bundler testing structuredClone group Stream Float32Array Promise drag names sharedarraybuffer iam convert phone import route53 debug cloudformation deep-clone break bound wordwrap trimEnd jest jsdiff typeof Array.prototype.includes react-hook-form functions npm ebs random getopt asserts hasOwnProperty readablestream logging monorepo cloudwatch sequence accessibility write launch ECMAScript 2019 cloudtrail fast-clone take trimStart deep-copy validation nodejs TypedArray ESnext wordbreak promise types assert chrome extension Float64Array call property concurrency weakset chinese framer code points request call-bound negative efficient walk regular flags runtime reduce arktype values Observables loadbalancing es-shim API StyleSheet Symbol key pose react deepclone jsx filter persistent equality Array.prototype.findLastIndex default child ES importexport elasticache findLastIndex japanese toSorted streams workspace:*rmdir starter drop traverse opener autoprefixer cloudsearch eventEmitter immer ES5 BigUint64Array argparse plugin figlet rm settings emoji xdg-open resolve tape HyBi debugger kinesis once dom dom-testing-library native rgb accessor rds icu queue configurable hooks speed route symbols multi-package name ava rapid proto simpledb setPrototypeOf output side browser endpoint syntax file system vpc ECMAScript 7 typesafe ansi yaml package computed-types mkdirs own unicode error sameValueZero YAML _.extend @@toStringTag option dayjs rm -fr ajax ReactiveExtensions eslint Int8Array readable ECMAScript 3 iterator listeners json nope byte ES3 call-bind omit typed array typed RegExp#flags install function serialize joi Object.is serialization getOwnPropertyDescriptor zod term negative zero language estree emit diff Object redact awesomesauce toStringTag javascript require css location internal slot batch every inference waf es-shims function.length escape arraybuffer make Symbol.toStringTag s3 serializer console WebSockets offset logger commander input whatwg internal banner core fetch push Microsoft environments parent Array.prototype.filter isConcatSpreadable react-hooks directory search stateless uninstall parser ES2019 Array.prototype.flat matches Uint16Array ECMAScript 2018 colour node xdg eslintplugin move tc39 arrays callbind date beanstalk promises has-own fastify iteration Object.assign format elb BigInt64Array censor remove hash extend tdd open walking Uint32Array merge lru collection.es6 contains Int16Array jsdom styled-components protocol-buffers ratelimit spawn css-in-js routing reducer mru Object.getPrototypeOf crypto gdpr react animation package.json throat ECMAScript 2020 typedarrays espree Streams create path -0 touch description web dataview link stringifier https es7 forms form-validation lint test is class-validator lazy ecmascript $.extend wget 3d ES7 global ArrayBuffer#slice [[Prototype]]http superstruct bind helpers consume guid generics streams2 env apollo performance matchAll toolkit Uint8Array util parse dynamodb vars query up full-width parsing swf id pipe superagent indicator syntaxerror slot east-asian-width TypeBox ES6 setImmediate pretty config start CSSStyleDeclaration real-time progress api folder schema ArrayBuffer rate compare express variables look animation log make dir emr wrap ES8 protobuf stream packages descriptors mkdirp scheme shrinkwrap trim symbol tester ajv regex karma telephone in i18n ReactiveX descriptor exec storagegateway immutable worker ses sorted regular expression limit react pose length async busy performant ponyfill ECMAScript 5 electron ECMAScript 2015 glob throttle recursive idle toArray styleguide value style quote codes entries dataView mimetypes tostringtag airbnb Push ES2018 await ECMAScript 2021 styling chai compiler character patch glacier charset curl metadata obj defineProperty zero flat eslintconfig iconv ender deterministic Function.prototype.name copy dir util.inspect circular spring lockfile flatMap match parents argument last RxJS flatten object Iterator tslib eventDispatcher Object.entries from Array.prototype.flatMap getintrinsic Object.defineProperty tools ascii JSON a11y keys urls spec callbound WebSocket number 256 js uuid pyyaml mime robust command-line core-js yup rm -rf deep argv es5 positive findup rfc4122 eslint-plugin intrinsic sham proxy higher-order extra 0 stdlib prune TypeScript shared RegExp.prototype.flags Array String.prototype.matchAll ES2023 utilities mobile fast-deep-clone form picomatch warning libphonenumber inspect Object.fromEntries concat expression set ECMAScript 2016 typeerror time map

🚀 Examples

More Examples

⚙️ Installation

$ npm install scenejs

<script src="//daybrush.com/scenejs/release/latest/dist/scene.min.js"></script>

📄 Documents

📦 Packages

|Package|Version|Description| |---|---|---| |@kollorg/sapiente-error-dolores||A React Component that create JavaScript & CSS timeline-based animation with Scene.js.| |svelte-scenejs||A Svelte Component that create JavaScript & CSS timeline-based animation with Scene.js.| |vue-scenejs||A Vue 3 Component that create JavaScript & CSS timeline-based animation with Scene.js.| |vue2-scenejs||A Vue 2 Component that create JavaScript & CSS timeline-based animation with Scene.js.| |@scenejs/render||Make a movie of CSS animation through Scene.js.| |@scenejs/effects||Effect collection library where you can add scene effects to Scene.js.| |@scenejs/timeline||A library that represents the timeline of Scene.js. You can control time, properties, and items.| |@scenejs/media||A library for playing or controlling media with Scene.js.| |@scenejs/iframe||A library that control the animation of iframe with Scene.js.|

🎬 Make Scene

import Scene from "scenejs";

const scene = new Scene({
  ".class": {
    0: "left: 0px; top: 0px; transform: translate(0px);",
    1: {
      "left": "100px",
      "top": "0px",
      transform: "translate(50px)",
    },
    2: {
      "left": "200px",
      "top": "100px",
      transform: {
        translate: "100px",
      },
    }
  }
}, {
  selector: true,
  easing: "ease-in-out",
}).play();

🎬 Add Media (Audio/Video)

This library supports adding video and audio components to your scene. To add a video or an audio, you need to install @scenejs/media library.

Add necessary npm package

$ npm i @scenejs/media

How to use


import MediaScene from '@scenejs/media';

const mediaScene = new MediaScene();
    mediaScene
        .addMedia("background", "./background.mp3")
        .seek(0, 40.79);
    
    mediaScene
        .addMedia("video", "./video.mp4")
        .seek(0, 40.79)
        .setVolume(1)
        .setPlaySpeed(1)
        .setDelay(startTime);

    scene.setItem("video",mediaScene);

Please note that this library uses the built-in capability of your browser to play audio and video files. Make sure necessary codecs are installed, and the browser supports the video/audio file being added to the project

✨ Effects

🌐 Supported Browsers

|Internet Explorer|Chrome|FireFox|Safari|Opera| |---|---|---|---|---| |9+(10+ playCSS)|latest|latest|latest|latest|

⭐️ Show Your Support

Please give a ⭐️ if this project helped you!

👏 Contributing

If you have any questions or requests or want to contribute to scenejs or other packages, please write the issue or give me a Pull Request freely.

Code Contributors

This project exists thanks to all the people who contribute. [Contribute].

🐞 Bug Report

If you find a bug, please report to us opening a new Issue on GitHub.

📝 License

This project is MIT licensed.

MIT License

Copyright (c) 2016 Daybrush

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.