Giter Site home page Giter Site logo

Animation direction about timecircles HOT 8 CLOSED

sygad avatar sygad commented on July 19, 2024
Animation direction

from timecircles.

Comments (8)

wimbarelds avatar wimbarelds commented on July 19, 2024

That shouldn't be too hard to implement. Note that, the direction does depend on whether it's above or below zero (counting up or down). Either way, I'll have a look at how I can best implement this, I figure that if I implement this, maybe I should also consider looking at making the starting point of the circle variable.

from timecircles.

sygad avatar sygad commented on July 19, 2024

That's a pretty cool idea, look forward to seeing that.

from timecircles.

sygad avatar sygad commented on July 19, 2024

For the animation direction.

I've discovered that if you set the background color to any color, then the foreground color to white, it gives the appearance of rotating anti-clockwise.

It's a little bit cheating but kind of works ;-)

from timecircles.

sygad avatar sygad commented on July 19, 2024

Sorry, should have mentioned that the background width needs to be set quite small, and the circle width to be set quite wide

from timecircles.

wimbarelds avatar wimbarelds commented on July 19, 2024

Setting the background to 1 should make it equal width to the foreground. But this can indeed be done for a similar effect

from timecircles.

wimbarelds avatar wimbarelds commented on July 19, 2024

I've set up a sample page here:
http://git.wimbarelds.nl/TimeCircles/test/

Is that roughly what you're looking for?

from timecircles.

sygad avatar sygad commented on July 19, 2024

Brilliant, cheers for that, it's exactly what I was looking for.

from timecircles.

wimbarelds avatar wimbarelds commented on July 19, 2024

I'll commit it sometime tonight (In a few hours)

from timecircles.

Related Issues (20)

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.