This new curve editor has been on the wish liszt for a long time, but it became a necessity as we decided that we were going to convert a number of level properties on existing effects to be curve based.
This new curve editor control replaces the old control for all effects where there was already a curve based property. The ability to drag and drop curves between properties and the library is still there. This gives you the ability to make a level that doesn't change over time. A new features is that you can shift-click-drag and it will flatten the curve to a simple 2-point horizontal line that can be dragged up and down. You can click drag any node to adjust it's position. Just like in the regular curve editor, you can add vertex nodes to the curve by control-click, and delete points by alt-click.
In most cases, all you really need is basic curve editing with rough adjustments and don't need the detail and extra features found in the full size editor. It's basically a miniature version of the regular curve editor.
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.We've been working on a new curve editor where you can edit curves directly in the effect editor pane without needing to go into the curve editor form. 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. The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. LicenseĬopyright (c) Oleg Solomka 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: Please make sure you started a feature branch with the feature name (better from the dev branch) before making changes.
Install dependencies with npm: npm install Install webpack globally: npm install webpack -g
Please note: all shortcuts work only for active editor - it should have orange mojs logo indicator at bottom left. toggles `maximize/minimize` methods regarding editor's state if should hide when minimized - useful when you try to embed the isHiddenOnMin: false UsageĬonstruct MojsCurveEditor with the next options: const mojsCurve = new MojsCurveEditor(
If you installed it with script link - you should have MojsCurveEditor global. or import MojsCurveEditor from 'mojs-curve-editor'
Import MojsCurveEditor constructor to your code (depends on your environment) : const MojsCurveEditor = require( 'mojs-curve-editor').default Please make sure you've linked mojs library first. The MojsCurveEditor depends on mojs >= 0.225.2, tween autoupdates available for mojs >= 0.276.2. MojsCurveEditor is a GUI plugin for interactive custom easings/ property curves editing while crafting your animations.