https://xainome-blog.beeskynohito.workers.dev/tags/pyxeleditor/Recent content in Pyxeleditor on Xainome BlogHugojaFri, 27 Dec 2024 00:00:00 +0000https://xainome-blog.beeskynohito.workers.dev/posts/2024/12/build-game-with-pyxel-part-2/Fri, 27 Dec 2024 00:00:00 +0000https://xainome-blog.beeskynohito.workers.dev/posts/2024/12/build-game-with-pyxel-part-2/<h2 id="pyxeleditorでキャラの動きやサウンド">pyxeleditorでキャラの動きやサウンド</h2> <p><a href="https://xainome-blog.beeskynohito.workers.dev/posts/2024/12/build-game-with-pyxel-part-1/">前回</a><a href="https://github.com/kitao/pyxel">pyxel</a>のインストールからドット絵を描いて表示させるところまでやってみました。今回は実際にキャラクターを動かしたり、サウンドを作ったりしたいと思います。</p> <h3 id="pyxeleditorで作った部分">pyxeleditorで作った部分</h3> <p>実際に動いた画面がこちら。</p> <h3 id="コードの中身_init">コードの中身_init</h3> <p>一旦各コードを簡単に見ていこうと思います。まずは__init__内ですね。前回も話したのでざっくりと見ます。</p> <pre tabindex="0"><code>pyxel.init(128, 128, title=&#39;Scrolling Game&#39;) pyxel.load(&#39;assets/scroll_game.pyxres&#39;) self.char_x = 50 # キャラクターのX座標 self.char_y = 50 # キャラクターのY座標 </code></pre><p>initで画面サイズの設定、char_xとchar_yはキャラ座標を設定しています。loadでpixel editで作成したものをロードしています。ドット絵、タイルマップ、サウンドなど全て一旦ロードしています。</p> <pre tabindex="0"><code>self.char_frame = 0 # 表示する画像のインデックス (0 または 1) self.frame_count = 0 # フレームカウンター self.is_moving = False # 移動中フラグを追加 self.last_input = False #直前のフレームでキー入力があったか pyxel.run(self.update, self.draw) </code></pre><p>他のコードはコメントも記載していますが、キャラ画像の入れ替えやフラグの設定をしています。後はpyxelの起動ですね。</p> <h3 id="コードの中身_update">コードの中身_update</h3> <p>次はupdate関数ですね。</p> <pre tabindex="0"><code># ゲーム中断 if pyxel.btnp(pyxel.KEY_Q): pyxel.quit() # キー入力と移動処理 self.is_moving = False key_pressed = False # 今のフレームでキーが押されているか </code></pre><p>Qを押したらゲームを中断します。それからフラグとキー入力の初期設定をしています。</p> <pre tabindex="0"><code># キー入力処理とキャラクターの移動 if pyxel.btn(pyxel.KEY_LEFT): self.char_x -= 1 self.is_moving = True # 移動中フラグを立てる key_pressed = True if pyxel.btn(pyxel.KEY_RIGHT): self.char_x += 1 self.is_moving = True key_pressed = True if pyxel.btn(pyxel.KEY_UP): self.char_y -= 1 self.is_moving = True key_pressed = True if pyxel.btn(pyxel.KEY_DOWN): self.char_y += 1 self.is_moving = True key_pressed = True </code></pre><p>ここでは各方向キーを入力した時の設定をしています。上下左右分書いてるので記述は多いですが、内容はシンプルです。キャラクターの座標をずらして、フラグを書き換えています。というか関数化したほうがもっとシンプルになりますね…</p>