見出し画像

【自由研究】HackforPlay（ハックフォープレイ）で 遊ぼう！

鉄道パークR

【2020.8　小５夏休み自由研究】


『自分で考え、作ったゲームを

　みんなが遊んでくれる』


なんてことがあったら

嬉しくないですか？


それを叶えられる夢のようなゲームがあるんです！

その名も

「ハックフォープレイ」


ハックフォープレイは、プログラミングでオリジナルゲームが作れます！しかも、そのゲームをインターネットでみんなが遊べるんです。


小学生でもゲームが作れるプログラミングはたくさんありますが、ハックフォープレイはゲーム画面の右側にプログラミングの画面があり、『自分でコードを書く』ということができるので、プログラミングを身近に感じられると思います！


そんな 『あそべるプログラミング　ハックフォープレイ』を紹介していきたいと思います。


遊べるプログラミングHackforPlayの紹介

～ハックフォープレイをやってみよう～


僕はハックフォープレイというプログラミングのゲームに はまっています。

画像2

ハックフォープレイは、プログラミングでオリジナルゲームが作れます！！
そしてゲームを公開することができます。 公開したゲームはみんなが遊べるようになります。

画像3

クエスト系やRPG系、シューティング系などなど、ハックフォープレイで作れるゲームは無限大です！


僕は『鉄道パークR』というユーザー名で出していますが、いろいろな人が作っているので、みんなのステージをやってみるのもおすすめです！


■ハックフォープレイを始めたきっかけ

きっかけは、お父さんの知り合いの子どもがハックフォープレイをやっていたことです。お父さんに「すごくおもしろいらしいから、やってみたら？」と言われ、休校中で時間がたくさんあったので、ひとりでやってみたところ、意外にはまり、その時はいっぱいゲームを作ってやっていました。
ですが・・・ハックフォープレイをやって約２週間後、少し飽きてしまい、やらなくなってしまいました。

■またやるようになったきっかけと はまったわけ

やらなくなって約2週間たった頃、「久しぶりにハックフォープレイやってみようかな～」と、軽い気持ちでパソコンの前に座り、ハックフォープレイを開きました。
すると・・・。
ハックフォープレイからお知らせが来ていたのです。

画像4

そこには『公式YouTubeチャンネルにのりました！』と出ていたのです！


YouTubeを開いてみたところ、僕のステージをYouTuberのたにさんが実況プレイしてくれていたのです！それがハックフォープレイにはまったきっかけになったことは、間違いありません。
それから毎日パソコンの前に座り、ハックフォープレイを開き、ゲーム作成を繰り返し、上達していったのです。


■ハックフォープレイをやってよかったところ


①タイピングが速くなった
いっぱいゲームを作って、キーをいっぱい押しているうち、タイピングが確実に上達していき、少し長いゲームも楽々作れるようになりました。
なので、今回はハックフォープレイの紹介を、直筆ではなくパソコンで打つことにしました。


②JavaScriptに興味を持った
プログラミングにはいろいろな言語があります。そんな中で、ハックフォープレイで使われているプログラミング言語はJavaScriptという言語です。ハックフォープレイをやっていくうちにJavaScriptに興味を持ち始めました。
JavaScriptにはいろいろなコードがあります。たとえば・・・
--------------------------------------------------------------------------------------
console.log  コンソール(ゲームの画面に文字を書ける文)
if 　もしも
&&  かつ(なおかつ)
||  または
let 変数 （あとで変えられる）
const 　定数（あとで変えられない）
--------------------------------------------------------------------------------------
こういうコードを知ろうとするキッカケにもなりました。
いろいろなコードを知ったことで、もっとおもしろいゲームが作れるようになりました。


■ハックフォープレイの魅力


①おもしろいゲームを作るとYouTubeで紹介してくれる

画像5

公開されているステージの中から、YouTuberのたにさんが実況してくれることがあります。
自分のステージが実況されると、ものすごくテンションが上がります！！


②わからないところをチャットで聞ける

画像6

画面の右下にある、このボタンを押すと、開発者の人と直接チャットができます。エラーが出たときや、わからないことをきくことができるので、パソコンやプログラミングに詳しくなくても安心です。


③自分のステージを他の人が遊んでくれたのがわかる

画像7

『お知らせ』を開くと、自分のステージを遊んでくれたユーザー名が表示されています。たくさんの人にやってもらえるとめちゃくちゃうれしいです。開発者のてらさん、YouTuberのたにさんがやってくれたのもここに表示されるので、見てもらえたというだけでもうれしくなります。


④オンラインイベントがある(HackforPlayFesなど)

画像8

ハックフォープレイは定期的にオンラインイベントをやっています。　『ハックフォープレイフェス』は、みんなでゲームを作って遊ぶという、YouTubeライブのイベントです。
他にも『かけだしクリエーター応援配信』　『１時間チャレンジ』　などというイベントもあり、だれでも参加できます。


■HackforPlayのやり方

ここからはハックフォープレイのやり方を紹介します。
ハックフォープレイでゲームを作るには、パソコンが必要です。でも見たり遊んだりするだけならタブレットやスマホでもできます。

①ハックフォープレイを開こう！

注意！！ブラウザは　Chrome　で開いてね！
・「ハックフォープレイ」と検索してハックフォープレイを開こう！

画像9

このサイトに行きます↓↓↓↓↓↓↓

画像10



②ログインしよう！

注意！！ログインするときはお父さんやお母さんに相談してからにしよう！

画像11

画像12

最初は無料プラン(キャラのバリエーションが少ない)になっていますが、お金をかけてでもやりたい人は、そのあとお支払い情報を登録すると月額プラン(キャラのバリエーションが多い)が選べるようになります。


③プログラミングでゲームをクリアしよう！

初めてやる人は、最初にハックフォープレイのホームにあるゲームスタートをクリック！

画像13


すると『はじまりのぼうけん』というゲームに行けます。

画像14

まずはこのステージをクリアしよう！

■はじまりのぼうけん攻略のポイント！

『はじまりのぼうけん』攻略のポイントは、度々出てくる　これ！！

画像15

この『まほうの本をかきかえよう！』と出ているこの本が、攻略のポイントです！
これをクリックするといろいろなことができます。
下の場面だと、ボススライムのHP(たいりょく)が高すぎて倒せない！

画像16

こんな時に使うのが、まほうの本(まどうしょ)です。
まどうしょをクリックしてみましょう。すると・・・。

画像17

こんなものが出てきました。これは、あの体力が高すぎて倒せなかったボススライムの、たいりょくを変えられるコードです。100000と書いてあるところをクリックしてみてください。

クリックしたら、まずBACKSPACEキーを1回押してから、ボススライムの体力を数字キーで変えましょう。思いっきり数字を小さくして、１とか１０とかにすると簡単に倒せるようになります。

画像18

画像19

体力を変えたら、ゲームの画面をクリック。そうするとゲームに戻ることができます。
これでボススライムの体力が変わって、倒せるようになったはずです！
そういう技術を使って進んで行ってください！


まどうしょを使ってゲームをクリアすることができたら、自分のステージをつくるをクリック！

画像20


そうすると下のようなサイトに行きます。

画像21

これはハックフォープレイ公式のYouTuberのたにさんが作った、ゲームの作り方を見れる画面です。クリックすると動画をみることができます。左上から順番にみるといいですよ！


それが見終わったらついに・・・


④自分のオリジナルゲームを作ろう！

あとは自分でゲームを自由に作ります。ゲームの作り方はYouTuberたにさんの動画を見てください！とても分かりやすい動画なので、すぐ作れるようになると思います。
面白いゲームを作って公開すると、たにさんがYouTubeで実況プレイしてくれるかも・・・。
ハックフォープレイ実況(YouTubeの動画)の見方はあとで紹介します。

⑤ゲームが作れたら ゲームを公開しよう！

まずタイトルをつけましょう！

画像22

公開するリンクをタップすると

画像23

こういうのが出ます。
クリアができるゲームなら、クリアチェックして公開を押してクリアしてください！(クリアすると自動的に公開されます)
クリアができないゲーム、クリアがないゲームなら、このまま公開を押してもしていいです！


＜たにさんの実況動画の見方＞

1）ブラウザで　ハックフォープレイ実況　と検索

ＹｏｕＴｕｂｅハックフォープレイ実況-ＹｏｕＴｕｂｅ‐　というリンクをクリック。トップページの『動画』というところをクリックすると今までの実況動画が全て見れます。

2）YouTubeで　ハックフォープレイ　と検索

ハックフォープレイ実況というリンクをクリック。トップページの『動画』というところをクリックすると今までの実況動画が全て見れます。


たにさんの実況動画はおもしろいので、見るだけでも楽しいですよ！気になったステージがあったら、それを実際にやってみたり、プログラミングのコードをみて自分のゲームに活かしたりすこともできるので、おすすめです！



～鉄道パークRのゲーム紹介～

ハックフォープレイではいろいろなゲームを作ることができます。
今回は僕(鉄道パークR)が作ったゲームを少し紹介していきます！

自信作ベスト5！

１位　暗算コマンドコロシアム完全版
２位　ザ・スロット
３位　本格的釣りゲーム
４位　夏こそもちろん雪合戦！。。。だよなｗ
５位　勉強塾3

おすすめステージ！

①本格的釣りゲーム
②オリリンピック2女子200m障害　ジャンプをしよう
③ザ・スロット
④ダッシュ！　プリンセスにすべてのりんごを。。。
⑤小３リコーダー曲～三曲まとめ～

■作品紹介！


自信作第1位『暗算コマンドコロシアム完全版』

暗算コマンドコロシアムは、名前の通り暗算のコロシアムです。

画像24

画像25

このゲームは、問題を正解すると攻撃出来て、間違えると攻撃される仕組みです。
このステージの面白いところは、コマンド選択式にしているところ！選択肢があるのでそれを選んで戦います。

画像26

このゲームには『STORYモード』と『GAMEモード』があるので、物語も楽しめます。

画像28


物語の結末にも注目！
どんどん計算を解いて、ラスボスのdoラキュら を倒そう！

画像28


おすすめ③、自信作2位　「ザ・スロット」

画像29

スロットのステージはハックフォープレイ史上初！３つの絵柄をすべて揃えたらクリアというカジノ系のゲームです！
やり方は簡単！右のレバーをタップでスロットがスタート！！

画像30

絵柄が出ている下のボタンをタップするとストップできます！

画像31

画像32

右に出ている順番に回っているので、目押しが可能！
1回やるとやみつきになるゲームです！
タップなので操作が不得意な人も安心だし、スマホでも簡単にできます！

画像33

画像34

画像35

画像36

このゲームは、夏休み中の『ハックフォープレイフェス＃７』の中で実況してもらいました。
自分のゲームをYouTubeライブでやってもらえるのも、ハックフォープレイのすごいところです！
運ゲーではないので、やればやるほどうまくなって、絵柄がそろえられるようになるかも！？
ぜひやってみてね！


おすすめ①、自信作　3位　「本格的釣りゲーム」

このステージの魅力は3つ！
１つ目は釣りざおがあること！！
釣りざおは、プログラム上にないのですが、小さくした岩を並べて作りました。
釣りざおの先を魚たちがおいかけてくるような仕組みになっています！

画像37


2つ目はスマホで出来るモードがあるところ！
パソコンではshift(シフト)キーで釣りざおを出して、enter(エンター)キーで釣ることができるという仕組みなのですが、スマホにはキーボードがないのでボタンをタップという形にしています。

画像38

画像39


3つ目は、えさの所に魚がいると釣れるのに、魚がいないと釣れないところ！
魚がえさの所にいるとenterキーかボタンをタップで釣れますが、魚がいないとenterキーかボタンをタップしても魚は釣れずに、釣りざおだけ回収されるようになっています！

このステージはスマホにも対応しているし、タイミングよく釣るだけなので操作が苦手な人でも楽しめるステージです！
このステージもたにさんが実況動画にしてくれたステージです！
ハックフォープレイ実況の中から『つりざおってアイテム、あったっけ？ｗ』を探してクリック！

画像40


本格的釣りゲーム、ぜひやってみてください！


自信作第４位　「夏こそもちろん雪合戦！。。。だよなｗ」

画像41

画像42

このステージはパソコン専用のステージです。
この雪合戦は画像をみてわかるようにハチャメチャです！コンピューターも交えた団体戦なので、人も多いし、雪玉もたくさん飛んでくる！！
２対２の簡単なステージもあるので、パソコン操作が苦手な人でも楽します！

vキーを押している間はしゃがめます。
しゃがんでいる間に歩くと雪が１つたまり、雪が４個で雪玉になります。
しゃがんでいると雪玉を５０％の確率でよけられますが、歩く速さはおそくなります。
立っている間は雪がたまらないし、雪玉をよけられませんが、歩く速さが速くなり、雪玉が打てるようになります。雪玉が0になったら打てなくなるので、しゃがんで歩いて雪を貯めよう！
雪を集めるのが難しい人のために、雪玉が3つたまる雪玉アセットが最初に２個、そのあとも時々どこかに現れるようにしてあります。踏むとくらう雪玉トラップと間違えないように注意！

　　　　　　雪玉アセット　　　　　　　　　雪玉トラップ
　　　　　　↓　↓　↓　↓　　　　　　　　　　　↓　↓　↓　↓

画像43


がんばって団体戦を制しよう！

画像44



自信作第5位　「勉強塾３」

画像45

このステージは「激むず」の計算を解いて進んでいくゲームです。
ドアを超えると次の問題が出てきて、どんどんドアを開けていきます。時間制限があり、5回間違えるとゲームオーバー。計算が得意な人におすすめ！でも計算が苦手な人の、時間が長いモードもあります！

画像46

そして僕の記録に挑戦する、鉄道パークRと勝負！もあるよ！これを超えたら君　天才！


おすすめ②「オリリンピック2女子200m障害　ジャンプをしよう」

画像47

これは、「みんなでハックフォープレイのオリリンピックを作ろう！」
というテーマで僕が企画し、みんなが参加してくれたもので、その時に僕が作ったおすすめステージです！このステージには相手（コンピューター）が3人います！
ジャンプして障害物を超えながら一位を目指そう！

画像48

このステージもたにさんが実況動画にしてくれたステージです。

画像49

画像50

たにさんのラストの実況に注目！！

ハックフォープレイ実況で
「オリンピック系ゲーム！金メダルめざすぞ！」を探してクリック！
すると『オリリンピック2女子200m障害　ジャンプをしよう』の動画が見れます。

このオリリンピック企画の閉会式もあるから、それもみてみてね！

画像51

画像52


おすすめ④「ダッシュ！プリンセスにすべてのりんごを。。。」

『１時間チャレンジ』という企画で、１時間で作ったステージです。
このステージはりんごをすべて拾ってプリンセスに渡すゲームです。全部拾ってプリンセスにあげないとクリアできません！

このステージにある奇妙なテレポーターをふむと。。。

画像53


どうなるかはやってみてのお楽しみ！
このステージもYouTuberたにさんが実況動画にしてくれたステージです。
見たい人は『YouTubeでハックフォープレイ実況』と検索して、『白色のテレポーターぜんぶ罠』という動画を探してクリックしてみてください。

画像54

画像55

このステージはプレーヤーの歩くスピートが速いので、操作が少し難しいのですが、面白いステージなのでやってみてください！


おすすめ⑤「小３リコーダー曲～三曲まとめ～」

画像56

小３の頃に習ったリコーダーの曲
「シシシでおはなし」
「虹色の風船」
「ゆかいなまきば」
をハックフォープレイで再現！
音階のアセットはないので、完全に音階を再現することは難しいですが、ボタンが同じ色の床を踏んだら音がするという仕組みになっているところが面白い！
このステージは完全自動ステージなので操作が不得意な人でも安心！


■最後に・・・


このように、ハックフォープレイで作れるものは無限大です！　
なので、もしハックフォープレイに興味を持った人がいたら、

自分で考え、

自分で作ったゲームを

みんなが遊んでくれる

という楽しさを分かち合うことができたら嬉しいです！
ハックフォープレイ、ぜひやってみて下さい！！


【製作】鉄道パークR
【プログラミングアプリ】ハックフォープレイ
【ハックフォープレイサイト】　https://www.hackforplay.xyz/
【僕のステージ】 https://www.hackforplay.xyz/users/Y7YTWj0qj9fA1vrdzfXCDLucs8D3


【これは2020年8月に書いたものです】

いいなと思ったら応援しよう！