How do I Make a circular loading?

  • There is a way in C2 to make something like this?

    Ps: my doubt is about doing something like this without animation, just with events.

  • The easiest method would be with the Canvas plug.

  • newt

    Hmm.. interesting.

    Can you teach me how to achieve that with canvas plugin?

    I downloaded the plugin today to take a look.

  • Try Construct 3

    Develop games in your browser. Powerful, performant & highly capable.

    Try Now Construct 3 users don't see these ads
  • Take a look at the path commands.

    You need to figure out arc, and draw path, as well as clear canvas, and line settings.

    The rest will depend on what/ how you are loading.

    The circular wipe would be a bit different, but it's doable, if you were wanting to do that as well.

  • newt

    Hey, I'm really sorry to bother you again :

    I couldn't make it.. I really don't got it. Tried to make some things with the canvas plugin, but nothing works.

    I looked for tutorials too, but don't found any.. can you help me with this circular animation using canvas?

  • Well I would need to know what you are loading.

    For the canvas, you take the progress and turn it into an angle.

    An overly simplified version coincidentally:

  • Well I would need to know what you are loading.

    For the canvas, you take the progress and turn it into an angle.

    An overly simplified version coincidentally:

    Hehe this effect is very cool, I think it would do!

    About the canvas plugin thing, the loading stuff I know how to do, my problem is in putting the canvas plugin to work, the draws, etc.

    If it's not asking too much, bcause you're helping me a lot already, can you show me a capx or something with the plugin doing the circle animation?

  • You can do it without the canvas plugin. The ring is made by creating sprites in a circle. An the masking is done by using blend modes. The shrink/grow of the circles is done by changing the size:

    https://dl.dropboxusercontent.com/u/542 ... _load.capx

  • You can do it without the canvas plugin. The ring is made by creating sprites in a circle. An the masking is done by using blend modes. The shrink/grow of the circles is done by changing the size:

    https://dl.dropboxusercontent.com/u/542 ... _load.capx

    Awesome Rojo!

    I have seen a couple things you made and shared here in the forum.. you're a genius dude hehe

    Thank you

Jump to:
Active Users
There are 1 visitors browsing this topic (0 users and 1 guests)