# P5.js Text along a curve

**URL:** <https://discourse.processing.org/t/p5-js-text-along-a-curve/25002>\
**Category:** Beginners\
**Created:** [October 29, 2020, 8:38am UTC](https://discourse.processing.org/t/p5-js-text-along-a-curve/25002 "2020-10-29T08:38:02Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![ucsduni](https://avatars.discourse-cdn.com/v4/letter/u/bb73d2/32.png) [@ucsduni](https://discourse.processing.org/u/ucsduni)\
**Post date:** [October 29, 2020, 8:38am UTC](https://discourse.processing.org/t/p5-js-text-along-a-curve/25002/1 "2020-10-29T08:38:02Z")

</div>

I was wondering how I can turn a string into something that allows for text to be displayed along a curve.

---

<div class="post-metadata">

**Author:** ![noel](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/noel/32/213_2.png) [@noel](https://discourse.processing.org/u/noel)\
**Post date:** [October 30, 2020, 12:01am UTC](https://discourse.processing.org/t/p5-js-text-along-a-curve/25002/2 "2020-10-30T00:01:28Z")

</div>

Hi @ucsduni  
Welcome to the forum.  
Have a look at the bottom of [this tutorial](https://processing.org/tutorials/text/) page.  
It’s in Java but can be easily translated into P5.js

---

<div class="post-metadata">

**Author:** ![ucsduni](https://avatars.discourse-cdn.com/v4/letter/u/bb73d2/32.png) [@ucsduni](https://discourse.processing.org/u/ucsduni)\
**Post date:** [October 30, 2020, 6:52am UTC](https://discourse.processing.org/t/p5-js-text-along-a-curve/25002/3 "2020-10-30T06:52:03Z")

</div>

Thank you! How exactly would I turn the Java to p5.js?

---

<div class="post-metadata">

**Author:** ![noel](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/noel/32/213_2.png) [@noel](https://discourse.processing.org/u/noel)\
**Post date:** [October 30, 2020, 6:59am UTC](https://discourse.processing.org/t/p5-js-text-along-a-curve/25002/4 "2020-10-30T06:59:11Z")

</div>

Maybe these links can help. The drawing functions are almost the same.

> **[processing/p5.js](https://github.com/processing/p5.js/wiki/Processing-transition)**
>
> p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Proces...

  

> **[Processing \> P5.js](http://faculty.purchase.edu/joseph.mckay/p5jsconverter.html)**