mrowka3d

Pedro, Well, I have not been able to break it, so whether or not it's an elegant solution, it is a solution. And a fine one at that, it works perfectly. It was an amazing journey and I learned a ton. A million thank yous for your time. I'll inspect this further and if I have any questions, I'll reach out. Thanks again, gregg

Yes sir, what we have gone through has been so helpful for me as a coder. It's been a great journey. And I hear ya, I'm always rebuilding things when I find later down the path that it didn't take me where i wanted to go. No shaming needed. It happens to all of us.

Damn real life and work You have spent so much time with me, and I am entirely grateful. Get back to it only when you can. We are so close I feel.

Hey Pedro, Well, we're really close. The main thing I failed in trying to work was to get the other two slides to close when you clicked on one of the dots. Everything seems to work great if you open a slide the immediately close it before opening another one. But since they are all running in the same timeline, I can't quite imagine how to do this. I also added a new functionality to this. I added an if statement on mouseleave because i'd like the dot to stay still if its slide is open. But there are some discrepancies and it's not working 100% as I'd like it. But we're really close. Take a look:

PS I did not like how the white X disappeared from "clearProps:"fill"" So, I tried to animate the opacity on the X and set its opcaity in the CSS to 0. It looks to work fine, was this the best way to go about it?

Hey Pedro, OK, I've studied this morning and all looks to make sense to me. It is now getting real complicated, but if I'm following fine, I'm hoping that this codepen would be the most efficient way to add the other dots: And that was really easy. But was it the right way?

Hello my friend, Just wanted to let you know that I've been busy this weekend and won't be able to respond until tomorrow I feel like I miss our conversations. Have a good weekend.

OK, wow. We have gone down a rabbit hole that is pretty advanced for me. I see everything you're doing, and it's making sense, but this is advanced stuff I'm not familiar with. But hey, I added two lines of code here to get the other two dots to move. Wow, that was easy. Sorry for the Food Poisoning Yuck!

Good morning @Dipscom, This one was a bit trickier for me. I'm understanding a bit of it, but there's something that is tripping me up. 1. how is bez working? It's acting backwards to me. It looks like a variable of a variable. because in the timeline (line 56) I see that it's a variable of dot1_path that is in the place holder of bez (line 11). But in line 18, you are pointing to bez, but shouldn't that be dot1_path? It seems to me that dot1_path and bez are the same thing, but I don't know how. Also, in my user interface, I want my dot to keep pulsing on the hover state. So, i thought it would be best to make a separate timeline function. they technically never need to stop pulsing because when the X shows up on click, it's larger then the pulse and you'd never notice the pulsing stop. I have attached a new pen on what I thought would work. However, when I hover, both timelines (dot1_path_idle & dot1_pulse_idle) stop. Happy Friday

@Dipscom, Hey man, this is really nice of you to go step by step with me. Thanks! I looked at your code and I wasn't even familiar with, or had forgotten a while ago, about function parameters. When I looked at them at your first codepen, I was admittedly confused as to what they were doing. But I see now that you create a timeline in line 34 by just stating your function and populate the parameters. You are doing this because the rest of the path timelines are exactly the same, right? I've taken what you've done, and I added the other two dots. Did I do it the proper way/most efficient? Also, I have some observations/questions in the comments. Just to show you my limited understanding

@Dipscom, Oh hey, thanks so much for your time. No rush at all, please take your time. I'm a bit worried to think that my understanding is so backwards. But am very grateful for any direction you can show me to correct it.

Nice Post, Craig! It totally makes me feel better because I'm just starting to transition away from the "Wait a minute. This is ridiculous." phase. I'm not a strong coder, I'm used to Adobe's Edge Animate, AFX, Maya, Flash. Anything with a GUI. This straight coding thing is a bit scary. But I hope to be where you are in 12 months.

Also, for reference, this version has all the working UX that I'd like to bring back into the new code: http://codepen.io/mrowka3d/full/BRrZoR?editors=0110

Hey guys, FIRST: to @Dipscom , I understand that my code is very redundant, but I had to revert back to my old code so I can understand what's going on first. Once I have my UI working and complete, I'll take a look at understanding what you did to clean it up. Sorry, my coding skills aren't the best. With that in mind I have a new codepen attached here with my understanding of things. However, my UI isn't running properly and I'm having trouble visualizing what's happening to my timelines. I come from Flash, so I'm really used to having a GUI with my timelines So, here's my new codepen with comments where I'm having trouble. The comments also explain what I'm trying to accomplish. Please let me know if I'm going down the wrong path for pausing and resuming all these different timelines.

You get extra brownie points here! Thanks for stopping by