Problem:

I am trying to use p5.js in my simple app, and including it thus:

<script src="static/js/p5.js"> </script>

What I've tried:

If I put a debugger and look in the console, I do get the functions for p5Color (for ex) and others. And the script gets loaded on to the page fine. Except createCanvas doesn't auto-plete and when used in the page, throws above error.

Why? How can I work around this?

Problem:

I am trying to use p5.js in my simple app, and including it thus:

<script src="static/js/p5.js"> </script>

What I've tried:

If I put a debugger and look in the console, I do get the functions for p5Color (for ex) and others. And the script gets loaded on to the page fine. Except createCanvas doesn't auto-plete and when used in the page, throws above error.

Why? How can I work around this?

• javascript
• p5.js

Share Improve this question Follow edited Jan 14, 2015 at 2:45 Software Mechanic asked Dec 29, 2014 at 19:11 Software MechanicSoftware Mechanic 99422 gold badges99 silver badges2525 bronze badges 3

• Ahem.. Any ments about why the downvote? – Software Mechanic Commented Dec 29, 2014 at 21:30
• 1 You were probably downvoted because it's not clear what you're asking. ("Any namespacing issues am not aware of?" - is not really an answerable question.) I edited the question and provided an answer for you... hope it helps! – wxactly Commented Jan 12, 2015 at 5:22
• @wxactly: It does help.I'll accept the answer. Yeah, my js understanding was lacking to frame the question better then. Thanks. – Software Mechanic Commented Jan 14, 2015 at 2:44

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 14

p5.js won't load into "global mode" unless it sees setup() or draw() defined on the page.

Option 1 - force global mode. (Note that if you do this, createCanvas() won't do you much good in the console, since setup() will have already run on page load.)

<script src="static/js/p5.js"> </script>
<script>
    function setup() {
        //...
    }
</script>

Option 2 - use instance mode. (This is probably your best bet if you really want to use p5.js from the console.)

var s = function( sketch ) {
  sketch.setup = function() {
    sketch.createCanvas(700, 410);
    //...
  };
};    
var myp5 = new p5(s);