Hi, I have a quick question. I would allow my sketch’s users to drag and drop an image file into the program window, and then use it. I can’t find any function for that in p5.js. What would be the easiest way to do that in your opinion ? Thanks for you help ! I made a quick example below var fil…

http://p5js.ProcessingTogether.com/sp/pad/export/ro.CYTkHWj9smgw8Q

Thank you for your help @GoToLoop . That was exactly what I was looking for. But sadly I am unable to make your sketch work on the p5 editor. Am I missing something ? http://alpha.editor.p5js.org/colin.thil@gmail.com/sketches/HylIuxtbm

[image] How i extends class in p5.js? Coding Questions AFAIK, PDE’s p5js Mode doesn’t allow the instance mode approach I guess. grimacing The easiest way to run my demo sketches is by having any Firefox-based browser installed in your OS. star_struck I recommend Firefox …

Thank you for your response ! I’m actually using Waterfox, but for this project I want my sketch to run on the p5 online editor, (it will be for a creative workshop with kids). Is there a way to make this kind of function works there ?

I’ve copied & pasted my online sketch to the p5js online editor and it simply worked w/o any modifications: :star_struck: http://Apha.Editor.p5js.org/

:confused: I did the same Can you share your sketch ? The link you paste don’t work. Is my copy/paste sketch working on your browser ? http://alpha.editor.p5js.org/colin.thil@gmail.com/sketches/HylIuxtbm

[image] colin: Is my copy/paste sketch working on your browser? Yup, perfectly! I can drop image files into it and they show up there! :money_mouth_face: Both in 32-bit SlimJet (based on Chromium 64.0.3282.119) & 64-bit Waterfox (based on Firefox 56.2.1), under my AMD Win 8.1 laptop. …

I’m really confused. The sketch works when I’m not logged, but when I log in, it isn’t working anymore :dizzy_face:

Drag and drop local files into p5 skecthes

p5.js Coding Questions

GoToLoop June 21, 2018, 11:17am 5

Topic		Replies	Views
How to create p5 image from local user file? Coding Questions	1	653	June 22, 2018
Adding files in p5.js editor changes? p5.js	2	1988	May 25, 2019
SOLVED? Image drop() peculiarities? p5.js	3	295	October 25, 2019
Drop() function working randomly Coding Questions	6	626	June 26, 2018
How to get the file path of a file dropped in the webpage Coding Questions	3	380	April 21, 2020

Drag and drop local files into p5 skecthes

Related topics