How do I Make a circular loading?

Get help using Construct 2

Post » Sun May 29, 2016 9:57 pm

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

Ps: my doubt is about doing something like this without animation, just with events.
B
20
S
4
Posts: 387
Reputation: 2,274

Post » Mon May 30, 2016 12:41 am

The easiest method would be with the Canvas plug.
Image ImageImage
B
172
S
50
G
182
Posts: 8,432
Reputation: 115,083

Post » Mon May 30, 2016 3:00 am

@newt
Hmm.. interesting.
Can you teach me how to achieve that with canvas plugin?
I downloaded the plugin today to take a look.
B
20
S
4
Posts: 387
Reputation: 2,274

Post » Mon May 30, 2016 3:17 am

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.
Image ImageImage
B
172
S
50
G
182
Posts: 8,432
Reputation: 115,083

Post » Mon Jun 06, 2016 7:56 pm

@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?
B
20
S
4
Posts: 387
Reputation: 2,274

Post » Mon Jun 06, 2016 8:53 pm

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:
viewtopic.php?f=184&t=177464
Image ImageImage
B
172
S
50
G
182
Posts: 8,432
Reputation: 115,083

Post » Mon Jun 06, 2016 10:29 pm

newt wrote: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:
viewtopic.php?f=184&t=177464

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?
B
20
S
4
Posts: 387
Reputation: 2,274

Post » Mon Jun 06, 2016 10:31 pm

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
B
94
S
33
G
117
Posts: 5,388
Reputation: 75,337

Post » Mon Jun 06, 2016 10:52 pm

R0J0hound wrote: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
B
20
S
4
Posts: 387
Reputation: 2,274


Return to How do I....?

Who is online

Users browsing this forum: No registered users and 7 guests