# Inversely ellipses

**URL:** <https://discourse.processing.org/t/inversely-ellipses/12621>\
**Category:** Coding Questions\
**Created:** [July 9, 2019, 10:29am UTC](https://discourse.processing.org/t/inversely-ellipses/12621 "2019-07-09T10:29:55Z")\
**Posts on this page:** 12\
**Page:** 3

<div class="post-metadata">

**Author:** ![maakin](https://avatars.discourse-cdn.com/v4/letter/m/4af34b/32.png) [@maakin](https://discourse.processing.org/u/maakin)\
**Post date:** [July 11, 2019, 1:23pm UTC](https://discourse.processing.org/t/inversely-ellipses/12621/42 "2019-07-11T13:23:36Z")

</div>

I am still asking same thing because I still don’t know

---

<div class="post-metadata">

**Author:** ![maakin](https://avatars.discourse-cdn.com/v4/letter/m/4af34b/32.png) [@maakin](https://discourse.processing.org/u/maakin)\
**Post date:** [July 11, 2019, 1:25pm UTC](https://discourse.processing.org/t/inversely-ellipses/12621/43 "2019-07-11T13:25:35Z")

</div>

Thank you very much for helping

---

<div class="post-metadata">

**Author:** ![kll](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/kll/32/964_2.png) [@kll](https://discourse.processing.org/u/kll)\
**Post date:** [July 11, 2019, 1:28pm UTC](https://discourse.processing.org/t/inversely-ellipses/12621/44 "2019-07-11T13:28:06Z")

</div>

> [@maakin](#):
>
> How to write numbers bottom y to top y

you need to know first how the pix position thinking is,  
top left is 0,0  
down right is 600,600 ( width , height )

now when you use the text(number,atX,atY)  
for a list of the y axis numbers,  
use the original for

```auto
 for ( int k = 0; k <= (width - 2*off)/scale; k++ ) {

```

and calc a

```auto
float atX = 10;
float atY = height - off - k * scale
text(k,atX,atY);

```

---

<div class="post-metadata">

**Author:** ![Chrisir](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/chrisir/32/45_2.png) [@Chrisir](https://discourse.processing.org/u/Chrisir)\
**Post date:** [July 11, 2019, 1:34pm UTC](https://discourse.processing.org/t/inversely-ellipses/12621/45 "2019-07-11T13:34:28Z")

</div>

[https://www.processing.org/tutorials/drawing/](https://www.processing.org/tutorials/drawing/)

---

<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:** [July 11, 2019, 1:38pm UTC](https://discourse.processing.org/t/inversely-ellipses/12621/46 "2019-07-11T13:38:39Z")

</div>

> [@glv](#):
>
> As a new programmer or new to Processing I encourage you to look at references and tutorials to glean some insight and understanding, think about it and then write code yourself from scratch.

I learn so much by reading tutorials, experimenting with code and insights gained from examples and help offered!  
I am posting the sloppy first pass at this.

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

```auto
//Perlin noise used to generate a line
//Gives a nice "warbling" effect

float xoff1, xoff2, xoff3;

void setup()
  {
  size(800, 1000, P2D);
  }

void draw()
  {
  background(220);
  stroke(102, 0, 230);  
  strokeWeight(10);
  
  translate(-40, 0);
  rotate(-TAU/128);
  scale(.8, 1);
  float p = .019;

// I see patterns here and could replace with a for loop:
  circle(300, height - 300 +20, .019);
  circle(500, height - 500 +20, .020);
  circle(700, height - 700 +20, .021); 

  lineX(100, 100, 800);
  lineY(100, 100, 800);  
  lineXY(100, 100, 800); 
  }

void circle(int x, int y, float rand)
  {
  for (float th = -TAU/20 +TAU/2; th < 3*TAU/2 + TAU/20; th += TAU/500)
    {
    xoff1 = xoff1 + rand;
    random(10);
    float r = 40 + 10*noise(xoff1);
// println(noise(xoff1));
    point( r*cos(th)+x, r*sin(th)+y);
    }
  }  
  
// These could be consolidated into one method and called from draw();  

void lineX(int x1, int y1, int l)
  {
  for (float i = 0; i<l; i+=1)
    {
    xoff2 = xoff2 + .02;
    point(i + x1, height - y1 + 10*noise(xoff2));
    }
  }  

void lineY(int x1, int y1, int l)
  {
  for (float i = 0; i<l; i+=1)
    {
    xoff2 = xoff2 + .02;
    point(x1 + 10*noise(xoff2), i + y1 + 10*noise(xoff2));
    }
  } 

void lineXY(int x1, int y1, int l)
  {
  for (float i = 0; i<l; i+=1)
    {
    xoff3 = xoff3 + .02;
    point(i + x1 + 10*noise(xoff3), height -i - y1 + 10*noise(xoff3));
    }
}

```

🙂

---

<div class="post-metadata">

**Author:** ![kll](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/kll/32/964_2.png) [@kll](https://discourse.processing.org/u/kll)\
**Post date:** [July 11, 2019, 2:14pm UTC](https://discourse.processing.org/t/inversely-ellipses/12621/47 "2019-07-11T14:14:48Z")

</div>

> [@Chrisir](#):
>
> Nobody will do it for you.

yes, but well,  
we could consider changing our forum rules…  
why not give a free code support for foundation members?

[Processing Foundation — Donate](https://processingfoundation.org/support/individual) ?

---

<div class="post-metadata">

**Author:** ![maakin](https://avatars.discourse-cdn.com/v4/letter/m/4af34b/32.png) [@maakin](https://discourse.processing.org/u/maakin)\
**Post date:** [July 11, 2019, 3:07pm UTC](https://discourse.processing.org/t/inversely-ellipses/12621/48 "2019-07-11T15:07:47Z")

</div>

Thank you very much  
@kll

---

<div class="post-metadata">

**Author:** ![maakin](https://avatars.discourse-cdn.com/v4/letter/m/4af34b/32.png) [@maakin](https://discourse.processing.org/u/maakin)\
**Post date:** [July 11, 2019, 3:10pm UTC](https://discourse.processing.org/t/inversely-ellipses/12621/49 "2019-07-11T15:10:45Z")

</div>

One more hint can you give me  
I want number also like that my picture…  
You’re so helpful

---

<div class="post-metadata">

**Author:** ![Chrisir](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/chrisir/32/45_2.png) [@Chrisir](https://discourse.processing.org/u/Chrisir)\
**Post date:** [July 11, 2019, 3:46pm UTC](https://discourse.processing.org/t/inversely-ellipses/12621/50 "2019-07-11T15:46:42Z")

</div>

> [@maakin](#):
>
> I want number also like that my picture…

You are asking to do this for you.

This way you will never learn how to do this.

That’s why people shouldn’t post code because it hinders other people like you to learn…

That’s why I asked you to post your own code.

---

<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:** [July 11, 2019, 4:40pm UTC](https://discourse.processing.org/t/inversely-ellipses/12621/51 "2019-07-11T16:40:41Z")

</div>

There are a lot of resources available at the Processing website:

> **[Welcome to Processing!](https://processing.org/)**
>
> Processing is a flexible software sketchbook and a language for learning how to code. Since 2001, Processing has promoted software literacy within the visual arts and visual literacy within technology…

I am still working on the sketched labels for the axes as a personal “fun” project.  
The “process” may help you.  
I took a look at tutorials, examples and started piecing together the code and learned as I progressed.  
Experience comes from experience.  
Your project is simple enough that you can take on this challenge.

Here is the “X” axis label that I was able to draw with my program:  
 ![chromosone](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/2/2d55f929110a0fcede693a7a36a74d5ac1e48b64.png)

> [@A very simple draw and save program](https://discourse.processing.org/t/a-very-simple-draw-and-save-program/12669):
>
> A very simple draw and save program that I am sharing as an example. // https://processing.org/tutorials/ // https://processing.org/reference/ // https://processing.org/reference/saveFrame\_.html // https://processing.org/reference/PImage.html // https://processing.org/reference/image\_.html // https://processing.org/reference/get\_.html // https://processing.org/reference/loadImage\_.html // https://processing.org/reference/width.html // https://processing.org/reference/height.html // https://p…

![chromosone](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/6/66e4fda1ce3ba7d5586ee48316cb1253b3876d92.png)

---

<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:** [July 13, 2019, 5:58pm UTC](https://discourse.processing.org/t/inversely-ellipses/12621/52 "2019-07-13T17:58:30Z")

</div>

> [@kll](#):
>
> free code support for foundation members?

I would NOT support the Processing Foundation if they adopted such a policy.

I am an Individual Member and have supported the Foundation every year for the last few years.  
I also enjoy personally contributing where I can; forums, workshops, YouTube, Twitter, mentor\guide students, bug reports, etc.

🙂

---

<div class="post-metadata">

**Author:** ![kll](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/kll/32/964_2.png) [@kll](https://discourse.processing.org/u/kll)\
**Post date:** [July 14, 2019, 1:18am UTC](https://discourse.processing.org/t/inversely-ellipses/12621/53 "2019-07-14T01:18:54Z")

</div>

Thank You!  
you passed the test, you have a pure heart.

also having idealistic dreams, but not forget reality, example:  
Windows AND Linux are very different

- the business concept
- how they treat customers ( and support groups )
- …

but both coexist for decades already,  
and possibly it’s wrong that i wish Linux should win?

[Previous page](https://discourse.processing.org/t/inversely-ellipses/12621.md?page=2)