Pythonistaのsceneライブラリ画像の使い方

本記事ではPythonistaのsceneライブラリの使い方について紹介する記事です。
今回は、sceneライブラリの画像の記述方法や差し替え操作について紹介します。

Pythonista＋sceneライブラリの画像の基本

sceneライブラリで画像を表示したい場合はSpriteNode（）という関数を使用します。
SpriteNode（）はiPhone内の画像ファイルを使えるのはもちろんのこと、Pythonistaに付属している数多くの画像データを読み込むことができます。

また、引数で色の指定も可能であり、一つの画像でもバリエーションを増やすことが可能です。

自作の画像を使用する

ファイルのパスを指定することで自作の画像も指定することができます。
ファイルは予めプロジェクト内にインポートしておくことが必要です。

記述例）
SpriteNode（’xxxx.png’)

ファイルのインポートは「＋」ボタンを押して「import」からできます。

Pythonistaの画像を使用する方法と選択する方法

Pythonistaには豊富な画像が予め用意されているのでこれだけでも簡単なゲームが作成可能。
画像はいくつかのグループに別れており、グループ別にディレクトリに格納されています。

コード上では「xxxx:yyyy」のような代替文字で記述可能です。

例）
plf:Item_CoinBronze
emj:ghost

◆画像の種類
主にアクションやパズル・RPGで使えそうな画像が揃っています。
ただし、RPGを作る場合は敵の画像が少し物足りないかもしれないですね。

画像の一例は以下の通り。

・キャラクター
・宇宙船
・爆発エフェクト
・トランプのカード
・バックグラウンドの背景
・コインや鍵などのアイテム
・絵文字

トランプのカードも一式あります。

スマホやPCの絵文字も画像として使えます。

◆画像の選択方法
画像を一覧から選択することも可能です。

1.キーボードを開くと右側に「＋」ボタンが表示されるのでこれをクリック

2.以下の画面から挿入したい画像をクリック

画像をクリックすると自動的にその画像の代替文字がコード上に自動入力されます。
個々の画像の代替文字を調べて書くのは面倒ですが、この方法であればどの画像も簡単に設定可能です。

また、画像の記述部分にカーソルを置くと絵文字が表示されるのでこれをクリックすることでも追加することができます。

sceneライブラリの画像表示実装例

以下は画像を記述する場合の実装例です。

# coding: utf-8
from scene import *
class Game (Scene):
def setup(self):
self.background_color = '#004f82'
ground = Node(parent=self)
x = 0
while x <= self.size.w + 64:
tile = SpriteNode('plf:Ground_Planet', position=(x, 0))
ground.add_child(tile)
x += 64
self.player = SpriteNode('emj:Ghost')
self.player.anchor_point = (0.5, 0)
self.player.position = (self.size.w/2, 32)
self.add_child(self.player)
if __name__ == '__main__':
run(Game(), PORTRAIT, show_fps=True)