# Spider Web Evolution

**URL:** https://discourse.processing.org/t/spider-web-evolution/23451
**Category:** Gallery
**Created:** [August 23, 2020, 9:17pm UTC](https://discourse.processing.org/t/spider-web-evolution/23451 "2020-08-23T21:17:02Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![driangle](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/driangle/32/10404_2.png) [@driangle](https://discourse.processing.org/u/driangle)
#### Post date: [August 23, 2020, 9:17pm UTC](https://discourse.processing.org/t/spider-web-evolution/23451/1 "2020-08-23T21:17:02Z")

</div>

Hello!  
It’s my first time posting here, let me know if there is a better place or category to make these kinds of posts.

I wanted to share a sketch I made that I thought others may enjoy. It’s a sketch that allows the user to play the role of ‘selection’ in a genetic algorithm which generates random shapes (similar to spider webs). When the user chooses the shape they like, the program will “reproduce” the chosen shape with the others, apply random mutations and give you a new set of shapes. There is no purpose to it other than a fun little thing to see what kind of shapes you can get.

I used p5.js with TypeScript.

[https://live.driangle.org/webs](https://live.driangle.org/webs)

Let me know what you think, and if you have feedback or questions

 ![Screen Shot 2020-08-23 at 11.34.11 PM](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/4/49b20135729e2ff0fcce06f25da65d1192221d49.jpeg)

---

<div class="post-metadata">

### Author: ![furinax](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/furinax/32/9699_2.png) [@furinax](https://discourse.processing.org/u/furinax)
#### Post date: [August 24, 2020, 2:47am UTC](https://discourse.processing.org/t/spider-web-evolution/23451/2 "2020-08-24T02:47:46Z")

</div>

Looks pretty cool. I like what you did with the colors. Is the sketch meant to be jittery in real time?

---

<div class="post-metadata">

### Author: ![driangle](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/driangle/32/10404_2.png) [@driangle](https://discourse.processing.org/u/driangle)
#### Post date: [August 24, 2020, 5:49am UTC](https://discourse.processing.org/t/spider-web-evolution/23451/3 "2020-08-24T05:49:30Z")

</div>

Thanks! Yeah I added a little bit of jitter (at random amounts) to give it a little bit of life.  
Did it look like it was unintentional or broken?

---

<div class="post-metadata">

### Author: ![furinax](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/furinax/32/9699_2.png) [@furinax](https://discourse.processing.org/u/furinax)
#### Post date: [August 24, 2020, 6:05am UTC](https://discourse.processing.org/t/spider-web-evolution/23451/4 "2020-08-24T06:05:37Z")

</div>

It was obviously intentional but it looked strange. I would have jittered the color or made it a bit more rhythmic and smooth. Maybe a good future enhancement. 🙂

---

<div class="post-metadata">

### Author: ![yhlaskerimov](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/yhlaskerimov/32/9725_2.png) [@yhlaskerimov](https://discourse.processing.org/u/yhlaskerimov)
#### Post date: [August 24, 2020, 8:15am UTC](https://discourse.processing.org/t/spider-web-evolution/23451/5 "2020-08-24T08:15:13Z")

</div>

Hi, welcome to Forum !

You can share your codes in

- [openprocessing.org](http://openprocessing.org)

- [p5js.org](http://p5js.org)

- sketchpad.cc

If anyone knows more, tag me I will edit my post 🙂 Thanks.
