Howdy, Stranger!
We are about to switch to a new forum software. Until then we have removed the registration on this forum.
Categories
- All Categories 25.7K
- Announcements & Guidelines 13
- Common Questions 30
- Using Processing 22.1K
- Programming Questions 12.2K
- Questions about Code 6.4K
- How To... 4.2K
- Hello Processing 72
- GLSL / Shaders 292
- Library Questions 4K
- Hardware, Integration & Other Languages 2.7K
- Kinect 668
- Arduino 1K
- Raspberry PI 188
- Questions about Modes 2K
- Android Mode 1.3K
- JavaScript Mode 413
- Python Mode 205
- Questions about Tools 100
- Espanol 5
- Developing Processing 548
- Create & Announce Libraries 211
- Create & Announce Modes 19
- Create & Announce Tools 29
- Summer of Code 2018 93
- Rails Girls Summer of Code 2017 3
- Summer of Code 2017 49
- Summer of Code 2016 4
- Summer of Code 2015 40
- Summer of Code 2014 22
- p5.js 1.6K
- p5.js Programming Questions 947
- p5.js Library Questions 315
- p5.js Development Questions 31
- General 1.4K
- Events & Opportunities 288
- General Discussion 365
In this Discussion
- blindfish July 2016
- GoToLoop July 2016
- TheProcessor July 2016
Include p5 libs and sketch via 'require' or npm install?
I've been playing around with a node / express / p5 project and it would be tidier (and more modern) to not have to include the p5 libs and sketch file in index.html. Is there a way to do this, perhaps using require? There's an npm for p5 but that doesn't include the sketch. I admit I am a noob in the area.
Tagged:
Answers
If you intend to run this on the client side (p5 won't run on node server side as it is dependent on accessing the
windowobject) then you'll need some way to require the p5 dependency from npm in the client. I've been feeling the love for Browserify lately (don't let that awful graphic put you off!). You could certainly use that to bundle the p5 dependency up with your sketch code in a node-like way...TBH I haven't bothered going that far and I'm happy loading p5 from a CDN - that's no less 'modern' IMO... And it won't be long before we swing the other way and start splitting all our dependencies into tiny chunks for separate loading/caching. See this blog post for an explanation ;)
Browserify looks pretty slick. I'm working on something that will have a bunch of little script files (for classes etc) and now I should be able to bundle those all up for a 'release'. Thanks!
On another point you mentioned - is it all of p5 that cannot run on the server side, or just the stuff that interacts with the window? It would be nice to able to use the vector stuff and collide2D on the server side - I've done vector math and collision detection from scratch before, but...
If not, I wonder if a 'headless' version of p5 would be possible - or perhaps it's just too limited a use case to bother creating.
If you're looking for a "headless" vector lib, I've got 1 written in TypeScript. :-\"
But it's just casually experimental. I've never tested it yet, lazy moi! b-(
But I guess it's worth a try. It's based on the Pjs library btW: O:-)
Download:
https://GitHub.com/GoToLoop/pjs-proto/blob/master/Pjs.js
Source:
https://GitHub.com/GoToLoop/pjs-proto/tree/master/math
Extremely Loose Reference:
http://ProcessingJS.org/reference/PVector/