[サイトマップへ]

Cocos2d で，オブジェクトの属性を乱数で変化させる

Cocos2d は２次元ゲームのフレームワーク．Python で動く．

このWebページでは、次の基本的なことを、見本プログラムで演習する.

乱数
登場物の属性 x, y を乱数で変化させる
登場物の属性 color を乱数で変化させる

関連する資料：Cocos2d の概要 [PDF版], [パワーポイント版]

関連する資料：ゲームエンジン[PDF版], [パワーポイント版]

参考Webページ: http://python.cocos2d.org/doc.html

謝辞

Cocos2d の作者に感謝します．

前もって準備しておくこと

前準備として，cocos2d, pygame, pyglet のインストールが終わっていること．
このときに Anacoda のインストールも行う．

Spyder の起動

Python 処理系を使う．

※ Anacondaに入っている開発環境 spyder を使うのが簡単．

spyderを起動する．
Windows のスタートメニュー「Anaconda3」の下にある．
spyder の画面が開くので確認．
左側がエディタになっている．上に実行ボタンがある

乱数

乱数とは：　コンピュータに「でたらめな値」を発生させること
random.seed() : Python で、乱数の種になる初期値をタイマーを使って設定
random.random() : Python で、0 以上 1 未満の乱数

spyder を使う．
エディタの画面に，次の Python プログラムをコピー＆ペーストし， 実行ボタンをクリック．
```
import random
random.seed()
print( random.random() )
```
コンソールに乱数が表示されるので確認
実行ボタンを何度か押して，結果を結果を確認する

■ 演習問題：上の手順を行いなさい。

■ 演習問題： 「random.random()」を「random.random() * 10」に変えると 0 以上 10 未満の乱数になることを確認したい。

次のように書き替える

実行ボタンを何度か押して，結果を確認すること．

Cocos2d で文字列の描画、線の描画

参考 Web ページ

http://nullege.com/codes/search/cocos

Label クラス，Line クラスの属性

Label クラスは，文字や文字列を扱うためのクラス．次のような属性がある．

x, y: 位置
element.color: 位置
element.text: テキスト

Line クラスは，線分を扱うためのクラス．次のような属性がある．

x, y: 位置

※ サブクラスを定義することで、属性は追加可能

マウスクリックで、文字列のランダム移動

イベント: on_mouse_press (マウスのボタンが押された)

イベントハンドラ: オブジェクトの x, y 値を変える

    def on_mouse_press(self, x, y, buttons, modifiers):
        self.myactor.x = random.random() * 640 
        self.myactor.y = random.random() * 480

spyder を使う．

エディタの画面に，次の Python プログラムをコピー＆ペーストし， 実行ボタンをクリック．

import random
import cocos
from cocos import scene
from cocos.layer import Layer, ColorLayer
from cocos.director import director
import pyglet
from pyglet.window import key
from time import sleep
class MyActor(cocos.text.Label):
    def __init__(self, text, x, y, size, rgba):
        super(MyActor, self).__init__(
            text, 
            font_name = "Times New Roman", 
            font_size = size, 
            anchor_x = 'center', 
            anchor_y = 'center', 
            color = rgba 
        )
        self.position = cocos.euclid.Vector2(x, y) 
class Layer00(Layer):
    is_event_handler = True
    def __init__(self):
        super(Layer00, self).__init__()
        self.myactor = MyActor("A", 0, 0, 32, (0, 200, 255, 255))
        self.add(self.myactor)
    def on_mouse_press(self, x, y, buttons, modifiers):
        self.myactor.x = random.random() * 640 
        self.myactor.y = random.random() * 480
director.init(width=640, height=480)
director.run( scene.Scene( Layer00() ) )

画面が現れるので確認
画面の中で、マウスのボタンを押す（クリック）。すると、オブジェクトが動くので確認．何度かマウスをクリックすること。
結果を確認したら，右上の「x」をクリックして終了．

■ 演習問題：上の手順を行いなさい。

マウスクリックで、線のランダム移動

イベント: on_mouse_press (マウスのボタンが押された)

イベントハンドラ: オブジェクトの x, y 値を変える

例えば次のように

    def on_mouse_press(self, x, y, buttons, modifiers):
        self.myactor.x = random.random() * 640 
        self.myactor.y = random.random() * 480

spyder を使う．

エディタの画面に，次の Python プログラムをコピー＆ペーストし， 実行ボタンをクリック．

import random
import cocos
from cocos import scene
from cocos.layer import Layer, ColorLayer
from cocos.director import director
import pyglet
from pyglet.window import key
from time import sleep
class MyActor(cocos.draw.Line):
    def __init__(self, x1, y1, x2, y2, rgba):
        super(MyActor, self).__init__( (x1, y1), (x2, y2), rgba )
class Layer00(Layer):
    is_event_handler = True
    def __init__(self):
        super(Layer00, self).__init__()
        self.myactor = MyActor(0, 0, 100, 100, (255, 255, 230, 255))
        self.add(self.myactor)
    def on_mouse_press(self, x, y, buttons, modifiers):
        self.myactor.x = random.random() * 640 
        self.myactor.y = random.random() * 480
director.init(width=640, height=480)
director.run( scene.Scene( Layer00() ) )

画面が現れるので確認
画面の中で、マウスのボタンを押す（クリック）。すると、オブジェクトが動くので確認．何度かマウスをクリックすること。
結果を確認したら，右上の「x」をクリックして終了．

■ 演習問題：上の手順を行いなさい。

マウスクリックで、文字列の色のランダム変化

イベント: on_mouse_press (マウスのボタンが押された)
イベントハンドラ: オブジェクトの color 値を変える

spyder を使う．

エディタの画面に，次の Python プログラムをコピー＆ペーストし， 実行ボタンをクリック．

import random
import cocos
from cocos import scene
from cocos.layer import Layer, ColorLayer
from cocos.director import director
import pyglet
from pyglet.window import key
from time import sleep
class MyActor(cocos.text.Label):
    def __init__(self, text, x, y, size, rgba):
        super(MyActor, self).__init__(
            text, 
            font_name = "Times New Roman", 
            font_size = size, 
            anchor_x = 'center', 
            anchor_y = 'center', 
            color = rgba 
        )
        self.position = cocos.euclid.Vector2(x, y) 
class Layer00(Layer):
    is_event_handler = True
    def __init__(self):
        super(Layer00, self).__init__()
        self.myactor = MyActor("A", 0, 0, 32, (0, 200, 255, 255))
        self.add(self.myactor)
    def on_mouse_press(self, x, y, buttons, modifiers):
        self.myactor.element.color = ( int(random.random() * 256.0), int(random.random() * 256.0), int(random.random() * 256.0), int(random.random() * 256.0) )
        self.myactor.x = random.random() * 640 
        self.myactor.y = random.random() * 480
director.init(width=640, height=480)
director.run( scene.Scene( Layer00() ) )

画面が現れるので確認
画面の中で、マウスのボタンを押す（クリック）。すると、オブジェクトが動くと同時に色が変化するので確認．何度かマウスをクリックすること。
結果を確認したら，右上の「x」をクリックして終了．

■ 演習問題：上の手順を行いなさい。