createCanvas() issue in p5.js :

[ahmadalzoubi13579]

Nature of issue?

• Found a bug
• Existing feature enhancement
• New feature request

Most appropriate sub-area of p5.js?

• Color
• Core
• Data
• Events
• Image
• IO
• Math
• Typography
• Utilities
• WebGL
• Other (specify if possible)

Which platform were you using when you encountered this?

• Mobile/Tablet (touch devices)
• Desktop/Laptop
• Others (specify if possible)

Details about the bug:

• p5.js version: p5.js v0.6.0 January 19, 2018
• Web browser and version: chrome Version 64.0.3282.186 (Official Build) (64-bit)
• Operating System: windows 10 Pro 64-bit
• Steps to reproduce this:

Feature enhancement details:

New feature details:

Hi there :
when i create a new Canvas in p5.js and run my code in google chrome it creates two canvas and i do not know why this is happen

my code :

`function setup() {

createCanvas(400, 400);

}

function draw() {

background(0)
ellipse(200,200 ,20, 20);
}
`
screenshots :

image 1:

image 2:

image 3:

Any Help :)

[Spongman]

Are you loading 05.js twice by any chance? Otherwise, can you post your .html file?

[ahmadalzoubi13579]

@Spongman no i just load it once

[ahmadalzoubi13579]

@Spongman this issue occur in google chrome and other browsers too , but it is not occur in live preview extension inside the editor it self.
by the way i use vscode as editor.

[PhilipRL]

@gogoIsComing: You are loading p5 twice. First you're loading p5.min.js on line 6 and then you're loading p5.js on line 9. You should only load one of these :)

[ahmadalzoubi13579]

@PhilipRL thank you , i got it 👍

[Spongman]

i will add an issue. maybe the p5 library can detect this and generate a useful error.