Установка фото в качестве фона в p5. js - PullRequest
Новая
       3

Установка фото в качестве фона в p5. js

0 голосов
/ 12 января 2020

Я пытаюсь загрузить фотографию в качестве фона в p5. js. К сожалению, я получаю 2 сообщения об ошибках в консоли. 

    p5.js:74522 Fetch API cannot load file:///C:/Users/User/Desktop/project/sample.png. URL scheme must be "http" or "https" for CORS request.
_main.default.loadImage @ p5.js:74522
setup @ sketch.js:15
_setup @ p5.js:58811
_start @ p5.js:58739
p5 @ p5.js:59080
_globalInit @ p5.js:58340
load (async)
25.../core/main @ p5.js:58353
o @ p5.js:34
(anonymous) @ p5.js:38
16../color/color_conversion @ p5.js:52829
o @ p5.js:34
r @ p5.js:51
(anonymous) @ p5.js:55
(anonymous) @ p5.js:18
(anonymous) @ p5.js:20

p5.js:74522 Uncaught (in promise) TypeError: Failed to fetch
    at p5._main.default.loadImage (p5.js:74522)
    at setup (sketch.js:15)
    at p5._setup (p5.js:58811)
    at p5._start (p5.js:58739)
    at new p5 (p5.js:59080)
    at _globalInit (p5.js:58340)

Это мой код: 

var back;

function setup() {
  createCanvas(800, 600);
  back = loadImage("sample.png");
}

function draw() {
    background(back);
}

Где моя ошибка и что я могу сделать, чтобы фотография была показана? Заранее спасибо! С нетерпением жду ответа от вас.

1 Ответ

0 голосов
/ 13 апреля 2020

Я также столкнулся с этой проблемой при создании фонового изображения.

Я решил эту проблему, запустив сервер в проекте p5. js.

Я использовал python HTTP-сервер Команда для запуска сервера в python 3.x выглядит следующим образом. 

py -m http.server

Смотрите демонстрационное видео об изменении фонового изображения с помощью сервера.

Заставка Bubbles с использованием p5. js

...