# 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:** 8

<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:** [December 5, 2022, 1:17pm UTC](https://openrndr.discourse.group/t/doodles-wall-c/51/142 "2022-12-05T13:17:30Z")

</div>

Wow that was fast! 🙂 Nice! Was it hard to do? Do you think it’s also possible to implement as contours? Then it wouldn’t blur.

Why do you think there’s not black space between the first two images, as there is in  
 ![image](https://global.discourse-cdn.com/free1/uploads/openrndr/original/1X/07a396dd77f710839e98d7a8e45aaed984279371.png)  
?

---

<div class="post-metadata">

**Author:** ![Alessandro](https://yyz2.discourse-cdn.com/free1/user_avatar/openrndr.discourse.group/alessandro/32/412_2.png) [@Alessandro](https://openrndr.discourse.group/u/Alessandro)\
**Post date:** [December 5, 2022, 5:04pm UTC](https://openrndr.discourse.group/t/doodles-wall-c/51/143 "2022-12-05T17:04:58Z")

</div>

> [@abe](#):
>
> Wow that was fast! 🙂 Nice!

Thanks, it was fast indeed. 😅

> [@abe](#):
>
> Was it hard to do? Do you think it’s also possible to implement as contours? Then it wouldn’t blur.

It was not too hard to implement, I guess at the beginning the only confusing part might be the advection, but overall it is not that difficult.  
I think it’s possible to implement it using shapes and contours, but that wouldn’t be a GPU implementation… (unless I’m missing something from the use of contours). But I’ll try, it seems a fun little project, maybe one could plot the results.

> [@abe](#):
>
> Why do you think there’s not black space between the first two images, as there is in  
> ![image](https://global.discourse-cdn.com/free1/uploads/openrndr/original/1X/07a396dd77f710839e98d7a8e45aaed984279371.png)  
> ?

I think it might be due to either the ODE integrator I’m using, or to the fact that the deformation field seems to be sensitive to the resolution, but I’m not sure.  
Nevertheless, and with no big surprise, after a little while I started playing with the original algorithm in multiple ways until I got these

 ![shot2](https://global.discourse-cdn.com/free1/uploads/openrndr/original/1X/85cf6448d5852d940dd41207772ffa85ba124f56.jpeg)

 ![shot1](https://global.discourse-cdn.com/free1/uploads/openrndr/original/1X/bbba64355d995423224efcd093a6a0505e8a88f4.jpeg)

 ![shot3](https://global.discourse-cdn.com/free1/uploads/openrndr/original/1X/f7bee276225219ac175d76db8c373ceccc158cf0.jpeg)

which are more in my aesthetical realm. Maybe I’ll show the real-time version at the next meetup if there’s a need to fill a spot. 🙂

---

<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:** [December 5, 2022, 5:24pm UTC](https://openrndr.discourse.group/t/doodles-wall-c/51/144 "2022-12-05T17:24:58Z")

</div>

I really like how it looks like! 😍

---

<div class="post-metadata">

**Author:** ![Alessandro](https://yyz2.discourse-cdn.com/free1/user_avatar/openrndr.discourse.group/alessandro/32/412_2.png) [@Alessandro](https://openrndr.discourse.group/u/Alessandro)\
**Post date:** [December 26, 2022, 11:41am UTC](https://openrndr.discourse.group/t/doodles-wall-c/51/145 "2022-12-26T11:41:51Z")

</div>

Spent some time in the morning looking at high-order functions in kotlin to implement a numerical approximation to the gradient of an arbitrary scalar function on the plane, and I decided to test it with 2d simplex noise 🙂

 ![simplex1](https://global.discourse-cdn.com/free1/uploads/openrndr/original/1X/c23529a01b33db58a2a86179267ccf95dc6a341e.jpeg)

---

<div class="post-metadata">

**Author:** ![Alessandro](https://yyz2.discourse-cdn.com/free1/user_avatar/openrndr.discourse.group/alessandro/32/412_2.png) [@Alessandro](https://openrndr.discourse.group/u/Alessandro)\
**Post date:** [December 28, 2022, 1:58pm UTC](https://openrndr.discourse.group/t/doodles-wall-c/51/146 "2022-12-28T13:58:52Z")

</div>

A little something concerning self-organizing structures which I am prototyping

https://player.vimeo.com/video/784767491?h=ee773d00fb&app_id=122963

I am always fascinated by the inception of projects, with their presentation which is essential though fully containing the “idea”. A minimalism which often gets washed down when I start adding all the bells and whistles…

---

<div class="post-metadata">

**Author:** ![Alessandro](https://yyz2.discourse-cdn.com/free1/user_avatar/openrndr.discourse.group/alessandro/32/412_2.png) [@Alessandro](https://openrndr.discourse.group/u/Alessandro)\
**Post date:** [January 14, 2023, 11:40am UTC](https://openrndr.discourse.group/t/doodles-wall-c/51/147 "2023-01-14T11:40:24Z")

</div>

While implementing some quad trees to better play with interactive systems, I decided to give it a test with a flocking system 🙂

https://player.vimeo.com/video/789250162?h=bd44cbfd7b&app_id=122963

---

<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:** [January 26, 2023, 6:07pm UTC](https://openrndr.discourse.group/t/doodles-wall-c/51/148 "2023-01-26T18:07:08Z")

</div>

Looks great! I like the curves that appear 🙂 I wonder how it would look if it was fading to background color, so it doesn’t become flat white. Did you try something like that?

Here something I found tricky to do (a [Caternary](https://en.wikipedia.org/wiki/Catenary)):

 ![apps2023.HangingCable-2023-01-26-19.00.27](https://global.discourse-cdn.com/free1/uploads/openrndr/original/1X/d9e4f746024f3d3c4f6b1e9f6891a499f15f7abe.jpeg)

---

<div class="post-metadata">

**Author:** ![Alessandro](https://yyz2.discourse-cdn.com/free1/user_avatar/openrndr.discourse.group/alessandro/32/412_2.png) [@Alessandro](https://openrndr.discourse.group/u/Alessandro)\
**Post date:** [January 28, 2023, 11:39am UTC](https://openrndr.discourse.group/t/doodles-wall-c/51/149 "2023-01-28T11:39:15Z")

</div>

> [@abe](#):
>
> Looks great! I like the curves that appear 🙂 I wonder how it would look if it was fading to background color, so it doesn’t become flat white. Did you try something like that?

Thanks! I had tried at the time, but there was a strange artifact, like a leftover grayish color on the canvas. Since you brought the fading up again, I gave it a second thought and circumvented the problem (admittedly in a hackish way). The result looks like this

[![](https://i.vimeocdn.com/video/1597776744-a1a6b747099ae4c5e1ea6c1af33cf7f5c577d0c2adcce96c59f9d40c2119044f-d?f=webp "Faded") ](https://vimeo.com/793616639)

UPDATE: I figured out that the issue is related to the precision I had used for the color buffer, using `ColorType.FLOAT32` as type solves it.

> [@abe](#):
>
> Here something I found tricky to do (a [Caternary](https://en.wikipedia.org/wiki/Catenary))

Very nice! Catenaries were kind of a nightmare in my physics exams as an undergrad 😅

---

<div class="post-metadata">

**Author:** ![Alessandro](https://yyz2.discourse-cdn.com/free1/user_avatar/openrndr.discourse.group/alessandro/32/412_2.png) [@Alessandro](https://openrndr.discourse.group/u/Alessandro)\
**Post date:** [January 30, 2023, 9:38pm UTC](https://openrndr.discourse.group/t/doodles-wall-c/51/150 "2023-01-30T21:38:11Z")

</div>

Evening doodle while I was working with ShapeContour and shadestyles 🙂

 ![frame101.20](https://global.discourse-cdn.com/free1/uploads/openrndr/original/1X/9e3484928d015e8705a2fb77bbcc98896da717b4.jpeg)

UPDATE: Now with colors 🙂

 ![frame123.12](https://global.discourse-cdn.com/free1/uploads/openrndr/original/1X/49f993035ab770e6ef0ed5fb62b9f14f77c66a86.jpeg)

---

<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:** [February 2, 2023, 4:31pm UTC](https://openrndr.discourse.group/t/doodles-wall-c/51/151 "2023-02-02T16:31:40Z")

</div>

Nice! 🙂 Those gradients give it a 3D look 🙂

Here my childish curvy ShapeContours and ShadeStyles 🙂

 ![apps2023.Voroneighbors-2023-02-02-15.43.06](https://global.discourse-cdn.com/free1/uploads/openrndr/original/1X/f563098a49e7ae7996a3df4db9ecf9579d98a7e9.jpeg)

---

<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:** [February 17, 2023, 7:38am UTC](https://openrndr.discourse.group/t/doodles-wall-c/51/152 "2023-02-17T07:38:10Z")

</div>

Playing with [marching squares](https://github.com/openrndr/orx/tree/master/orx-marching-squares).

 ![501a35d9e6359498](https://global.discourse-cdn.com/free1/uploads/openrndr/original/1X/e3218a4f336bef5f25b85491650efac27f65c47a.jpeg)

Here [one](https://mastodon.art/@hamoid/109869630704168850) [two](https://mastodon.art/@hamoid/109868658660428028) variations.

An interesting aspect of this is that it is a ShapeContour-based effect (curves), not a shader effect (pixels) (well, except those little textures I applied). That’s great for generating works for the pen-plotter.

---

<div class="post-metadata">

**Author:** ![Alessandro](https://yyz2.discourse-cdn.com/free1/user_avatar/openrndr.discourse.group/alessandro/32/412_2.png) [@Alessandro](https://openrndr.discourse.group/u/Alessandro)\
**Post date:** [February 25, 2023, 12:36pm UTC](https://openrndr.discourse.group/t/doodles-wall-c/51/153 "2023-02-25T12:36:01Z")

</div>

Doodle inspired by Edwin’s presentation 🙂

![gif_doodle](https://global.discourse-cdn.com/free1/uploads/openrndr/original/1X/e206aafe8d3b4570a41da6a926f698bde412efe4.gif)

---

<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:** [February 25, 2023, 1:26pm UTC](https://openrndr.discourse.group/t/doodles-wall-c/51/154 "2023-02-25T13:26:47Z")

</div>

Nice! Can we see a longer version in vimeo or similar? 🙂  
Would be great to see it start from nothing and evolve from there.

---

<div class="post-metadata">

**Author:** ![Alessandro](https://yyz2.discourse-cdn.com/free1/user_avatar/openrndr.discourse.group/alessandro/32/412_2.png) [@Alessandro](https://openrndr.discourse.group/u/Alessandro)\
**Post date:** [February 25, 2023, 2:29pm UTC](https://openrndr.discourse.group/t/doodles-wall-c/51/155 "2023-02-25T14:29:04Z")

</div>

🙂

https://player.vimeo.com/video/802251857?h=95c2f54895&app_id=122963

---

<div class="post-metadata">

**Author:** ![Boyd](https://yyz2.discourse-cdn.com/free1/user_avatar/openrndr.discourse.group/boyd/32/504_2.png) [@Boyd](https://openrndr.discourse.group/u/Boyd)\
**Post date:** [February 27, 2023, 1:55pm UTC](https://openrndr.discourse.group/t/doodles-wall-c/51/156 "2023-02-27T13:55:09Z")

</div>

![Screenflick Movie 20](https://global.discourse-cdn.com/free1/uploads/openrndr/original/1X/7350baa8dc8423860a9b1ad6059403fb49f989a9.gif)

```auto
import org.openrndr.application
import org.openrndr.color.ColorRGBa
import org.openrndr.extra.color.presets.DARK_BLUE
import org.openrndr.extra.viewbox.viewBox
import org.openrndr.shape.*
import kotlin.math.sin

fun main() {
    application {
        configure {
            width = 200 * 4
            height = 200 * 4
        }
        program {
            val vbx = viewBox(Rectangle(0.0, 0.0, 200.0, 200.0)) {
                extend {
                    drawer.clear(ColorRGBa.DARK_BLUE)
                    val segments = mutableListOf<ShapeContour>()
                    (0..9).forEach {c ->
                        val sub0 = Circle(100.0, 100.0, 125.0 - c * 12.5)
                        (0 until 150).forEach {
                            val total = 1.0
                            val step = (total / 150.0)
                            if (it % 2 == 0) {
                                segments.add(
                                    sub0.contour.sub( it * step, (it + (1.5 * sin(c*0.25 + seconds * 5.0))) * step)
                                )
                            }
                        }
                    }
                    drawer.fill = null
                    drawer.stroke = ColorRGBa.PINK
                    drawer.strokeWeight = 11.0
                    drawer.contours(segments)
                }
            }

            extend {
                vbx.update()
                for (j in 0 until 4) {
                    for (i in 0 until 4) {
                        drawer.image(vbx.result, j * 200.0, i * 200.0)
                    }
                }
            }
        }
    }
}

```

---

<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:** [February 28, 2023, 9:12pm UTC](https://openrndr.discourse.group/t/doodles-wall-c/51/157 "2023-02-28T21:12:26Z")

</div>

![apps2023.MarchingSquares04-2023-02-28-21.49.27](https://global.discourse-cdn.com/free1/uploads/openrndr/original/1X/c26f2272f0bd501de2631f89f88114cfae12eed0.jpeg)

> **[aBe (@hamoid@mastodon.art)](https://mastodon.art/@hamoid/109944353742136334)**
>
> Attached: 1 image
> 
> Back once again with the marching squares. Recursive this time. Tries to apply a gradient to each piece following its orientation.
> 
> \#generativeArt #MastoArt #jungle #nature #creativeCoding #openrndr

---

<div class="post-metadata">

**Author:** ![Yvee1](https://yyz2.discourse-cdn.com/free1/user_avatar/openrndr.discourse.group/yvee1/32/230_2.png) [@Yvee1](https://openrndr.discourse.group/u/Yvee1)\
**Post date:** [March 21, 2023, 6:48pm UTC](https://openrndr.discourse.group/t/doodles-wall-c/51/158 "2023-03-21T18:48:39Z")

</div>

I’m working on a visualization that highlights patterns in categorical point data (for a university project). The visualization is written using openrndr and makes heavy use of the Shape/ShapeContour operations, and the Voronoi diagram implementation (can you spot it?).

 ![five-colors](https://global.discourse-cdn.com/free1/uploads/openrndr/original/1X/5df2d06e6d44ba51561ce219fa5d0805d9ad98e4.jpeg)

---

<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:** [March 22, 2023, 8:24am UTC](https://openrndr.discourse.group/t/doodles-wall-c/51/159 "2023-03-22T08:24:55Z")

</div>

I reeeally like it 🙂 Will there be prints at some point? 🙂

---

<div class="post-metadata">

**Author:** ![LH99](https://yyz2.discourse-cdn.com/free1/user_avatar/openrndr.discourse.group/lh99/32/575_2.png) [@LH99](https://openrndr.discourse.group/u/LH99)\
**Post date:** [March 24, 2023, 1:41am UTC](https://openrndr.discourse.group/t/doodles-wall-c/51/160 "2023-03-24T01:41:00Z")

</div>

Created a new showcase of my monday-to-friday project.

Started from a scribble.  
Turned it into a live show.  
(Watch it fast, before I have to remove the music from the video 😅)

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

[![](https://global.discourse-cdn.com/free1/uploads/openrndr/original/1X/22fe311b7e236989029d2dbdd14455b63a99010c.jpeg "OPENRNDR Live Show ~ "Elements" ~ Neon LED Visuals (music by French 79 - 'The Year After')") ](https://www.youtube.com/watch?v=dU30ZBOyUlo)

I can share the source code if you are interested.

---

<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:** [March 24, 2023, 7:54am UTC](https://openrndr.discourse.group/t/doodles-wall-c/51/161 "2023-03-24T07:54:22Z")

</div>

Best way to wake up here dancing with those cool visuals 🙂

Nice that you made it in one week! How much did you work on it every day?

I hope you make more videos 📽 🕺 💃 !

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

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