/* Google Analytics ▽ */ /* Google Analytics △ */

WEB制作の勉強メモ / 猫脳人間

HTML CSS JavaScript ActionScript jQuery WordPress PHP Illustrator Photoshop Flash … 猫サイズの脳でも覚えるぞ と…

2015年 04月19日(休日)のメモ。ゲームでプログラミング学習

新たに見つけた学習サイトや、
WEB や blog に関するサービスを記録。

CODE COMBAT

codecombat.com

プログラミング学習サイト。
ロールプレイングゲームの中で、
キャラクターへの命令を
全てプログラムコードの入力で進めていく学習方法。
※ 音声が出ます(Off にもできます)。

無料で登録できます。
有料の部分も有りますが任意。

f:id:silentcait:20150420110733p:plain

 言語は デフォルトが 「Python」 という言語。
キャラクター選択(ヒーロー選択)の画面で他の言語が選択可能。
ここでは 『JavaScript』 を選択しました。

f:id:silentcait:20150420112630p:plain

f:id:silentcait:20150420110735p:plain

ステージをクリアしていくと、
装備できるアイテムが増えていき、
武具が持っているステータスに『攻撃力』や『防御力』がありますが、
このゲームの中では、『攻撃力』『防御力』の他に
『スキル』と称した プログラムに使う命令が持たされていて、
そのスキルを持った武具を装備する事で、
それらの命令が使用・入力出来るようになります。
その結果ゲームキャラクターの行動の種類や
得られる効果が増えるという事になります。

f:id:silentcait:20150420110734p:plain

f:id:silentcait:20150420110736p:plain

JavaScript でスタート地点から出口に至るまでの行動を
入力してから 『実行』ボタンをクリック。
上手くその部屋を出られたらステージクリアになり、
経験値と報酬がもらえ、
次のステージ(ダンジョン)に進めるようになります。

f:id:silentcait:20150420110737p:plain

しばらくプレイして、レベル7になりました。

f:id:silentcait:20150420110738p:plain

もちろん、入力が上手くいかないと
キャラクターが戦闘不能になりますが、
何度でもやり直せます。
ヘルプで動画解説も見る事ができますし、
自力で調べるのも勉強になるかと思います。

ただ入力していくだけで進める学習法も
とても便利で勉強になりますが、
これはこれで楽しかったです。

※ ヘルプテキストは英語です…。
※ 一部のヘルプ動画の閲覧が有料
※ 青い☆印のステージ(ダンジョン)が有料ですが、
  そこを飛ばしてプレイ可能です

f:id:silentcait:20150420112631p:plain

CodeCombat - Learn how to code by playing a game


CodeCombat Trailer - YouTube

CheckiO

www.checkio.org
とてもキレイなプログラミング学習サイト。

f:id:silentcait:20150420125809p:plain
学習できるプログラミング言語
Python 』という言語のみとの事で、
学習には入りませんでしたが、こちらも楽しそう。

Pythonとは - Python入門から応用までの学習サイト

Pythonとは - Python Japan

Python - Wikipedia

 

今回見つけた他のサイト

 

講師の生徒向け受講内容ブログ

ポラロイド風写真を作る - Webデザインの勉強 | Webサイト制作科 3月16日開講クラス

 

※ 前回の投稿から日付を飛ばしてブログ投稿しました。