processing 画像を表示させて動かしたい

Question

前提・実現したいこと

エンターキーを押すと1ピクセルだけ右に移動する（processing 学習ノート様参考）ときに円ではなく自分の選んだ画像になるようにしたい。
画像が1ピクセルずつ動かせるようにしたい。

発生している問題・エラーメッセージ

実行されたが、エンターキーを押しても何も出てこない

該当のソースコード

PImage img;

float x = 0.0;
float speed = 1.0;

void setup() {
  size(600, 600);
}

void draw() {
}

void keyPressed() {
  background(204);
  x += speed;
  img = loadImage("〇〇.jpg"); 
}

試したこと

画像が同じファイル内に入ってなかったので入れてみたが何も出てこない

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[TN8001]

未解決の質問が残っています。
[processing](https://teratail.com/questions/368363

[ゲームの初期化をさせたい](https://teratail.com/questions/377435

それらはギブアップということなんでしょうか？（だとしたらそのように自己回答し閉めてください）

そうでないなら「質問への追記・修正の依頼」や「回答」へ、返信や対応をしてください。

[0pfrn]

解決済にさせて頂きました。
対応遅くなり申し訳ございません
ありがとうございます

[thkana]

いやいや、とにかくベストアンサーつけろ、ということじゃなくて
「どのように解決に至ったか」を書いてくださいな。(諦めた、というならそれはそれであり)

一応ここに参加している以上は https://teratail.com/help#about-teratail
「プログラミングをする中で起きた解決できない課題について本当に困っている人をサポートすること、また、価値のあるコンテンツを世の中に残し届ける事を目的としています。」に賛同しているかと思います。つまり後半「世の中に残し届ける」ためにはあなたがどう解決したか、という情報を提供しないと完成しないんじゃないかと思うわけですよ。

[0pfrn]

すみません!
解決の経緯書き足しました。
追記修正依頼ありがとうございます

Answer 1

b-02 反応させる（マウス、キーボードからの入力に） - Proessing 学習ノート

keyPressed() {...} キーが押されたときに1回だけ {...} の中を実行する

こちらですね。
loadImageは画像を読み込む命令であって、画像を表示（描画）する命令ではありません。

一度「画像を使う」のところに戻って確認してください。
a-07 画像を使う - Proessing 学習ノート

loadImage() / Reference / Processing.org
image() / Reference / Processing.org
imageMode() / Reference / Processing.org

PImage img;
float x = 0.0;
float speed = 1.0;

void setup() {
  size(400, 400);

  imageMode(CENTER);
  img = loadImage("https://teratail-v2.storage.googleapis.com/uploads/avatars/u20/200162/RFuaxO4Y_thumbnail.jpg");
}

void draw() {
}

void keyPressed() {
  background(204);
  x += speed;

  //ellipse(x, height/2, 60, 60);
  image(img, x, height/2);
}

「キーが押されたときに1回だけ実行する」を説明するため（キーを押さない限りなにも出ない）このような書き方になっているのでしょうが、本来は↓の（描画にかかわるものはdraw内に書く）ような書き方が望ましいです。

PImage img;
float x = 0.0;
float speed = 1.0;

void setup() {
  size(400, 400);

  imageMode(CENTER);
  img = loadImage("https://teratail-v2.storage.googleapis.com/uploads/avatars/u20/200162/RFuaxO4Y_thumbnail.jpg");
}

void draw() {
  background(204);

  //ellipse(x, height/2, 60, 60);
  image(img, x, height/2);
}

void keyPressed() {
    x += speed;
}

現状「エンターキー」でなくても（何キーでも）動いてしまいますが、キーを区別するような場合はkeyやkeyCodeを使用します。

void keyPressed() {
  if (key == ENTER || key == RETURN) {
    x += speed;
  }
}

key / Reference / Processing.org
keyCode / Reference / Processing.org

---

画像が同じファイル内に入ってなかったので入れてみたが何も出てこない

フォルダ内ですね。
Processing IDEに画像をドラッグ＆ドロップすると、画像をコピーして配置してくれるので楽です^^

デバッグする場合はまず「画像を単に表示するだけ」のように、「どこまでは問題ないのか」を確認するようにするといいです。
それができれば「画像の読み込み」・「画像の表示」まではＯＫだったということになります。

それを書く過程（私だってすべて覚えているわけではないので「どうやるんだっけな？」とｇｇります）で、image()がないことに（自力で）気が付いたでしょう^^

Comments

[0pfrn]

The file "neko.jpg" is missing or inaccessible, make sure the URL is valid or that the file has been added to your sketch and is readable.
NullPointerException
Could not run the sketch (Target VM failed to initialize).
For more information, read revisions.txt and Help → Troubleshooting.

というエラーをはいてしまいましたが、neko,jpgという画像をドラッグ＆ドロップして自動的にdataファイルにはいったのでloadImageのところを変えたのですが何も出てきません。
この場合はどうすればよいのでしょうか

[TN8001]

ファイル「neko.jpg」が見つからないかアクセスできません。
と言っていますね。
本当にneko.jpgがあるかを、もう一度確認してください。
neko,jpg（カンマ）ではダメです。

それでも解決しない場合は新たに建てた質問のほうで、（ちゃんとneko.jpgがあるのを）エクスプローラー（Windows）やFinder（Mac）の画像かなんかを提示してください。
[processing NullPointerException　エラー](https://teratail.com/questions/t6liqq64e1tzve

[0pfrn]

新しい方画像追加させていただきました
dataのところに入っているのを確認しました