Search the Community

Showing results for tags 'slider'.

More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • HTML5 Game Coding
    • News
    • Game Showcase
    • Coding and Game Design
  • Frameworks
    • Phaser
    • Pixi.js
    • Babylon.js
    • Panda.js
    • melonJS
    • Haxe JS
    • Kiwi.js
  • General
    • General Talk
  • Business
    • Collaborations (un-paid)
    • Jobs (Hiring and Freelance)
    • Services Offered

Found 7 results

  1. I've finished porting my Snake Slider puzzle game using Phaser. >> Snake Slider playable demo << It's a unique sliding puzzle game. The goal is to move the green snake to the exit. You can slide any snake by dragging them by their head or tail. Use as few moves as possible to earn all three coins. There also are apples and mushrooms that will make the snakes longer or shorter, blocks to push around and locks to unlock. The game also features hand-drawn graphics and multi-language support. It's based on an older iPhone/Android game, this is the JavaScript version which is completely re-written. It's powered by Phaser and it's slightly improved compared to the older version; it has an animated tutorial hand, a visible cursor, sound effect when moving, and overall more animations (menus, buttons etc). Let me know what you think. Can you can solve all levels?
  2. Line plot on Canvas using Jquery slider

    I am tying to use a jquery slider to plot a line on a canvas when I click a button. I dont know how and where to make the value from the slider a variable that changes with the slider, it just stays with the initial slider value. $(function() { $( "#slider" ).slider({ value:100, min: 0, max: 500, step: 50, slide: function( event, ui ) { $( "#amount" ).val( "$" + ui.value ); } }); $( "#amount" ).val( "$" + $( "#slider" ).slider( "value" ) ); a=$( "#slider" ).slider( "value" ); }); </script> </head> <body> <script> function myFunction() { var c=document.getElementById(""); var ctx=c.getContext("2d"); ctx.moveTo(a,50); ctx.lineTo(b,0); ctx.stroke(); } URL:
  3. Animation Scrubber

    Just wanted to know if it was possible to build an animation scrubber. One that would allow me to create an animation and then use a slider to "scrub" the animation. I have seen this in editors before. Where you can view different frames in the animation using a horizontal slider.
  4. Hello, I suppose this question goes out to Dad72, but if anyone has the answer, please chime in on this post. I'm using a color picker object (button and function) in the CastorGUI extension. Currently, it appropriately displays the color which is set in the color picker dialog box. However, I need to also change the color of this button to represent other color input controls when needed. Below is the following code example: var create_color_GUI = function() { // GUI manager var callback = function() { var pick_color = colorSelector.getColor(); }; colorSelector = new CASTORGUI.GUIColor("pick_color", { x: 1085, y: 510, w: 40, h: 40 }, guisystem, callback); }; Is there any way to set the rgba value for the button to be different from the color picked using the color picker dialog box? I tried setting this, but I couldn't get this to change color so I assume it isn't supported. If not, how might I set up a seperate CasorGUI button to call the color picker? I haven't spent much time on this yet, but haven't had any success in the time I spent working on it this evening. Also, if someone can provide a code example of a CastorGUI slider control with most of the properties and options shown, as well as the "get value" usage, this would save me considerable time experimenting with what I need for my GUI sliders - which I primarily need for video playback controls. Thanks! DB EDIT: Just to be clear on calling the color picker with a seperate GUI button, I need to call the color picker dialog box without displaying and/or having to click on the color picker GUI button. So either this - or the ability to set and change the color of the color picker button seperate from the last color pick is what is required. Also, I do have a good example from a post by ConnorsFan, but I am missing how to extract the value of the slider, and how to take advantage of all of the options available for the slider control, such as color, style, and added image file representing the slider control elements - Thanks.
  5. 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: or the examples here for advanced: or here for basic example:
  6. Hey, I have two divs side by side, one containing the game and the other containing some html5 range inputs. (I require a complicated GUI so am using DOM for this) The issue is that phaser somehow causes a strange issue where range sliders won't work until i've clicked inside the phaser game div. The below behaviour occurs if i do not click inside the game div first: In firefox: If I drag a slider it works, but as soon as the mouse is moved away from the slider, the slider jumps back to its initial value. In chrome: if i drag the slider it becomes stuck to the mouse, even if I let go of the mouse button. I can no longer click any other element (no buttons or anything) and I can't click in the game div either to fix the issue. I have to close the browser and restart. Internet explorer however works fine (what??) Is there any way to fix this other than just using textboxes instead of sliders? Thanks, pyre
  7. Phaser interface slider button

    Hi again potential helpers..I need a slider with image buttons for my phaser client interface like the demo examples here: here is a screenshot of my slider : note I need for the right side of the slider to remain hidden if the slider button is not at the maximum can anybody provide examples or any tutorials on how to accomplish this...I don't want to reinvent the wheel as time is limited and I have searched high and low for phaser examples.... or alternatively how would one use the jquery plugin in a phaser game instance for example? thank you so much for your help