rado9408 Posted December 10, 2018 Share Posted December 10, 2018 Hi guys who has experience with the drawing a timer in phaser 3, who can help ? what type of tools can I use ? Timer should look like this . Link to comment Share on other sites More sharing options...
Telinc1 Posted December 10, 2018 Share Posted December 10, 2018 This example on Phaser 3 Labs could help. You can draw a stroked circle and a thicker arc inside a Graphics object to reproduce that timer. You'd need to clear the Graphics object every frame and redraw the arc based on how close your timer is to completion. Keep in mind the angles are in radians. 0 radians is the rightmost (east) side. You'd need to start at -90 degrees and go up to 270 degrees clockwise - the end angle will, of course, be a function of the elapsed time. The text in the center of the timer can just be a normal Text object. rado9408 1 Link to comment Share on other sites More sharing options...
rado9408 Posted December 10, 2018 Author Share Posted December 10, 2018 @Telinc1 thanks bro it helped, I also have used phaser's time class everything is working fine. Link to comment Share on other sites More sharing options...
aiftah Posted October 5, 2019 Share Posted October 5, 2019 @redo9408 I need something similar in my game, can you please share how you did it, thanks. Link to comment Share on other sites More sharing options...
maryamBarati Posted March 5, 2022 Share Posted March 5, 2022 https://github.com/maryamBaratii/Phaser-3-Countdown-Clock Hi. This link may help you, if you haven't solved it yet. Link to comment Share on other sites More sharing options...
Recommended Posts