How to use images on windows 10

p5.js Beginners
3

-a- usually you start

-b- but you show a picture of a directory with

  • index.html
  • sketch.js
  • moon.jpg
  • p5.js

and when you double click on

index.html

and hope
++ browser opens
++ picture is shown

is that insofar that what you have done?

like when i follow my online link, download to my computer
and see only the text
“Loading”
is that what is your problem?
can use the diagnostic / inspect console log,
but that shows only “problem load image file”

problem is you need a local server for that kind of things
( while just draw a circle works fine )

so back to the first two points:

  • online editor
  • PDE p5.js mode

OR

  • install a local node server
    i do on linux Raspberry Pi here
    and load a moon.jpg
    and call that computer IP : port
    from a other computer in my LAN.

p5js_moon_PRI_node_server
p5js_moon_PRI_node_server1100×757 57.6 KB

but you can do it on your PC too?

2 Likes