Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
ドッターのためのプログラミング   なにそれおいしいの    TwitterID:manaten    http://manaten.net
今日はなすこと   プログラムとはなんだ       どんなものか、イメージできる程度に       プログラミングできるようになるわけではな        いです   ドッターに便利なプログラミング       幾つか使ったことのあ...
この講演の対象者   プログラムなにそれおいしいのなドッター       プログラムってなんだお(^ω^ )       ゲームが作りたいけど最初の一歩が・・・       プログラマと仕事する人   プログラムをドット絵に活用してみ...
プログラムってなに
プログラムってなに   PCで動いてるものは、全部プログラム       WindowsなどのOS       PowerPointなどのアプリケーション       ドッター必需品のEDGE, Galeなど   ゲーム機や携帯電話の...
プログラミングってなあに
プログラミングってなあに   PCにやってほしいこと(を書くこと)!       でもいきなり、「プレゼンを表示して」とか、        「ぼくのかんがえたさいきょうのゲームをう        ごかせ」とかじゃダメ       PCに理...
プログラミングってなあに   じゃあ、どんなふうに書くのさ
プログラミングってなあに   じゃあ、どんなふうに書くのさ       やってほしいこと=目的地、プログラム=道筋
プログラミングってなあに   じゃあ、どんなふうに書くのさ       やってほしいこと=目的地、プログラム=道筋                      駅を北口に出る                      突き当りを左へ     ...
プログラミングってなあに   じゃあ、どんなふうに書くのさ       やってほしいこと=目的地、プログラム=道筋                      駅を北口に出る                      突き当りを左へ     ...
簡単な例   三角形の面積を計算し表示するプログラム       底辺3、高さ4の場合          3×4を計算        上の結果を2で割る        上の結果を画面に表示
簡単な例   三角形の面積を計算し表示するプログラム       底辺3、高さ4の場合          3×4を計算                      val x = 3 * 4        上の結果を2で割る     val ...
簡単な例   三角形の面積を計算し表示するプログラム       底辺3、高さ4の場合          3×4を計算                        val x = 3 * 4        上の結果を2で割る       ...
アクションゲームの例Bボタンでジャンプ            敵にあたったら痛い  十字キーで移動
アクションゲームの例   大雑把に説明すると・・・             ボタン入力を受け取る     方向キーなら移動する        Bボタンならジャンプ               敵を移動させる     敵に触れてたらダメージ  ...
アクションゲームの例   大雑把に説明すると・・・             ボタン入力を受け取る     方向キーなら移動する        Bボタンならジャンプ               敵を移動させる     敵に触れてたらダメージ  ...
アクションゲームの例   ほんとは、もっと複雑      敵を移動させる
アクションゲームの例   ほんとは、もっと複雑      敵を移動させる                    敵の座標を計算                 敵の画面上の位置を計算                 敵の画象を新しい位置に表示
つまり、プログラムってなんじゃ   基本的には処理の流れ       〇〇したら、× ×する。そして△ △する。       枝分かれしたり繰り返したりすることで、複        雑なこともできるよ       複雑なものも簡単な処理...
プログラミング言語   プログラムを記述するためのもの       用途によって様々なものが存在           動作が早かったり、ある事柄を簡単に書けたり           目的や、プログラマの趣味によって選択       た...
いろいろなプログラミング言語   なんでも素早く    掲示板など、     こなす。    サーバー言語の    かなり硬派。     人気者。      柔軟に     柔軟かつ   なんでもこなす   スピーディな     便利屋。   ...
いろいろなプログラミング言語int x = 3 * 4;        $x = 3 * 4;int area = x / 2;     $area = $x / 2;printf(“%d”, area);   echo $area;     ...
ドッターのためのプログラミング   じゃあ実際どんな厄にたつの?   いくつかの例       たくさんの画像をひとつに纏める!       画像のフォーマットを揃える       画像を合成してエフェクトを作る!       おま...
たくさんの画像をひとつに纏める
たくさんの画像をひとつに纏める
たくさんの画像をひとつに纏める    画像ファイルを読み込む    結合後のの大きさの空画象を          作る    読み込んだ画象をそれぞれ空      画像に配置していく    配置が終わった画象をファイ        ルに書き出す
たくさんの画像をひとつに纏める
たくさんの画像をひとつに纏める          画像ファイルを読み込む         結合後のの大きさの空画象を               作る         読み込んだ画象をそれぞれ空           画像に配置していく     ...
画像のフォーマットを揃える                 24bit BMP8bit GIF           8bit PNG
画像のフォーマットを揃える                 24bit BMP                      32bit PNG8bit GIF                     32bit PNG           8bi...
画像のフォーマットを揃える    画像ファイルを読み込む   それぞれに対し、同じ大きさ   の空画象を同じフォーマット        で作る   読み込んだ画象をそれぞれ描       き込んでいく   配置が終わった画象をファイ      ...
画像のフォーマットを揃える
画像のフォーマットを揃える         画像ファイルを読み込む        それぞれに対し、同じ大きさ        の空画象を32bitPNGで作る        それぞれ、読み込んだ画象を           それぞれ描き込む    ...
画像を合成してエフェクトを作る元絵1   元絵2    出力
画像を合成してエフェクトを作る    画像ファイルを読み込む    出力用の同じサイズの画像を         用意する    読み込んだ画象のすべてのピ    クセルに対して、それぞれ足    しあわせた値を出力用の画像       に描き込...
画像を合成してエフェクトを作る
画像を合成してエフェクトを作る          画像ファイルを読み込む         出力用の同じサイズの画像を              用意する         読み込んだ画象のすべてのピ         クセルに対して、それぞれ足  ...
おまけ・パレットで遊ぶ
まとめ   プログラミングはなんなんだ       PCにやってほしいことを教えること       教えるための言語=プログラミング言語   プログラミングは面白いよ!       アイデア次第でなんでもできるよ       面白い...
おまけ   EDGE2の布教
ドッターのためのプログラミングなにそれおいしいの
Upcoming SlideShare
Loading in …5
×

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

486 views

Published on

  • Be the first to comment

  • Be the first to like this

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

  1. 1. ドッターのためのプログラミング なにそれおいしいの TwitterID:manaten http://manaten.net
  2. 2. 今日はなすこと プログラムとはなんだ  どんなものか、イメージできる程度に  プログラミングできるようになるわけではな いです ドッターに便利なプログラミング  幾つか使ったことのあるサンプルを紹介 あとEDGE2の紹介もします
  3. 3. この講演の対象者 プログラムなにそれおいしいのなドッター  プログラムってなんだお(^ω^ )  ゲームが作りたいけど最初の一歩が・・・  プログラマと仕事する人 プログラムをドット絵に活用してみたい人 あくまで知らない人向け  プログラムバリバリな人にはつまらないかも  プログラムが書けるようにはならないと思いま す
  4. 4. プログラムってなに
  5. 5. プログラムってなに PCで動いてるものは、全部プログラム  WindowsなどのOS  PowerPointなどのアプリケーション  ドッター必需品のEDGE, Galeなど ゲーム機や携帯電話の中身も
  6. 6. プログラミングってなあに
  7. 7. プログラミングってなあに PCにやってほしいこと(を書くこと)!  でもいきなり、「プレゼンを表示して」とか、 「ぼくのかんがえたさいきょうのゲームをう ごかせ」とかじゃダメ  PCに理解できるように書かなきゃダメ 足をお舐め
  8. 8. プログラミングってなあに じゃあ、どんなふうに書くのさ
  9. 9. プログラミングってなあに じゃあ、どんなふうに書くのさ  やってほしいこと=目的地、プログラム=道筋
  10. 10. プログラミングってなあに じゃあ、どんなふうに書くのさ  やってほしいこと=目的地、プログラム=道筋 駅を北口に出る 突き当りを左へ マクドナルドの角を右へ 突き当りを右へ セブンイレブンの角を左へ 突き当りを左へ
  11. 11. プログラミングってなあに じゃあ、どんなふうに書くのさ  やってほしいこと=目的地、プログラム=道筋 駅を北口に出る 突き当りを左へ マクドナルドの角を右へ 突き当りを右へ セブンイレブンの角を左へ 突き当りを左へ
  12. 12. 簡単な例 三角形の面積を計算し表示するプログラム  底辺3、高さ4の場合 3×4を計算 上の結果を2で割る 上の結果を画面に表示
  13. 13. 簡単な例 三角形の面積を計算し表示するプログラム  底辺3、高さ4の場合 3×4を計算 val x = 3 * 4 上の結果を2で割る val area = x / 2 println(area) 上の結果を画面に表示
  14. 14. 簡単な例 三角形の面積を計算し表示するプログラム  底辺3、高さ4の場合 3×4を計算 val x = 3 * 4 上の結果を2で割る val area = x / 2 println(area) 上の結果を画面に表示 6
  15. 15. アクションゲームの例Bボタンでジャンプ 敵にあたったら痛い 十字キーで移動
  16. 16. アクションゲームの例 大雑把に説明すると・・・ ボタン入力を受け取る 方向キーなら移動する Bボタンならジャンプ 敵を移動させる 敵に触れてたらダメージ 敵を踏んづけてたら攻撃 以上繰り返し
  17. 17. アクションゲームの例 大雑把に説明すると・・・ ボタン入力を受け取る 方向キーなら移動する Bボタンならジャンプ 敵を移動させる 敵に触れてたらダメージ 敵を踏んづけてたら攻撃 以上繰り返し
  18. 18. アクションゲームの例 ほんとは、もっと複雑 敵を移動させる
  19. 19. アクションゲームの例 ほんとは、もっと複雑 敵を移動させる 敵の座標を計算 敵の画面上の位置を計算 敵の画象を新しい位置に表示
  20. 20. つまり、プログラムってなんじゃ 基本的には処理の流れ  〇〇したら、× ×する。そして△ △する。  枝分かれしたり繰り返したりすることで、複 雑なこともできるよ  複雑なものも簡単な処理の積み重ねでできて るよ
  21. 21. プログラミング言語 プログラムを記述するためのもの  用途によって様々なものが存在  動作が早かったり、ある事柄を簡単に書けたり  目的や、プログラマの趣味によって選択  たくさんあるよ!  C, C++, C#, Java, JavaScript, PHP, Python, BASIC, Ruby, Perl, ActionScript, Scala, Haskell, Lua,…  ドット絵で言うと、ツールに近い  EDGEを使うか、Galeを使うか
  22. 22. いろいろなプログラミング言語 なんでも素早く 掲示板など、 こなす。 サーバー言語の かなり硬派。 人気者。 柔軟に 柔軟かつ なんでもこなす スピーディな 便利屋。 若手ホープ。
  23. 23. いろいろなプログラミング言語int x = 3 * 4; $x = 3 * 4;int area = x / 2; $area = $x / 2;printf(“%d”, area); echo $area; C PHPx = 3 * 4 val x = 3 * 4area = x / 2 val area = x / 2puts area println(area) Ruby Scala
  24. 24. ドッターのためのプログラミング じゃあ実際どんな厄にたつの? いくつかの例  たくさんの画像をひとつに纏める!  画像のフォーマットを揃える  画像を合成してエフェクトを作る!  おまけ・パレットで遊ぶ!
  25. 25. たくさんの画像をひとつに纏める
  26. 26. たくさんの画像をひとつに纏める
  27. 27. たくさんの画像をひとつに纏める 画像ファイルを読み込む 結合後のの大きさの空画象を 作る 読み込んだ画象をそれぞれ空 画像に配置していく 配置が終わった画象をファイ ルに書き出す
  28. 28. たくさんの画像をひとつに纏める
  29. 29. たくさんの画像をひとつに纏める 画像ファイルを読み込む 結合後のの大きさの空画象を 作る 読み込んだ画象をそれぞれ空 画像に配置していく 配置が終わった画象をファイ ルに書き出す
  30. 30. 画像のフォーマットを揃える 24bit BMP8bit GIF 8bit PNG
  31. 31. 画像のフォーマットを揃える 24bit BMP 32bit PNG8bit GIF 32bit PNG 8bit PNG 32bit PNG
  32. 32. 画像のフォーマットを揃える 画像ファイルを読み込む それぞれに対し、同じ大きさ の空画象を同じフォーマット で作る 読み込んだ画象をそれぞれ描 き込んでいく 配置が終わった画象をファイ ルに書き出す
  33. 33. 画像のフォーマットを揃える
  34. 34. 画像のフォーマットを揃える 画像ファイルを読み込む それぞれに対し、同じ大きさ の空画象を32bitPNGで作る それぞれ、読み込んだ画象を それぞれ描き込む 配置が終わった画象をファイ ルに書き出す
  35. 35. 画像を合成してエフェクトを作る元絵1 元絵2 出力
  36. 36. 画像を合成してエフェクトを作る 画像ファイルを読み込む 出力用の同じサイズの画像を 用意する 読み込んだ画象のすべてのピ クセルに対して、それぞれ足 しあわせた値を出力用の画像 に描き込んでいく 配置が終わった画象をファイ ルに書き出す
  37. 37. 画像を合成してエフェクトを作る
  38. 38. 画像を合成してエフェクトを作る 画像ファイルを読み込む 出力用の同じサイズの画像を 用意する 読み込んだ画象のすべてのピ クセルに対して、それぞれ足 しあわせた値を出力用の画像 に描き込んでいく 配置が終わった画象をファイ ルに書き出す
  39. 39. おまけ・パレットで遊ぶ
  40. 40. まとめ プログラミングはなんなんだ  PCにやってほしいことを教えること  教えるための言語=プログラミング言語 プログラミングは面白いよ!  アイデア次第でなんでもできるよ  面白いドット絵、プログラム、(出来ればゲー ム)を作ったら教えてね!
  41. 41. おまけ EDGE2の布教

×