Hello best forum ever seen 
I need your help in this 3d electrical stair, so here is the playground : https://playground.babylonjs.com/#KI8BJH#1
I import 3d stair from github and you find the the stair mesh that I want to move (red one), and I create buttons and their functions to move up and down, I donāt know how to move the stair (animation).
please help
Best regards
Anes
Hiya Anes
The stairs meshā¦ https://playground.babylonjs.com/#KI8BJH#3 ā¦is not easily animated in any realistic way, because it is a single mesh. We can position-animate the entire meshā¦ but the top/bottom stairs ālandingsā (the flatter areas at top/bottom of stairs)ā¦ will also move up/down the rampā¦ not looking correct.
#1 way: There IS a way to make this look/act correctly, but it will take some work. You would disable/remove the stairs mesh, and then build (in BJS scene) a top-landing, a bottom landing, and a single stair-step. Then we would ācreate-instanceā that single stair stepā¦ about 20 times. Now we have about 20 single stair-steps, and we can apply a semi-complex animation āsystemāā¦ to those 20 stair-steps. This is a substantial bit of work.
#2 way: We/Someone could āmorphā the current full-stairs meshā¦ by moving/animating the mesh vertices (position points) of the full stairsā¦ in a way that makes it look realistic. A guessā¦ we would need to move about 240 position-verticesā¦ every step of the animation/morph. This is also a fairly serious challenge.
I would say that method #1 is the wiser/easier way. The BJS ExtrudeShape should work, for making a single stair-stepā¦ like this: https://www.babylonjs-playground.com/#165IV6#821
I tried to do some instancingā¦ to make many single-stepsā¦ but I failed. (Apparently I need to study more). 
Anyway, now you have more info, and a single stair-step. Others will likely comment soonā¦ with more ideasā¦ and maybe someone can get the instancing/cloning working for extruded mesh. And Iām sure that there are some āmad scientistsā nearbyā¦ that would try (to get you started-withā¦) āThe Escalator Animation Challengeā. Stay tuned.
@Wingnut thank you for ur reply.
about #1 if I use one stair-step it will not be realistic because I need this to visualize a real escalator.
about #2 I tried but faaaail 
@Necips the problem is that I have this escalator Sketshup which I export it to BJS format and I can not modify it (it is for a metro station vizualisation)
@Necips but how to create objects in different position, and if yes does this will affect the performance of my interface because there is a lot of meshes inside
@Necips yes but here inside your Cub3_Plane_v06.obj there is a lot of meshes that u want to annimate via your loop, not the case of me I have one stair object and not a lot of stair-steps meshes
@Anes
Can you not separate the stairs in sketchup before exporting ?
That would be the simplest.
Other option could be to do it in babylon, this is slightly more complicated and has to be done each time it is loadedā¦ (at cpu / loading time cost)
@aWeirdo I have it in SketchUp and I can export it to blender, do you mean seperate the stair into step-stair meshes ?
Yes, just a single step and the two platforms(at bottom and top of stairs) as others also mentioned, delete the rest of the steps, then re-make them with instances within babylon
Okey, Iāll try it
Hi again, A. #1 would be many clones/instances of a single stairā¦ all positioned in a way to appear much like your current stairs (like aWeirdo mentions, too). I got the extruder instancing workingā¦ dumb wingnut mistake in positioning them. https://www.babylonjs-playground.com/#165IV6#822 I may try some animatingā¦ soon.
Heya Necips. Are you going to build one of those (200 physics joints?) motor-driven chainsā¦ for us, seeing itās āquite simpleā? 
Sprockets on the primary motor drive and secondary pulley? Each chain link able to accept a sprocket tooth INSIDE it, and moved-along by the teeth? Yeah, Iād love to have one of those physics engine demosā¦ for all sorts of future projects, especially physics-driven bicycles and other vehicles. Make one for usā¦ full poweredā¦ and youād be fizzix-famous. I have never seen a physics-active chainānāsprockets demo, anywhere, so far.
What about the FAME? Thatās what pays the bills, no? Do it for posterity. Do it for mankindā¦ for world sprockets/chain peaceā¦ for the little woodland crittersā¦ for the noobs, for the babes, for the hell of it. 
Hey @Anes - a starter kitā¦ https://playground.babylonjs.com/#KI8BJH#5
Currently, shape and path arenāt set perfectā¦ so slope-angle and stair-size is not very accurate. BUTā¦ we got UP and DOWN buttons doing a small up/down animation movement on the gray staircase (just a littleā¦ for each button press). Might have problems in my vector3ās for lines 139 & 145, too. That issue is possibly improved in PG #6.
Also, ease is disabled in moveTo() func. Just add ease as the last param in line 69ā¦ to-re-activate it, as wanted.
Plus, I have no āloop-aroundā happening. When top step gets too high, or bottom step gets too lowā¦ we have to move it to opposite end of staircase. Fun. Plenty of tweaking neededā¦ butā¦ I think you can see the possibilities, there.
Do you want to ārun with itā from here? Do you want some explanation of the playground, so far? Maybe other forum helpers will want to advance this a bit, now that I have started it. The moveTo() animation-helper function might need tweaking. It might need to change from a āmoveToā to a āmoveā, or maybe it needs replacing, possibly with moveUpAndCheckWrap() and moveDownAndCheckWrap().
Good fun, BJS-style.
@aWeirdo I think that ur proposition has been done by @Wingnut here https://playground.babylonjs.com/#KI8BJH#5 (thank you @Wingnut by the way 
) the problem is on the animation of the stairs, I want to move them the same way of a real metro station escalator (not up down), I donāt know I have an idea and I donāt find a way to implement it, the idea is :
@Wingnut @aWeirdo I tried this https://playground.babylonjs.com/#KI8BJH#8 so when I click move up it moves once, I need to
Hi Anes and all helpers. Ya know, I think @adamās and @Necipsā escalator looks pretty good (theyāre both geniuses, ya know?)
Soā¦ I merged their code into your scene, added a (bad Wingnut-codedā¦) direction-adjusting system, and hooked up the GUI buttons.
https://playground.babylonjs.com/#KI8BJH#10
It still needs rotating and size-adjusting, and, to be frank, I have no idea how to do that (to that gorgeous sinusoidal escalator formula of Adamās/Necipās). We might need to rotate entire main model.
Scary stuff, but, damnā¦ these guys are as smart as they come, eh? Math Gods. (sigh, drool, envy, etc). Thanks for the assistance, guys! Well done!
And Anesā¦ you are/were advancing real wellā¦ in your previous playgrounds. I can see your deductive reasoning and brave experimenting at-workā¦ and you are surely headed towards becoming a BJS pro. But this algorithm/formulaā¦ is/was semi-complex, so we should probably TRY to use what the guys have built for us, somehow. You gotta admit, it looks pretty darned nice.
I lead you astray with the moveTo function. We needed a better animator than that, one with an onAnimationEnd callback functionā¦ so you could hide the end-around stair-step during the long-move, and NOT use moveTo for that move. Instead, set its .visibility=0 and then make it JUMP to the other endā¦ with a quick step.position = someVector3. Possibly, a real HIGH SPEED moveTo would work, but still, our moveTo has no onAnimationEndā¦ and we needed thatā¦ for the āhidingā.
There were other logjams, tooā¦ becauseā¦ I was hurrying and hadnāt let smarter people than Iā¦ reply. Sorry about that. And againā¦ you were/are doing a great job with BJS so farā¦ but your project is a ābig gulpāā¦ complexity-wise.
Perhapsā¦ we can beg Adam/Necips/othersā¦ to help us āapply itā to your mostly-disabled main model. (fingers crossed)
@Wingnut @aWeirdo so I will thank @adam and @Necips, so I hide my stair and replae it by step generator here the PG https://playground.babylonjs.com/#KI8BJH#15.
but when I test it using my stair (I devide it into sumeshes in blender), and I want to use the same algo presented by @Necips here the PG https://playground.babylonjs.com/#KI8BJH#16
is looking so big comparing with my stair mesh 
https://playground.babylonjs.com/#KI8BJH#19
I changed your āyā variableā¦ to be named root. You should avoid naming a variable x, y, or zā¦ when swimming in 3d waters. Might be wise to avoid u, v, w, tooā¦ which is same as x,y,z, but for textures.
In lines 34-37ā¦ root needed some fresh scaling, rotation, and positioning. In BJSā¦ parenting is sort-of the same as grouping. Mesh-parentsā¦ pass-along their scaling, rotation, and positionā¦ to their children (group members), which can ADD/SUM their own valuesā¦ to/with the handed-down parent-values.
All in all, we can rotate, scale, position the topmost parent (group), and all the members of the modelā¦ go along. YAY!
Ignore lines 38/39ā¦ Wingnut trying something and failing. I was trying to get the master model toā¦ āreset yourself back to 0,0,0 rotation and position values, and 1,1,1 scaling valuesā. Sort of a ānaturalizeā this mesh at current rotation, position, and scaling, yet donāt visually change ANYTHINGā¦ attempt.
That ābakeā would likely workā¦ butā¦ I think your ārootā nodeā¦ is SOME distance from the top, bottom or centerā¦ of the e-stairs. There is a rather wide space-gap. It can be fixed in JS or modeler, I suspect. Meantime, no baking, yet. Updated to pg#19ā¦ a little ācleanerā PG, but same functionality.
Looks like the sine wave needs a little increase in peak-to-peak AC voltage. A little more audio amplitude (volume) for that tone.
@Wingnut thank u so much dud for ur effort now the escelator works fine (I should remove my stairs and replace them with BJS step meshes and then ajust the position and the rotation to have a nice stair 
).
donāt worry there is only problems Iāll show you my metro station soon (with problems of course )
we learn from you guys, thank you so much again
peace 