How to start development server

p5.js Development
1

Hi everyone,
I am new to the Processing Foundation. I am facing issues while starting the development server for the p5.js repository. Can anyone help me with this? Thank you.

2

Hello @thejon_07 ,

Are you referring to this?

:)

3

@glv no just p5.js repository.;;;;;;

4

Hello @thejon_07 ,

What is your point of entry for starting this?
Link?
What issues?

I managed to get this to work on Windows 10 following this:

Additional notes:

  • Installed grunt:
    npm install -g grunt-cli
  • Start the development server:
    npm run dev.
  • Open a sketch in Google Chrome: http://127.0.0.1:9001/sketches/sketch_1_0_0/index.html.
  • I did not go past building.

I was able to change p5.js source code to add a red stroke to circle(), build and then see the changes reflected in my sketch.

Modified 2d_primitives.js in p5.js source code:

p5.prototype.circle = function(...args) {
  p5._validateParameters('circle', args);
  const argss = args.slice( 0, 2);
  argss.push(args[2], args[2]);
  this.stroke(255, 0, 0);  // Add red border to circle
  return this._renderEllipse(...argss);
};

image
image817Ă—659 74.9 KB

I am also new to setting up this development environment but do have experience that helped me along.

*** UPDATE ***

Additional reference:

The Related Topics at the bottom of a topic may also be helpful. < A reminder for me as well!

:)

5

Season’s Greetings!

How to Fix a Jammed or Stuck Keyboard Key: 5 Easy Ways

:)

6

Hey @thejon_07, have you made sure all the necessary dependencies are installed before starting the dev server? I had similar issues at first, and installing tools like grunt and npm helped resolve most of the problems. That might help you too! Good luck!

1 Like
7

thanks @MilaVibes for your assist