# noFill() not working in processing 3.4

**URL:** https://discourse.processing.org/t/nofill-not-working-in-processing-3-4/7275
**Category:** Coding Questions
**Created:** [January 7, 2019, 5:22pm UTC](https://discourse.processing.org/t/nofill-not-working-in-processing-3-4/7275 "2019-01-07T17:22:12Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![formap](https://avatars.discourse-cdn.com/v4/letter/f/ac91a4/32.png) [@formap](https://discourse.processing.org/u/formap)
#### Post date: [January 7, 2019, 5:22pm UTC](https://discourse.processing.org/t/nofill-not-working-in-processing-3-4/7275/1 "2019-01-07T17:22:12Z")

</div>

I’m testing the example found in this [link](http://p5js.org/reference/#/p5/noFill) where I create either a rectangle or a box and try to draw it without a fill but it doesn’t seem to be working for me. Instead of transparent, I see it filled up with colours. I’m using processing 3.4.

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

Alternatively, if I try the same example in the [online editor](https://editor.p5js.org/) everything seems to be working fine.

Can someone reproduce this? I wanted to make sure it’s a bug before opening an issue on GitHub. Otherwise, any idea of what might be happening?

Thanks a bunch! 😄

---

<div class="post-metadata">

### Author: ![Kevin](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/kevin/32/2297_2.png) [@Kevin](https://discourse.processing.org/u/Kevin)
#### Post date: [January 7, 2019, 5:44pm UTC](https://discourse.processing.org/t/nofill-not-working-in-processing-3-4/7275/2 "2019-01-07T17:44:19Z")

</div>

Can you post the exact code that you’re running?

---

<div class="post-metadata">

### Author: ![formap](https://avatars.discourse-cdn.com/v4/letter/f/ac91a4/32.png) [@formap](https://discourse.processing.org/u/formap)
#### Post date: [January 7, 2019, 6:03pm UTC](https://discourse.processing.org/t/nofill-not-working-in-processing-3-4/7275/3 "2019-01-07T18:03:04Z")

</div>

I was running this example that I now figured works if I remove the WEBGL mode from the createCanvas:

```auto
function setup() {
  createCanvas(screen.width, screen.height, WEBGL);
}

function draw() {
  rect(15, 10, 55, 55);
  noFill();
  rect(20, 20, 60, 60);
}

```

However the second example still doesn’t work:

```auto
function setup() {
  createCanvas(screen.width, screen.height, WEBGL);
}

function draw() {
  background(0);
  noFill();
  stroke(100, 100, 240);
  rotateX(frameCount * 0.01);
  rotateY(frameCount * 0.01);
  box(45, 45, 45);
}

```

this example appears like this for me:

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

---

<div class="post-metadata">

### Author: ![PHuzzeyMusic](https://avatars.discourse-cdn.com/v4/letter/p/3be4f8/32.png) [@PHuzzeyMusic](https://discourse.processing.org/u/PHuzzeyMusic)
#### Post date: [January 8, 2019, 5:17am UTC](https://discourse.processing.org/t/nofill-not-working-in-processing-3-4/7275/4 "2019-01-08T05:17:46Z")

</div>

You might be using an outdated version of p5. Try getting it from [here](https://cdnjs.com/libraries/p5.js) to always get the most recent version available. Here is an example.

```auto
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.2/p5.min.js"></script>

```

---

<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: [January 8, 2019, 6:57am UTC](https://discourse.processing.org/t/nofill-not-working-in-processing-3-4/7275/5 "2019-01-08T06:57:39Z")

</div>

@PHuzzeyMusic  
otherwise it might be a good tip, but in Processing IDE 3.4 p5.js mode index.html  
you can not link that way,

still correct, there is a revision to check on:  
when you enable p5.js Mode ( i work on RASPBIAN linux )  
i find  
/sketchbook/modes/p5jsMode/template/libraries/p5.js  
/\*! p5.js v0.5.7 February 08, 2017 _/  
i can replace that with a download  
 [https://github.com/processing/p5.js/releases/download/0.7.2/p5.js](https://github.com/processing/p5.js/releases/download/0.7.2/p5.js)  
/_! p5.js v0.7.2 September 02, 2018 \*/  
( and not need to fiddle inside the index.html file of each project )

BUT i still see a color cube.

so, @formap  
could be good idea to report that.

---

<div class="post-metadata">

### Author: ![GoToLoop](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/gotoloop/32/86_2.png) [@GoToLoop](https://discourse.processing.org/u/GoToLoop)
#### Post date: [January 8, 2019, 1:37pm UTC](https://discourse.processing.org/t/nofill-not-working-in-processing-3-4/7275/6 "2019-01-08T13:37:27Z")

</div>

> [@PHuzzeyMusic](#):
>
> … to always get the most recent version available.

> [@Code 800A0404 issue](http://discourse.processing.org/t/code-800a0404-issue/2036/3):
>
> Easiest & fastest recipe to run “.js” sketches under p5.js: running_man Install any Firefox-based browser in your OS and use it to open your “index.html” file: fox_faceInstall Notepad2 or Notepad++ (or both) in your OS and use it to type in your “sketch.js” file there: scroll[https://XhmikosR.GitHub.io/notepad2-mod/](https://XhmikosR.GitHub.io/notepad2-mod/)[https://Notepad-Plus-Plus.org](https://Notepad-Plus-Plus.org) You can setup those text editors to use UTF-8 and LF line endings for better compatibility. bulbHere’s my minimum “index.html” te…

---

<div class="post-metadata">

### Author: ![formap](https://avatars.discourse-cdn.com/v4/letter/f/ac91a4/32.png) [@formap](https://discourse.processing.org/u/formap)
#### Post date: [January 8, 2019, 4:13pm UTC](https://discourse.processing.org/t/nofill-not-working-in-processing-3-4/7275/7 "2019-01-08T16:13:44Z")

</div>

In the end I stopped using processing and ran it outside, using the latest version of p5 from cloudfare and it works! I’ll still report it on GitHub so that it’s a known issue and the team can decide if it’s worth having a look at.

Also, if someone still wants to use processing, I figured out that you can change the p5 template used by updating the content in _Processing/modes/p5jsMode/template/libraries/p5.js_ with the latest version of processing that you can get from cloudfare.

Thanks for the help everyone! 😄
