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
- electricwool June 2016
- GoToLoop June 2016
Proper image file location format.
On this particular sketch, when running through p5 editor it works fine. However, when going directly to the browser, it does not. Debugger says the media is not in the right folder.
file: https://we.tl/4fi9EMDOAC
Question.
- what file location format should I use so people with my sketch can double click the index.html file and have the sketch run?
Example.
- say for instance I have a sketch that uses images in a (media) folder.
- loadImage("/media/image_name.png"); ---> works in p5 editor, not when using the browser.
Answers
If you remove all the the initial
/slash from your path strings:loadImage('/media/image_name.png'); // wrong!loadImage('media/image_name.png'); // right!Your sketch works flawlessly under any Firefox-based browser.
Just drag the "index.html" file into some Firefox browser and it just runs. :D
However for other browsers, you're gonna need to either host your sketch online or...
Config some local server in order to run your HTML file. Read about how to below: :-B
https://GitHub.com/processing/p5.js/wiki/Local-server
@GoToLoop Thanks for the help. I used node.js and it worked like a charm. Also deleted those slashes. Worked like a charm.
Tried in safari, with node.js and it would not run the mp3 files nor would kick a error out. More debugging to be continued. Ill update when I find a solution. :)
If you're using node.js, a nice package is http-server:
https://www.npmjs.com/package/http-server
Just type in
hs [path_to_index.html_folder]. :DThen at your browser, go to
localhost:8080. :-bdNo Mac nor Safari here. Like I said, Firefox-based browsers run HTML files directly.
Chrome-based browsers need a server though.
However there's the "--allow-file-access-from-files" trick for them.
But not even that trick can convince Chrome browsers to load fonts. :(
Nice, ill check it out. :bz Yeah, looks like firefox is the way to go. Its funny to me that I have three browsers on my mac, all for different uses. Thanks for the help.
Firefox Developer Edition is more appropriate for development: :ar!
https://www.Mozilla.org/en-US/firefox/developer/
Excellent :)>-