교수님!! 이미지를 불러오려는데 안 됩니다!

[JO-HEEJIN]

var heart = {
x: 0,
y: 100,
diameter: 50
 };

var r = 0;
var b = 0;

function setup() {

  createCanvas(600, 400);

  loadImage('assets/laDefense.jpg', img => {
  image(img, 0, 0);
  }

}

function draw() {
  background(heart.x);

  fill(200, 30, 70);
  noStroke();
  ellipse(mouseX, 200, 40, 40);

  //color.x = mouseX;
  heart.x = map(mouseX, 0, 600, 0, 255);
  // g = map(mouseX, 0, 600, 255, 255);
  b = map(mouseX, 0, 600, 255, 0);

}

이건 코드 트레인에서 했던 거랑 이미지 불러오는 예제를 같이 섞은 건데 아예 먹질 않아서

let img;
function preload() {
  img = loadImage('assets/laDefense.jpg');
}
function setup() {
  // Top-left corner of the img is at (0, 0)
  // Width and height are the img's original width and height
  image(img, 0, 0);
}

이건 그냥 정말 레퍼런스에 있는 기본 예제인데 제 에디터로 옮겨오면 이미지를 전혀 불러 오지를 못 합니다ㅠㅜㅜ 본 사이트에 있는 것도 안 불러와지고 제 컴퓨터에 저장해서 경로를 옮기는 건 당연히 웹이니까 안 되고 어떻게 해야 안전하게 불러올 수 있을까요?

[picxenk]

해당 이미지를 저 경로, 즉 assets 폴더 안에 넣어뒀니?

[JO-HEEJIN]

해당 이미지를 저 경로, 즉 assets 폴더 안에 넣어뒀니? 네 이렇게 넣었는데