MichaelD

Phaser Slider UI component (just released)

Recommended Posts

Hello all,

 

I just released my PhaseSlider UI component, which is a (duh!) Slider with many options and functionalities, take a look at the github repo: https://github.com/netgfx/PhaseSlider

 

or the examples here for advanced: http://www.netgfx.com/trunk/games/libs/phaseslider/examples/example1.html

or here for basic example: http://www.netgfx.com/trunk/games/libs/phaseslider/examples/index.html

 

phaseslider_zpspiwz98ly.gif

Share this post


Link to post
Share on other sites

Updated the git repo with new options and some fixes.

 

New options include: modal (to be placed behind the carousel), modalAlpha (to control the opacity of the modal), staticElements (to add static elements to the carousel, like buttons etc)

 

Check it out here: https://github.com/netgfx/PhaseSlider

 

Thanks!

Share this post


Link to post
Share on other sites

Updated the git repo with new options and some fixes.

 

New options include: modal (to be placed behind the carousel), modalAlpha (to control the opacity of the modal), staticElements (to add static elements to the carousel, like buttons etc)

 

Check it out here: https://github.com/netgfx/PhaseSlider

 

Thanks!

 

Nice my friend!!

 

I have a suggestion: http://screencast.com/t/HYQJfNfwF3 (Very useful if you handle a counter)

 

Regards, Nicholls

Share this post


Link to post
Share on other sites

Hey MichaelD!

 

Just used your plugin lately and noticed some kind of weird behaviour you might have introduced in your latest commits : if I remove one of the elements of the display list (let's say, only 3 monsters instead of 4), there would still be an invisible option at the fourth slot. With the buttons.

 

I quickly debugged the plugin code and found out that there is an undesired object in the _this.options._objects array, which I removed manually. In my case it was a graphics object.

After removing it the plugin works as expected. But that's no proper bugfix...

Share this post


Link to post
Share on other sites
On 27.01.2016 at 7:52 PM, MichaelD said:

I'm glad you like it, also checkout some of my other plugins for phaser:

https://github.com/netgfx/Phasetips

https://github.com/netgfx/phaser_modals

https://github.com/netgfx/Phaser-typewriter

Can someone loop slider? That did not stop at ending the slide and repeated the first.  I would also like to see the implementation of the memorization of the slide at which he stopped

Share this post


Link to post
Share on other sites

The slider can navigate to a specific index, you can save the slide that it is in, and then make it navigate to that. The slider supports the following functions:

getCurrentIndex
moveToSlide(index, animate) <- animate is true/false

The animations can be virtually set off by setting the property of animationDuration to 0

Share this post


Link to post
Share on other sites
Just now, MichaelD said:

I don't understand the question. To virtually turn on animations, set the animationDuration property to 0. It will still be "animating" but you will not see any movement because the change will be instant.

Oh, understand. Thanks.

Share this post


Link to post
Share on other sites
5 minutes ago, MichaelD said:

I don't understand the question. To virtually turn on animations, set the animationDuration property to 0. It will still be "animating" but you will not see any movement because the change will be instant.

For the future, if possible make a vertical flip(as a separate library).

Example:

Screenshot1.png

Share this post


Link to post
Share on other sites

If you read the github docs 

  • mode: Type of movement for the slides (default horizontal, vertical-from-bottom, vertical-from-top)

it supports vertical alignment of slides already. If that was what you meant.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

  • Recently Browsing   0 members

    No registered users viewing this page.