Dez

Hi Mikel It's a little nearer. https://codepen.io/den_smith/pen/VwKvXYz It's taken longer than it should have because of Computer problems. I've had to do another image restore. Along with all the updates etc. Regards Dez

Okay I can see what you mean now mikel I'm pretty sure I tried a straight version last week, but I'll have another go to make sure. Dez

Hi mikel, It may be me, but I can't find the images you mention. Did you attach them? Stay cool, Dez

Hi Mikel, It's really good that you're showing a big interest in my project. I too have had it working with just lines, but when I added the Link as a png or as a svg the problem returns. I'm trying really hard to turn up the stream but I seem to be running out of it. Must be a leaky boiler. Good luck tonight. Dez

Hi all, I didn't have this problem when I created my other loco a few months ago. See https://codepen.io/spring99/pen/KKpGoyP But the same principle doesn't seem to work correctly this time.

Thanks akapowl for your valued observation. It seems I need to brush up on my path creation. Also thanks to mikel for your welcome and your reminder from your codepen. In my updated model I've corrected the path which rectified the rotation, as akapowl noted, now you’ll see my problem is still with the right hand end of the link. I can’t seem to anchor it to the movement of the piston. https://codepen.io/spring99/pen/ZEpYjyK

Hi all, Back again, with more loco automation problems. I thought, after all the brilliant assistance I had last time I posted, I would have no problem creating this animation. How wrong I was. Any help would be appreciated. I think my problems are obvious. Thanks you

That's exactly what I wanted Blake. I tried the method Zach suggested of Mikels. But both Mikel and I had difficulty keeping the piston end of the rod still. It tended to wander up and down, albeit a small amount. But this way it stays rock steady. Great stuff Blake. I don't know how you do it in such a short space of time. I've been at it for days to no avail, although as Zach says I was using the complete wrong approach. Thanks again to all for your kind help.

Hi All, Back again with my latest problem. I've been attempting to modify Zach and Blakes "convertCoordinates" pens, to suit my loco animation, but I can't get the piston link arm to follow the blueArm. Any ideas would be greatly appreciated. https://codepen.io/spring99/pen/bGdJMPO

Hi Mikel, Thank you for taking an interest in my post. I too am of the age when there were only steam locomotives. I remember them well. We’re booked on the newly built “Tornado” locomotive in a couple of months time. Your “work in progress” is brilliant and I’m hoping that mine will be as good eventually. But it’s proving a small headache at the moment. I think my age is getting in the way. Anyway happy steaming to you too, Dez

Good afternoon guys, Sorry, to have to come back with my latest problem. In the Firefox console I get errors: "Unexpected value undefined parsing cx attribute." "Unexpected value undefined parsing cy attribute." In JS lines 33 & 34. These errors are what seems to be stopping the wheelPath rotation. These errors don't show in my CodePen demo console. But the result is the same. Please see: https://codepen.io/spring99/pen/dyoJRKv Any ideas anyone. I've redone so many times, over and over, with the same result. Thank you,

Thanks for the replies guys, Acting on your advice I took a closer look at Illustrator via a Youtube video called “How to Optimize/Simplify Path in Adobe Illustrator Tips for Beginners” and discovered the “Object/Path/Simplify” menu. That along with SVGOMG should cut down on my SVG code and make life a lot easier. I'll also be looking at the links Shrug has pointed me to. Regards, Dez

Hi Zach and Blake, that’s brilliant. I can’t stop looking at it, it’s mesmerising. It’s so smooth and accurate using the new MotionPathPlugin.convertCoordinates() and with Blake's "transform", in the SVG, for the angle. What can I say. Glad I don’t need to do a course in geometry, I’m too old for that. If you don’t mind me asking. What do you use to create the SVG’s? Has anyone ever thought of creating a tutorial for it? I’ve used Illustrator, Gimp, Inkscape, Affinity Photo and Designer etc. But the code I output never looks as concise as yours. Many, ma

Hi Zack, I hope you’re available to see this post. In reference to you earlier reply to Mikel’s post where you said: “You could do it using some geometry ” Well I could do with a little help with my project because my geometry skills are almost none existing. I’m trying to expand my “Locomotion” animation with a new loco, based on your example, with more moving parts. But the piston and connecting-rod are on a 5.24 degree angle. Which is posing a problem. https://codepen.io/spring99/pen/WNvEdZp Also I could do with the loco travellin

Thanks once again Zach, you're my Superhero as well as a Greensocks one. Downloading the latest version seems to have cured my problems. I didn't get the email about the latest version update so I was in the dark about that. As for using the old TweenLite API form, I can't answer that one. https://codepen.io/spring99/pen/mdyZLYN I'll attempt to progress on my own now, but I may be back. There's a lot to be learned from mistakes.