# Doodles Wall c\[\_\]

**URL:** <https://openrndr.discourse.group/t/doodles-wall-c/51>\
**Category:** Gallery\
**Created:** [March 11, 2020, 9:20am UTC](https://openrndr.discourse.group/t/doodles-wall-c/51 "2020-03-11T09:20:39Z")\
**Posts on this page:** 20\
**Page:** 3

<div class="post-metadata">

**Author:** ![abe](https://yyz2.discourse-cdn.com/free1/user_avatar/openrndr.discourse.group/abe/32/700_2.png) [@abe](https://openrndr.discourse.group/u/abe)\
**Post date:** [July 24, 2020, 6:09am UTC](https://openrndr.discourse.group/t/doodles-wall-c/51/41 "2020-07-24T06:09:32Z")

</div>

Going totally knots with CatmullRom curves

 ![apps2.DeleteIntersections-2020-07-23-22.49.52](https://global.discourse-cdn.com/free1/uploads/openrndr/original/1X/0794f1cacc28b46f9d030cb706a20d2dabe15441.png)

There is some imprecision in my hacky algorithm. Sometimes the cuts are not perfectly centered around the crossing lines.

---

<div class="post-metadata">

**Author:** ![ricardo](https://yyz2.discourse-cdn.com/free1/user_avatar/openrndr.discourse.group/ricardo/32/8_2.png) [@ricardo](https://openrndr.discourse.group/u/ricardo)\
**Post date:** [July 24, 2020, 7:06am UTC](https://openrndr.discourse.group/t/doodles-wall-c/51/42 "2020-07-24T07:06:52Z")

</div>

@abe cool knots!

Here’s something I’ve been playing around with:

https://player.vimeo.com/video/441242473

---

<div class="post-metadata">

**Author:** ![abe](https://yyz2.discourse-cdn.com/free1/user_avatar/openrndr.discourse.group/abe/32/700_2.png) [@abe](https://openrndr.discourse.group/u/abe)\
**Post date:** [August 2, 2020, 8:49am UTC](https://openrndr.discourse.group/t/doodles-wall-c/51/43 "2020-08-02T08:49:00Z")

</div>

Nice approach to see two layers at the same time. Are you painting with the mouse? Do you use a MIDI controller?

I now wonder if there’s anything for reading graphic tablet pressure and tilt… there was a library called Tablet for Processing, but the link is now 404. I see in my folder that it uses the [jpen](https://github.com/nicarran/jpen) java library.

This weeks image: one from June simulating tree shadows. Vignetting and camera simulation via [G’MIC](https://gmic.eu/):

 ![apps.Subdivide-2020-06-12-23.33.32-edit](https://global.discourse-cdn.com/free1/uploads/openrndr/original/1X/ac48284274013eeacc0de48fd0535030027576d9.jpeg)

Any recent experiments @axel @Yann @kazik @ricardo @edwin ? 🙂

---

<div class="post-metadata">

**Author:** ![Yann](https://avatars.discourse-cdn.com/v4/letter/y/bc79bd/32.png) [@Yann](https://openrndr.discourse.group/u/Yann)\
**Post date:** [August 2, 2020, 5:44pm UTC](https://openrndr.discourse.group/t/doodles-wall-c/51/44 "2020-08-02T17:44:26Z")

</div>

Here is one that received more attention than I expected on instagram:

> **[@ylegall](https://www.instagram.com/p/CDIlNFAhn2P)**

---

<div class="post-metadata">

**Author:** ![abe](https://yyz2.discourse-cdn.com/free1/user_avatar/openrndr.discourse.group/abe/32/700_2.png) [@abe](https://openrndr.discourse.group/u/abe)\
**Post date:** [August 4, 2020, 2:11pm UTC](https://openrndr.discourse.group/t/doodles-wall-c/51/45 "2020-08-04T14:11:15Z")

</div>

Looks very nice!! Is the original animated? Instagram no longer shows anything for me without creating an account ☹

---

<div class="post-metadata">

**Author:** ![Yann](https://avatars.discourse-cdn.com/v4/letter/y/bc79bd/32.png) [@Yann](https://openrndr.discourse.group/u/Yann)\
**Post date:** [August 4, 2020, 7:02pm UTC](https://openrndr.discourse.group/t/doodles-wall-c/51/46 "2020-08-04T19:02:06Z")

</div>

@abe thanks! yes it is animated. you might be able to bypass instagram’s restrictions if you right-click on the post and open in a new tab. this has worked for me in the past, but not sure if things have changed.

edit: it looks like it may not work ☹  
@abe any recommended platforms for sharing animations publicly? imgur?

imgur link: [https://imgur.com/gallery/cX4Z2ko](https://imgur.com/gallery/cX4Z2ko)

---

<div class="post-metadata">

**Author:** ![Yann](https://avatars.discourse-cdn.com/v4/letter/y/bc79bd/32.png) [@Yann](https://openrndr.discourse.group/u/Yann)\
**Post date:** [August 4, 2020, 7:08pm UTC](https://openrndr.discourse.group/t/doodles-wall-c/51/47 "2020-08-04T19:08:18Z")

</div>



---

<div class="post-metadata">

**Author:** ![ricardo](https://yyz2.discourse-cdn.com/free1/user_avatar/openrndr.discourse.group/ricardo/32/8_2.png) [@ricardo](https://openrndr.discourse.group/u/ricardo)\
**Post date:** [August 5, 2020, 8:57am UTC](https://openrndr.discourse.group/t/doodles-wall-c/51/48 "2020-08-05T08:57:03Z")

</div>

@abe just using the mouse

@Yann wicked!

---

<div class="post-metadata">

**Author:** ![Yann](https://avatars.discourse-cdn.com/v4/letter/y/bc79bd/32.png) [@Yann](https://openrndr.discourse.group/u/Yann)\
**Post date:** [August 7, 2020, 11:42pm UTC](https://openrndr.discourse.group/t/doodles-wall-c/51/49 "2020-08-07T23:42:04Z")

</div>

particles with noise flowing outward

---

<div class="post-metadata">

**Author:** ![edwin](https://avatars.discourse-cdn.com/v4/letter/e/73ab20/32.png) [@edwin](https://openrndr.discourse.group/u/edwin)\
**Post date:** [August 13, 2020, 7:28pm UTC](https://openrndr.discourse.group/t/doodles-wall-c/51/50 "2020-08-13T19:28:41Z")

</div>

> <https://twitter.com/voorbeeld/status/1293466387990675464>

Gist with code:

> <https://gist.github.com/edwinRNDR/afc6470c9a8def2882879ce218248126>

---

<div class="post-metadata">

**Author:** ![abe](https://yyz2.discourse-cdn.com/free1/user_avatar/openrndr.discourse.group/abe/32/700_2.png) [@abe](https://openrndr.discourse.group/u/abe)\
**Post date:** [August 14, 2020, 9:31am UTC](https://openrndr.discourse.group/t/doodles-wall-c/51/51 "2020-08-14T09:31:04Z")

</div>

I find it interesting that the video in twitter seems to show some kind of “rendering phase”. It looks like in Blender when the image is first very noise, and the noise is slowly replaced by the rendered image. Why does that happen in your program? Is the shader being applied multiple times approximating the right solution?

---

<div class="post-metadata">

**Author:** ![edwin](https://avatars.discourse-cdn.com/v4/letter/e/73ab20/32.png) [@edwin](https://openrndr.discourse.group/u/edwin)\
**Post date:** [August 14, 2020, 10:37am UTC](https://openrndr.discourse.group/t/doodles-wall-c/51/52 "2020-08-14T10:37:42Z")

</div>

You can see some sort of render phase because `FractalFilter02` takes multiple iterations to find the nearest distance to the curve.

Note that the filter uses multiple outputs (which I think is not incredibly common use) by using

```auto
layout(location=0) out vec4 o_color;
layout(location=1) out vec4 o_solution;

```

in `o_color` the filter stores colors, the ones we eventually see on the screen and in `o_solution` (which is assumed to be backed by a high precision floating point target) it stores the minimum distance and corresponding _t_ value.

The value that is written into `o_solution` is read through a texture lookup such that the search can continue from the previously best known solution. You will see some tricks where we also use the best known solutions for neighboring pixels.

---

<div class="post-metadata">

**Author:** ![Yann](https://avatars.discourse-cdn.com/v4/letter/y/bc79bd/32.png) [@Yann](https://openrndr.discourse.group/u/Yann)\
**Post date:** [August 17, 2020, 3:47pm UTC](https://openrndr.discourse.group/t/doodles-wall-c/51/53 "2020-08-17T15:47:52Z")

</div>

“Rolling marble”  
This one first computes some closely packed circles  
The rest is fragment shaders for warping & distortion

also on reddit: [https://www.reddit.com/r/generative/comments/ibggiw/rolling\_marble/](https://www.reddit.com/r/generative/comments/ibggiw/rolling_marble/)

---

<div class="post-metadata">

**Author:** ![abe](https://yyz2.discourse-cdn.com/free1/user_avatar/openrndr.discourse.group/abe/32/700_2.png) [@abe](https://openrndr.discourse.group/u/abe)\
**Post date:** [August 18, 2020, 4:25pm UTC](https://openrndr.discourse.group/t/doodles-wall-c/51/54 "2020-08-18T16:25:56Z")

</div>

Very nice 🙂 As a kid I enjoyed drawing shiny metal spheres with pencil in school when the class was boring, so this has some sentimental value for me 😉

---

<div class="post-metadata">

**Author:** ![abe](https://yyz2.discourse-cdn.com/free1/user_avatar/openrndr.discourse.group/abe/32/700_2.png) [@abe](https://openrndr.discourse.group/u/abe)\
**Post date:** [August 21, 2020, 3:24pm UTC](https://openrndr.discourse.group/t/doodles-wall-c/51/55 "2020-08-21T15:24:23Z")

</div>

This started as a pentagon. Points are inserted between existing points when clicking the mouse. Forces are applied to: separate points if too close, bring them together if too separated, avoid sharp angles, vertical wind centered on the screen plus noise based wind.

 ![apps2.PointSeparation-2020-08-21-17.11.26](https://global.discourse-cdn.com/free1/uploads/openrndr/original/1X/951b59533315e8d8526eec7761975456b0fc9e3e.png)

---

<div class="post-metadata">

**Author:** ![edwin](https://avatars.discourse-cdn.com/v4/letter/e/73ab20/32.png) [@edwin](https://openrndr.discourse.group/u/edwin)\
**Post date:** [August 23, 2020, 9:43am UTC](https://openrndr.discourse.group/t/doodles-wall-c/51/56 "2020-08-23T09:43:23Z")

</div>

I started from an idea for mixing the idea of Adobe’s color wheel (which is based on a remapping of HSV and implemented in OPENRNDR as `ColorXSVa`) and those of the HSLUV color space. That mashup colorspace `ColorXSLUVa` is part of the upcoming release of ORX, which will include new color tools in `orx-colors` .

To demonstrate `ColorXSLUVa` I made a demo that produces this arc based chart:

 ![](https://global.discourse-cdn.com/free1/uploads/openrndr/original/1X/6d8a23965f7be92b5acdd1887952ff3b9f2ccbdd.png)

`ColorXSLUVa` stretches the hue space such that red-green / blue-yellow line up, as in classical western color theory.

Code for that chart is here: [https://github.com/openrndr/orx/blob/master/orx-color/src/demo/kotlin/DemoXSLUV01.kt](https://github.com/openrndr/orx/blob/master/orx-color/src/demo/kotlin/DemoXSLUV01.kt)

Then based on that chart and the new color space I started making compositions like these by messing with the splitter code.

 ![Arcs07-2020-08-23-11.20.43](https://global.discourse-cdn.com/free1/uploads/openrndr/original/1X/233ad9afb85ea8f6ddf2a5e0a8f2c76c50c7c2e6.jpeg)

---

<div class="post-metadata">

**Author:** ![Yann](https://avatars.discourse-cdn.com/v4/letter/y/bc79bd/32.png) [@Yann](https://openrndr.discourse.group/u/Yann)\
**Post date:** [August 26, 2020, 10:31pm UTC](https://openrndr.discourse.group/t/doodles-wall-c/51/57 "2020-08-26T22:31:27Z")

</div>

love it!  
@abe this is differential growth yes?  
I have been working on a version of this algorithm as well.

---

<div class="post-metadata">

**Author:** ![abe](https://yyz2.discourse-cdn.com/free1/user_avatar/openrndr.discourse.group/abe/32/700_2.png) [@abe](https://openrndr.discourse.group/u/abe)\
**Post date:** [August 27, 2020, 8:22am UTC](https://openrndr.discourse.group/t/doodles-wall-c/51/58 "2020-08-27T08:22:51Z")

</div>

🙂

Based on what I just read at [https://github.com/jasonwebb/morphogenesis-resources#differential-growth](https://github.com/jasonwebb/morphogenesis-resources#differential-growth) I would say it’s differential growth inspired, as my rules are not the same. I saw this kind of image from Nervous Systems years ago and tried to do something similar without reading about the algorithm, originally with Processing, and now I ported it to OPENRNDR.

https://player.vimeo.com/video/452126312

---

<div class="post-metadata">

**Author:** ![axel](https://yyz2.discourse-cdn.com/free1/user_avatar/openrndr.discourse.group/axel/32/146_2.png) [@axel](https://openrndr.discourse.group/u/axel)\
**Post date:** [August 30, 2020, 10:03am UTC](https://openrndr.discourse.group/t/doodles-wall-c/51/59 "2020-08-30T10:03:05Z")

</div>

Very simple, but fun effect:

 ![Stripetest6_20200827_145313](https://global.discourse-cdn.com/free1/uploads/openrndr/original/1X/9587139ac6b10805dbd60463349d02cfc8369595.jpeg)  
 ![Stripetest6_20200827_145434](https://global.discourse-cdn.com/free1/uploads/openrndr/original/1X/4335c46f5632d4d709c926dc0650bf829d552089.jpeg)  
[created in response to #generativehut’s Moiré week on [Instagram](https://www.instagram.com/explore/tags/generativehut/)]

---

<div class="post-metadata">

**Author:** ![Yann](https://avatars.discourse-cdn.com/v4/letter/y/bc79bd/32.png) [@Yann](https://openrndr.discourse.group/u/Yann)\
**Post date:** [August 30, 2020, 6:43pm UTC](https://openrndr.discourse.group/t/doodles-wall-c/51/60 "2020-08-30T18:43:17Z")

</div>

lots of sine() waves layered together. Inspired by [Piter Pasma](https://www.instagram.com/piterpasma/?hl=en)

[Previous page](https://openrndr.discourse.group/t/doodles-wall-c/51.md?page=2)

[Next page](https://openrndr.discourse.group/t/doodles-wall-c/51.md?page=4)
