Comments (7)
If you edit rotation in the keyframes tab it isn't propagated to the dragging controls. This means that if you drag one of the handles it resets the rotation angle to whatever you set with the handles.
Fixed in 2f25ee0.
from stylie.
Get a non rotationally symmetric default image
Done in 57bbc7e. I just "scored" the ball image to show rotation more clearly.
from stylie.
It would be nice if I had an option to center the image on the path line (appending translate(-50%,-50%) to the transform works nicely).
Done in 9aba638.
from stylie.
Holding shift to display the rotation handles has poor discoverability.
Added a Help modal, which explains the "shift" functionality.
from stylie.
Add graphical controls for the easing functions.
Tracking this in #7.
from stylie.
Multiple keyframe support
This is now supported.
from stylie.
Add the a beziercurve in the 'animation'-property instead of hardcoding it in the keyframes (i.e. cubic-bezier(0.345, 0.005, 0.670, 0.975); instead of linear)
Not implementing this, as it would likely introduce more complexity than it's worth. Since most animations cannot be optimized (as in, each keyframe step is written out), this would rarely be beneficial.
from stylie.
Related Issues (20)
- Stop button does not reset slider HOT 1
- Visible canvas and percentage based translations HOT 4
- Add titles to input labels HOT 1
- Automatically make keyframes on alteration HOT 4
- Bezier paths HOT 4
- Transform translate applied twice, once in pixels, once in percentage HOT 5
- As a user, I want to login via Twitter
- As a user, I want to publish an animation
- As a user, I want to modify and re-publish an existing animation
- As a user, I want to be able to save animations linked to my cloud account
- property 'centerToPath' of undefined HOT 4
- TODO: Use https
- Moving keyframes is broken
- How to Scale HOT 1
- Task: Add a code of conduct
- Any way to make the object being animated rotate to face the direction of travel? HOT 1
- Error installing HOT 8
- Fine grained control of curve with custom bezier field HOT 2
- TODO: Implement Reddit suggestions v2
- Stop animation??? HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from stylie.