# How to implement path deformation in babylonjs

**URL:** <https://forum.babylonjs.com/t/how-to-implement-path-deformation-in-babylonjs/138>\
**Category:** Questions\
**Created:** [December 10, 2018, 11:33pm UTC](https://forum.babylonjs.com/t/how-to-implement-path-deformation-in-babylonjs/138 "2018-12-10T23:33:26Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![dataangel](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/dataangel/32/82_2.png) [@dataangel](https://forum.babylonjs.com/u/dataangel)\
**Post date:** [December 10, 2018, 11:33pm UTC](https://forum.babylonjs.com/t/how-to-implement-path-deformation-in-babylonjs/138/1 "2018-12-10T23:33:26Z")

</div>

[https://www.babylonjs-playground.com/#RF9W9#555](https://www.babylonjs-playground.com/#RF9W9#555)  
How to draw

 ![QQ%E5%9B%BE%E7%89%8720181211002119](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/1X/f186d70d1180cef52c1d4e6b598844bfdf8e5385.png)

---

<div class="post-metadata">

**Author:** ![Deltakosh](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/deltakosh/32/26635_2.png) [@Deltakosh](https://forum.babylonjs.com/u/Deltakosh)\
**Post date:** [December 10, 2018, 11:35pm UTC](https://forum.babylonjs.com/t/how-to-implement-path-deformation-in-babylonjs/138/2 "2018-12-10T23:35:08Z")

</div>

Hello can you be more precise? Is that a bjs question or a 3dsmax question?

---

<div class="post-metadata">

**Author:** ![dataangel](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/dataangel/32/82_2.png) [@dataangel](https://forum.babylonjs.com/u/dataangel)\
**Post date:** [December 11, 2018, 2:08am UTC](https://forum.babylonjs.com/t/how-to-implement-path-deformation-in-babylonjs/138/3 "2018-12-11T02:08:56Z")

</div>

![GUID-D91868A3-4A84-4951-9C0A-D49E324BB581](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/1X/a673f6b0d99cff5fa94bfb25b65d0a9d2387e684.png)

---

<div class="post-metadata">

**Author:** ![dataangel](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/dataangel/32/82_2.png) [@dataangel](https://forum.babylonjs.com/u/dataangel)\
**Post date:** [December 11, 2018, 6:17am UTC](https://forum.babylonjs.com/t/how-to-implement-path-deformation-in-babylonjs/138/4 "2018-12-11T06:17:19Z")

</div>

![01452212](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/1X/3bf6baf94db9f8a0381eef58d52f0512b8b61678.jpeg)

---

<div class="post-metadata">

**Author:** ![Vinc3r](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/vinc3r/32/25340_2.png) [@Vinc3r](https://forum.babylonjs.com/u/Vinc3r)\
**Post date:** [December 11, 2018, 8:33am UTC](https://forum.babylonjs.com/t/how-to-implement-path-deformation-in-babylonjs/138/5 "2018-12-11T08:33:28Z")

</div>

That’s not precisions.

And a 3D modeler isn’t a 3D Realtime engine, and so, needs and abilities obviously aren’t the same.

---

<div class="post-metadata">

**Author:** ![dataangel](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/dataangel/32/82_2.png) [@dataangel](https://forum.babylonjs.com/u/dataangel)\
**Post date:** [December 11, 2018, 9:09am UTC](https://forum.babylonjs.com/t/how-to-implement-path-deformation-in-babylonjs/138/6 "2018-12-11T09:09:50Z")

</div>

Should be able to do it,Maybe we need to do something

---

<div class="post-metadata">

**Author:** ![Vinc3r](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/vinc3r/32/25340_2.png) [@Vinc3r](https://forum.babylonjs.com/u/Vinc3r)\
**Post date:** [December 11, 2018, 11:03am UTC](https://forum.babylonjs.com/t/how-to-implement-path-deformation-in-babylonjs/138/7 "2018-12-11T11:03:00Z")

</div>

Yep but what exactly do you talk about? Is using [mesh morphing](https://doc.babylonjs.com/how_to/how_to_dynamically_morph_a_mesh) not enough in your case?

---

<div class="post-metadata">

**Author:** ![Dad72](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/dad72/32/13_2.png) [@Dad72](https://forum.babylonjs.com/u/Dad72)\
**Post date:** [December 11, 2018, 11:40am UTC](https://forum.babylonjs.com/t/how-to-implement-path-deformation-in-babylonjs/138/8 "2018-12-11T11:40:29Z")

</div>

I do not really understand what it’s all about, I see pretty pictures, but whate is the question, the problem … Without written explanation, we can not guess the problem. It’s like an explanation in sign language for me. I do not see any problem on the images.

---

<div class="post-metadata">

**Author:** ![Deltakosh](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/deltakosh/32/26635_2.png) [@Deltakosh](https://forum.babylonjs.com/u/Deltakosh)\
**Post date:** [December 11, 2018, 2:37pm UTC](https://forum.babylonjs.com/t/how-to-implement-path-deformation-in-babylonjs/138/9 "2018-12-11T14:37:22Z")

</div>

Agree. Can you precisely state what do you need?  
We support mesh blending and morph targets that could help but we need to understand what you are looking for

---

<div class="post-metadata">

**Author:** ![dataangel](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/dataangel/32/82_2.png) [@dataangel](https://forum.babylonjs.com/u/dataangel)\
**Post date:** [December 11, 2018, 2:49pm UTC](https://forum.babylonjs.com/t/how-to-implement-path-deformation-in-babylonjs/138/10 "2018-12-11T14:49:16Z")

</div>

I want to use BabylonJS to achieve

---

<div class="post-metadata">

**Author:** ![Wingnut](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/wingnut/32/53_2.png) [@Wingnut](https://forum.babylonjs.com/u/Wingnut)\
**Post date:** [December 11, 2018, 3:15pm UTC](https://forum.babylonjs.com/t/how-to-implement-path-deformation-in-babylonjs/138/11 "2018-12-11T15:15:38Z")

</div>

Hi DataAngel, welcome to the new BabylonJS forum!

Perhaps the rollercoaster demo? [https://www.babylonjs-playground.com/#1HH4OJ#18](https://www.babylonjs-playground.com/#1HH4OJ#18) That’s a path-bender.  
🙂

Here’s a simpler version, but there are some mesh wiggles and spins at two points along the path. [https://www.babylonjs-playground.com/#92EYG#30](https://www.babylonjs-playground.com/#92EYG#30)

I love path-traveling animation, especially for camera paths, but I am no expert.

---

<div class="post-metadata">

**Author:** ![Dad72](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/dad72/32/13_2.png) [@Dad72](https://forum.babylonjs.com/u/Dad72)\
**Post date:** [December 11, 2018, 3:58pm UTC](https://forum.babylonjs.com/t/how-to-implement-path-deformation-in-babylonjs/138/12 "2018-12-11T15:58:56Z")

</div>

You want to use babylon to achieve[???]. Ok, but I do not know what you want to achieve. Your sentence is not complete.

Ah, ok, maybe it’s a game or you have to guess the missing word. 😛. I’m not very good at guessing.

---

<div class="post-metadata">

**Author:** ![dataangel](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/dataangel/32/82_2.png) [@dataangel](https://forum.babylonjs.com/u/dataangel)\
**Post date:** [December 11, 2018, 4:21pm UTC](https://forum.babylonjs.com/t/how-to-implement-path-deformation-in-babylonjs/138/13 "2018-12-11T16:21:32Z")

</div>

This is what I want to do. Loading model and BabylonJS to achieve a path deformation.

---

<div class="post-metadata">

**Author:** ![JohnK](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/johnk/32/26764_2.png) [@JohnK](https://forum.babylonjs.com/u/JohnK)\
**Post date:** [December 12, 2018, 12:37am UTC](https://forum.babylonjs.com/t/how-to-implement-path-deformation-in-babylonjs/138/14 "2018-12-12T00:37:45Z")

</div>

Sorry but no one, including me, seems to understand what you mean by path deformation.

This is one case where a picture is NOT worth a thousand words.

What is being deformed a path or a mesh along a path or are you trying to write letters along a path or to get a path to follow the contours of a 3D map?

---

<div class="post-metadata">

**Author:** ![Dad72](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/dad72/32/13_2.png) [@Dad72](https://forum.babylonjs.com/u/Dad72)\
**Post date:** [December 12, 2018, 1:01am UTC](https://forum.babylonjs.com/t/how-to-implement-path-deformation-in-babylonjs/138/15 "2018-12-12T01:01:23Z")

</div>

Yes, I do not understand too. Try to be clearer, you would not pay less expensive to write the shortest possible sentence.This seems difficult what you explain so more detail of what you want to achieve, easier it helps that one. Do not hesitate to make a big post with plenty of explanation.

If English is not your forte, write in your language, then make a translation with google and post it here. That’s what I do and generally I make myself understood

---

<div class="post-metadata">

**Author:** ![Deltakosh](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/deltakosh/32/26635_2.png) [@Deltakosh](https://forum.babylonjs.com/u/Deltakosh)\
**Post date:** [December 12, 2018, 1:14am UTC](https://forum.babylonjs.com/t/how-to-implement-path-deformation-in-babylonjs/138/16 "2018-12-12T01:14:56Z")

</div>

Or if english is not your native language (like me:)) try with your own language and we will end up finding someone who can translate

---

<div class="post-metadata">

**Author:** ![Vinc3r](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/vinc3r/32/25340_2.png) [@Vinc3r](https://forum.babylonjs.com/u/Vinc3r)\
**Post date:** [December 12, 2018, 5:45pm UTC](https://forum.babylonjs.com/t/how-to-implement-path-deformation-in-babylonjs/138/17 "2018-12-12T17:45:06Z")

</div>

Everyone knows Google Translate, but I suggest DeepL which often make very great translations : [DeepL Translator](https://www.deepl.com/translator)

Anyway, we just need one thing: describe us your needs through an use case. Examples:

- I have a text and want animate it from path starting point to path ending point
- I want to move a cube along a path
- etc

---

<div class="post-metadata">

**Author:** ![dataangel](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/dataangel/32/82_2.png) [@dataangel](https://forum.babylonjs.com/u/dataangel)\
**Post date:** [December 13, 2018, 5:37pm UTC](https://forum.babylonjs.com/t/how-to-implement-path-deformation-in-babylonjs/138/18 "2018-12-13T17:37:24Z")

</div>

是这样子的  
第一张图是根据路径行进并且变形  
第二张图是文字根据路径变形  
第三张图载入模型变形

这3张图都是我想实现的效果

最后谢谢大家对我的耐心

---

<div class="post-metadata">

**Author:** ![Deltakosh](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/deltakosh/32/26635_2.png) [@Deltakosh](https://forum.babylonjs.com/u/Deltakosh)\
**Post date:** [December 13, 2018, 11:10pm UTC](https://forum.babylonjs.com/t/how-to-implement-path-deformation-in-babylonjs/138/19 "2018-12-13T23:10:40Z")

</div>

@bghgary helped with the translation:

是这样子的  
(What I mean is)

第一张图是根据路径行进并且变形  
(The first picture is following a path to deform) [I think he wants the path to stick on to the terrain]

第二张图是文字根据路径变形  
(The second picture is following the text path to deform)

第三张图载入模型变形  
(The third picture is follow model to deform)

这3张图都是我想实现的效果  
(These 3 pictures are the effects I want to achieve)

最后谢谢大家对我的耐心  
(Thanks everyone for being patient with me)

---

<div class="post-metadata">

**Author:** ![Deltakosh](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/deltakosh/32/26635_2.png) [@Deltakosh](https://forum.babylonjs.com/u/Deltakosh)\
**Post date:** [December 13, 2018, 11:14pm UTC](https://forum.babylonjs.com/t/how-to-implement-path-deformation-in-babylonjs/138/20 "2018-12-13T23:14:58Z")

</div>

So no worry:) I can understand being lost in translation 🙂

So we do not technically support dynamic deformation but let me ping @trevorDev to see if Ammo support soft body perhaps?

[Next page](https://forum.babylonjs.com/t/how-to-implement-path-deformation-in-babylonjs/138.md?page=2)
