# Phaser 3 - Cubic Bezier easing

**URL:** <https://phaser.discourse.group/t/phaser-3-cubic-bezier-easing/6144>\
**Category:** Examples\
**Created:** [April 30, 2020, 2:19pm UTC](https://phaser.discourse.group/t/phaser-3-cubic-bezier-easing/6144 "2020-04-30T14:19:17Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![snowbillr](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/snowbillr/32/332_2.png) [@snowbillr](https://phaser.discourse.group/u/snowbillr)\
**Post date:** [April 30, 2020, 2:19pm UTC](https://phaser.discourse.group/t/phaser-3-cubic-bezier-easing/6144/1 "2020-04-30T14:19:17Z")

</div>

![phaser-tween](https://global.discourse-cdn.com/free1/uploads/phaser1/original/2X/5/5f6d13058ecfab0130b7b9cf4c2009a760fcf11c.gif)

https://codepen.io/snowbillr/embed/preview/gOaxJJN?height=300&slug-hash=gOaxJJN&default-tabs=js,result&host=https://codepen.io

This uses a [custom cubic-bezier curve](https://cubic-bezier.com/#.15,.85,.85,.15) for the tween’s easing function. It uses [https://github.com/gre/bezier-easing](https://github.com/gre/bezier-easing) to generate the easing function.

Thanks to samme for the phaser 3 template on codepen.

---

<div class="post-metadata">

**Author:** ![Mr-Saba](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/mr-saba/32/6687_2.png) [@Mr-Saba](https://phaser.discourse.group/u/Mr-Saba)\
**Post date:** [April 4, 2023, 9:31am UTC](https://phaser.discourse.group/t/phaser-3-cubic-bezier-easing/6144/2 "2023-04-04T09:31:59Z")

</div>

isn’t it available now? 🥲

---

<div class="post-metadata">

**Author:** ![samme](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/samme/32/5275_2.png) [@samme](https://phaser.discourse.group/u/samme)\
**Post date:** [August 23, 2023, 12:24am UTC](https://phaser.discourse.group/t/phaser-3-cubic-bezier-easing/6144/3 "2023-08-23T00:24:53Z")

</div>

https://codepen.io/samme/embed/preview/WNLNJBE?default-tabs=js%2Cresult&height=300&host=https%3A%2F%2Fcodepen.io&slug-hash=WNLNJBE

[Phaser.Math.Interpolation.CubicBezier()](https://newdocs.phaser.io/docs/3.60.0/focus/Phaser.Math.Interpolation.CubicBezier)
