ドッターのためのプログラミングなにそれおいしいの

ドッターのためのプログラミング
なにそれおいしいの
TwitterID:manaten
http://manaten.net

今日はなすこと
 プログラムとはなんだ
 どんなものか、イメージできる程度に
 プログラミングできるようになるわけではな
いです
 ドッターに便利なプログラミング
 幾つか使ったことのあるサンプルを紹介
 あとEDGE2の紹介もします

この講演の対象者
 プログラムなにそれおいしいのなドッター
 プログラムってなんだお(^ω^ )
 ゲームが作りたいけど最初の一歩が・・・
 プログラマと仕事する人
 プログラムをドット絵に活用してみたい人
 あくまで知らない人向け
 プログラムバリバリな人にはつまらないかも
 プログラムが書けるようにはならないと思いま
す

プログラムってなに
 PCで動いてるものは、全部プログラム
 WindowsなどのOS
 PowerPointなどのアプリケーション
 ドッター必需品のEDGE, Galeなど
 ゲーム機や携帯電話の中身も

プログラミングってなあに

 PCにやってほしいこと(を書くこと)！
 でもいきなり、「プレゼンを表示して」とか、
「ぼくのかんがえたさいきょうのゲームをう
ごかせ」とかじゃダメ
 PCに理解できるように書かなきゃダメ

足をお舐め

 じゃあ、どんなふうに書くのさ

 やってほしいこと=目的地、プログラム=道筋

 やってほしいこと=目的地、プログラム=道筋
駅を北口に出る

突き当りを左へ

マクドナルドの角を右へ

突き当りを右へ

セブンイレブンの角を左へ

突き当りを左へ

簡単な例
 三角形の面積を計算し表示するプログラム
 底辺3、高さ4の場合

3×4を計算

上の結果を2で割る

上の結果を画面に表示

簡単な例

3×4を計算
val x = 3 * 4
上の結果を2で割る val area = x / 2
println(area)

簡単な例
3×4を計算
val x = 3 * 4
上の結果を2で割る val area = x / 2
println(area)

6

アクションゲームの例

Bボタンでジャンプ
敵にあたったら痛い

十字キーで移動

 大雑把に説明すると・・・
ボタン入力を受け取る

方向キーなら移動する Bボタンならジャンプ

敵を移動させる

敵に触れてたらダメージ敵を踏んづけてたら攻撃

以上繰り返し

 ほんとは、もっと複雑


 ほんとは、もっと複雑

敵の座標を計算

敵の画面上の位置を計算

敵の画象を新しい位置に表示

つまり、プログラムってなんじゃ

 基本的には処理の流れ
 〇〇したら、× ×する。そして△ △する。
 枝分かれしたり繰り返したりすることで、複
雑なこともできるよ
 複雑なものも簡単な処理の積み重ねでできて
るよ

プログラミング言語
 プログラムを記述するためのもの
 用途によって様々なものが存在
 動作が早かったり、ある事柄を簡単に書けたり
 目的や、プログラマの趣味によって選択
 たくさんあるよ！
 C, C++, C#, Java, JavaScript, PHP, Python, BASIC,
Ruby, Perl, ActionScript, Scala, Haskell, Lua,…
 ドット絵で言うと、ツールに近い
 EDGEを使うか、Galeを使うか

いろいろなプログラミング言語

なんでも素早く掲示板など、
こなす。サーバー言語の
かなり硬派。人気者。

柔軟に柔軟かつ
なんでもこなすスピーディな
便利屋。若手ホープ。

いろいろなプログラミング言語

int x = 3 * 4; $x = 3 * 4;
int area = x / 2; $area = $x / 2;
printf(“%d”, area); echo $area;

C PHP

x = 3 * 4 val x = 3 * 4
area = x / 2 val area = x / 2
puts area println(area)

Ruby Scala

ドッターのためのプログラミング

 じゃあ実際どんな厄にたつの？
 いくつかの例
 たくさんの画像をひとつに纏める！
 画像のフォーマットを揃える
 画像を合成してエフェクトを作る！
 おまけ・パレットで遊ぶ！

たくさんの画像をひとつに纏める


画像ファイルを読み込む

結合後のの大きさの空画象を
作る

読み込んだ画象をそれぞれ空
画像に配置していく

配置が終わった画象をファイ
ルに書き出す


結合後のの大きさの空画象を
作る

読み込んだ画象をそれぞれ空
画像に配置していく

ルに書き出す

画像のフォーマットを揃える

24bit BMP

8bit GIF

8bit PNG


24bit BMP 32bit PNG

8bit GIF 32bit PNG

8bit PNG 32bit PNG



それぞれに対し、同じ大きさ
の空画象を同じフォーマット
で作る

読み込んだ画象をそれぞれ描
き込んでいく

ルに書き出す



それぞれに対し、同じ大きさ
の空画象を32bitPNGで作る

それぞれ、読み込んだ画象を
それぞれ描き込む

ルに書き出す

画像を合成してエフェクトを作る

元絵1 元絵2 出力



出力用の同じサイズの画像を
用意する

読み込んだ画象のすべてのピ
クセルに対して、それぞれ足
しあわせた値を出力用の画像
に描き込んでいく

ルに書き出す

おまけ・パレットで遊ぶ

まとめ
 プログラミングはなんなんだ
 PCにやってほしいことを教えること
 教えるための言語＝プログラミング言語
 プログラミングは面白いよ！
 アイデア次第でなんでもできるよ
 面白いドット絵、プログラム、(出来ればゲー
ム)を作ったら教えてね！

おまけ
 EDGE2の布教

ドッターのためのプログラミングなにそれおいしいの

ドッターのためのプログラミングなにそれおいしいの

Recommandé

Recommandé

Contenu connexe

Similaire à ドッターのためのプログラミングなにそれおいしいの

Similaire à ドッターのためのプログラミングなにそれおいしいの (20)

ドッターのためのプログラミングなにそれおいしいの