# I made a Fortune Telling Card Deck using p5.js

**URL:** <https://discourse.processing.org/t/i-made-a-fortune-telling-card-deck-using-p5-js/26297>\
**Category:** Gallery\
**Created:** [December 16, 2020, 10:31am UTC](https://discourse.processing.org/t/i-made-a-fortune-telling-card-deck-using-p5-js/26297 "2020-12-16T10:31:34Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![colin](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/colin/32/230_2.png) [@colin](https://discourse.processing.org/u/colin)\
**Post date:** [December 16, 2020, 10:31am UTC](https://discourse.processing.org/t/i-made-a-fortune-telling-card-deck-using-p5-js/26297/1 "2020-12-16T10:31:34Z")

</div>

Hi there. I hope everyone is doing well !  
I made this little project during my time in lock down in France.  
I hope some of you will like it. 🙂  
I used p5 right at the start because I wanted to draw each cards with a generative approach. Thanks to that, I was able to play with a few parameters and then generate a whole deck of 30 cards. I also use `noise()` and `noiseSeed()`, to get random value and it turns out pretty handy.  
I’m curious to hear you thoughts if you have any !

> **[Colin's Fortune Telling Cards by Martian's Parlor Entertainment](https://martiansparlor.itch.io/fortune-telling-card-game)**
>
> A multi-use tool for storytelling and probability

---

<div class="post-metadata">

**Author:** ![josephh](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/josephh/32/210_2.png) [@josephh](https://discourse.processing.org/u/josephh)\
**Post date:** [December 16, 2020, 11:27am UTC](https://discourse.processing.org/t/i-made-a-fortune-telling-card-deck-using-p5-js/26297/2 "2020-12-16T11:27:44Z")

</div>

Nice project, love the visuals and the animations! 😉

Are you able to add procedural colors like aquarelle to the cards as the ones in the background? (or you painted them by hand)

---

<div class="post-metadata">

**Author:** ![colin](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/colin/32/230_2.png) [@colin](https://discourse.processing.org/u/colin)\
**Post date:** [December 16, 2020, 11:47am UTC](https://discourse.processing.org/t/i-made-a-fortune-telling-card-deck-using-p5-js/26297/3 "2020-12-16T11:47:29Z")

</div>

Thanks @josephh !  
I had this in mind but I didn’t implemented it yet. For now, I just colorized few of them manually, but doing it via procedural generation could be a great challenge, especially if we want to keep the animations on the cards since it would induce some performance issues (the frame rate is already low).  
My guess is that I would need to use WEBGL to be able to use some shaders, which could  
be quite fun 🤩

---

<div class="post-metadata">

**Author:** ![josephh](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/josephh/32/210_2.png) [@josephh](https://discourse.processing.org/u/josephh)\
**Post date:** [December 16, 2020, 12:01pm UTC](https://discourse.processing.org/t/i-made-a-fortune-telling-card-deck-using-p5-js/26297/4 "2020-12-16T12:01:46Z")

</div>

> [@colin](#):
>
> especially if we want to keep the animations on the cards

Nice, I didn’t think about this one! It could be really cool to also have the colors spread like aquarelle on wet paper to colorize the cards… 😍