Jump to content


  • Posts

  • Joined

  • Last visited


20 Newbie

Recent Profile Visitors

2,480 profile views
  1. Hi @Sahil Yes you are completely right, but the scrubber works in a slightly different way to the one demonstrated in this example. The audio example works like: tl.progress(audio.currentTime / audio.duration); so the integer can never be anything small than 0; This example works like: t2.progress(x / (volRect.width - knob2Rect.width)); But the x value can be a negative integer hence the need for Jack's awesome solution And tnxs again for help, most appreciated
  2. @GreenSock So I best explain - I wanted to build a player that would allow me to synchronize both audio and tween together for which @Sahil has helped and done a cracking job on it. Seeing the power and the potential that GSDevTools has. It seems like a no-brainier to use it instead, since you have incorporated mobile and responsive considerations. For me the task would be to create a method of doing this, which would be challenging, but I also suspect that there is a 'best approach method' with GSDev's Architecture of doing this in the best way and that is beyond my capabilities (in my mind) But in terms of using it, no I do understand it, it is super easy to use Has for customizing it, it is relatively straight forward (for me) below is the unofficially 'Be my Valentine' non-dev theme But on more serious note there is a lot of scope for this tool to have a production ready version, just a thought tnxs Bromel
  3. @GreenSock Hi Jack, thanks for the insight, absolutely brilliant. In regards to GSDevTools, I was speaking in regards to myself implementing the code, JavaScript is a bit of an illusive creature in my mind, if you asked me to do a complex Tween, I could probably pull it off. But ask me to use JavaScript to build something from scratch, I struggle to do so. Google is my life line Anyways tnxs again Jack, your support is awesome!!!
  4. @GreenSock Hi jack I spoke too soon, I am not sure if I have found a bug or it's a case of adding some numbers somewhere, anyways I noticed that if you click right on the edge of the volume bar container the timeline goes right to the end. I was trying to work out way and it seems as if the this.x value gives you a negative integer. which bugs things up. However we do not get the same effect when we click right on the edge of the volume bar container at the end of the timeline I just thought you might know whats going on. tnxs again P.s I updated the pen
  5. @GreenSock Hi Jack, I did apply and updateRange() at the end of the updatePosition(), but it seems to break things. Is not the onPress() call doing that anyway since draggable's update function is been called when this is triggered (I am just assuming). I think with GSDevTools there is a lot more work involved in hooking it all up, But GSDevTools is really good, been playing around with it
  6. @Greensock - Hey jack, I had another revisit to the problem and came up with this: Is there any caveats to this method, it appears to work but might not be correct. what do you think? many tnxs for your help
  7. @GreenSock so Jack just out of interest Sahil helped me to develop an audio player that was synced with a timeline, would it be possible to do the same thing with the GSDevTools. audioTween player many tnxs
  8. @GreenSock Hi Jack, many thanks for the insight, I guess GSDevTools would be a more sensible option, but I just wanted to see if I could achieve something simply and also broaden my understanding of draggable. I think I get what you are saying so: 1. Seperate the scrubber and the bar logic 2. create a mousedown/touchstart/pointerdown event listener and do the logic for the bar 3. Use the scrubber to just control the timeline only I think I will give it another shot tnxs Jack
  9. Hi all, I just playing around with draggable some more, and I am trying to get a better understanding of how it works. I have created a simple draggle timeline with an attached tween. I am now wanting to be able to to click on the scrub and position both the scrub and timeline accordingly. At the moment it is quite hit and miss and I am just trying to understand it better. So any help would be most appreciative. tnxs Bromel
  10. @Sahil Sorry for rambling on, so the way you have done it in the codepen above is what I am looking for, which I guess is calculating the knob against the range. So I can apply the same method for my volume control also. many tnxs bromel
  11. @Sahil Let me first start by saying a big big thank you for your help on this, I intended to only understand how to get one task completed. In the end I ended up creating something rather special It is by far from perfect and I still have a long way to go, but because of your time, I was able to gain slowly some of my lost skills and figure out a way. I think the last thing for me now, is to get the range and knobs appearing in sync with one another, I was battling this one (my maths is terrible) but I think it's a case of understanding how to deduct the knob value from the container and apply a magic number to it Again any help is always appreciated, tnxs for it all Bromel
  12. @Sahil I took onboard what you said in regards to incorporating draggable and replacing jquery UI, I am just trying to work out a couple of issues and finding the best way to do it. 1. In my current example you will see that have have attached the timeline to the draggable knob, however you can see that it falls quite short in expanding fully within the container i am not sure how to do this, so any examples would be most useful. 2. I also want to bind the knob on the draggable to the playing of the timeline (similar to how jquery UI works) again any examples will be helpful I appreciate, your help on this, my JavaScript memory is very very very slowly coming back to me many tnxs bromel
  13. @Sahil My very last question, I have managed to create a test setup, for an animation that I want to do over an audio sample. I have been playing around with two different methods of updating the current time on the file "timeupdate" and "setInterval" methods. They both do the job but I wonder which one performance wise would be best (as in effect on overall animation playback) to develop with, or would you adopt another way. Any feedback welcome tnxs bromel Audio testing
  14. @Sahil Many tnxs for your solution. it is exactly what i was looking for