# How to achieve this style of visual?

**URL:** <https://discourse.processing.org/t/how-to-achieve-this-style-of-visual/18282>\
**Category:** Project Guidance\
**Created:** [March 1, 2020, 8:33pm UTC](https://discourse.processing.org/t/how-to-achieve-this-style-of-visual/18282 "2020-03-01T20:33:17Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![AphexBor](https://avatars.discourse-cdn.com/v4/letter/a/df788c/32.png) [@AphexBor](https://discourse.processing.org/u/AphexBor)\
**Post date:** [March 1, 2020, 8:33pm UTC](https://discourse.processing.org/t/how-to-achieve-this-style-of-visual/18282/1 "2020-03-01T20:33:17Z")

</div>

Can anyone point me the direction of how to create this style of creative coding? I think the original artist was using Perlin noise but all my attempts have been useless! If anyone could even tell me what this is called it would be greatly appreciated.

Thanks

[![](https://media.giphy.com/media/QInYLzY33wMwM/giphy.gif) ](https://media.giphy.com/media/QInYLzY33wMwM/giphy.gif)

---

<div class="post-metadata">

**Author:** ![anon94203042](https://avatars.discourse-cdn.com/v4/letter/a/898d66/32.png) [@anon94203042](https://discourse.processing.org/u/anon94203042)\
**Post date:** [March 1, 2020, 9:51pm UTC](https://discourse.processing.org/t/how-to-achieve-this-style-of-visual/18282/3 "2020-03-01T21:51:32Z")

</div>

Did it.

```auto
PImage zebra;
int rValue = 0;

void setup()
{
  zebra = loadImage("zebra.jpg");
  
  imageMode(CENTER);
  
  size(1000, 1000);
}

void draw()
{
  translate(500, 500);
  
  rotate(radians(rValue));
  rValue += 1;

  zebra.resize(1500, 1500);
  image(zebra, 0, 0);
}

```

 ![image](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/3/3b43a40136ca329c97d2ceab562e5be8fab8e705.jpeg)

---

<div class="post-metadata">

**Author:** ![AphexBor](https://avatars.discourse-cdn.com/v4/letter/a/df788c/32.png) [@AphexBor](https://discourse.processing.org/u/AphexBor)\
**Post date:** [March 1, 2020, 9:54pm UTC](https://discourse.processing.org/t/how-to-achieve-this-style-of-visual/18282/4 "2020-03-01T21:54:57Z")

</div>

> [@anon94203042](#):
>
> PImage zebra; int rValue = 0; void setup() { zebra = loadImage(“zebra.jpg”); imageMode(CENTER); size(1000, 1000); } void draw() { translate(500, 500); rotate(radians(rValue)); rValue += 1; zebra.resize(1500, 1500); image(zebra, 0, 0); }

Thank you DynamicSquid but there’s just something missing from your sketch compared to the original.

---

<div class="post-metadata">

**Author:** ![glv](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/glv/32/18785_2.png) [@glv](https://discourse.processing.org/u/glv)\
**Post date:** [March 2, 2020, 12:45am UTC](https://discourse.processing.org/t/how-to-achieve-this-style-of-visual/18282/5 "2020-03-02T00:45:45Z")

</div>

Hello,

This was the approach I took:

- Considered using meshes and code from:  
[Coding Challenge #11: 3D Terrain Generation with Perlin Noise in Processing](https://www.youtube.com/watch?time_continue=9&v=IKB1hWWedMk&feature=emb_logo)  
The video has links to code.
- Removed the Perlin noise modulation and just draw a mesh.
- Create a for() loop to modulate the mesh data (terrain in video); this is similar to for() loop already there for Perlin Noise.
- used ortho() mode so there was no depth perspective and it “looked” 2D.

I will leave this as an exercise for you to complete.

So far I have:

 ![image](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/6/60c9d7cbda678ac53bdf2b40875d943bb725c332.png)  
It scrolls across the screen in my sketch.

I am confident I can modulate this to achieve this effect; if only I had the time!

Have fun with your project!

`:)`

---

<div class="post-metadata">

**Author:** ![AphexBor](https://avatars.discourse-cdn.com/v4/letter/a/df788c/32.png) [@AphexBor](https://discourse.processing.org/u/AphexBor)\
**Post date:** [March 2, 2020, 11:48am UTC](https://discourse.processing.org/t/how-to-achieve-this-style-of-visual/18282/6 "2020-03-02T11:48:33Z")

</div>

Thank you so much [glv](https://discourse.processing.org/u/glv) this is an amazing start lots of great info!  
Will post when complete.