スクラッチに挑戦している皆さん、どうも！スクラッチコーチです。
＼u003cp＼u003eオンラインゲームが
今回 の目標 は「同期 処理 」
クラウド変数 を用意 する
クラウドルール① New Scratcherは使 えない
ルール② 変数 を新 しく作 るときだけ有効 化 できる
ルール③ 数字 しか入 れられない
クラウド
u003cpu003e
ルール④ 雲 マークが先頭 に付 く
よっしゃ！クラウド
ルール⑤ 1つの作品 に付 き10個 まで
クラウドルール⑥ 値 は最大 2560文字 まで
1つのクラウドクラウド変数 を使 ってみる
クリックしたら加算 する
とりあえずスクラッチキャットをクリックしたらクラウド
テスト1
テスト2
セーブしよう
とりまセーブしておこう。WindowsならCtrl + S、MacならCmd + Sで
プロジェクトページを開 く
エディタではなくてプロジェクトページに
URLをコピーする
ブラウザのURLを
新 しいタブを開 く
ブラウザで
URLをペーストする
さっきコピーしておいたURLをペーストするよ。WindowsならCtrl + V、MacならCmd + Vだよ。
タブを隣 同士 に並 べる
タブを
クリックしてみよう！
座標 をクラウド変 数 に入 れる
よし！クリック処理 は消 す
これはもう
スクラッチキャットをマウスと一緒 に動 くようにする
テストをカンタンにするために、まずはマウスとずっとブロックを置 く
「マウスポインターへ行 く」ブロックを置 く
サイドのブロックパレットにあるときは「どこかの
テスト
クラウド変数 2を作 る
X
クラウド変数 に座標 を入 れる
XX座標 をクラウド変数 1に入 れる
Y座標 をクラウド変数 2に入 れる
テスト
受 け取 る側 の処理 を作 る
さっきみたいに２つのタブを座標 → クラウド変数 （送信 処理 ）クラウド変数 → 座標 （受信 処理 ）数字 の２が押 されたら
２が
他 の処理 を止 める
まず
受信 処理 のループを置 く
X座標 にクラウド変数 1をセットする
いよいよ
Y座標 にクラウド変数 2をセットする
テスト！
その前 にリロード
テストする
実施 ！
やってみよう！右側 のタブで数字 キーの「２」を押 す左側 のタブでマウスを動 かしてみる
u003cpu003e※ ガンダムのネタっす……u003c/pu003e
次回
スクラッチキャットの左側 のタブからクラウド変数 1を送信 する → 0.1秒 後 に右側 のタブで受信 するその次 に左 からクラウド変数 2を送信 する → さらに0.1秒 後 に右側 のタブで受信 するu003cpu003e
スクラッチでオンラインゲームを作る
- ① クラウド変数の使い方 （いまここ）
- ② エンコードする
- ③ デコードする
- ④ マイナス値に対応する
- ⑤ バッファリングを実装する
- ⑥ 別プレイヤーを検知する
- ⑦ プレイヤーを管理する
- ⑧ クローンを使おう
- ⑨ スケールアップする
- ⑩ 退場処理を作る
- ⑪ 自作ゲーム「鬼ごっこ」を作る
- ⑫ MMO鬼ごっこに改造する
- ⑬ クラウド変数でユーザー名を共有する方法
このスクラッチゲームの作り方に挑戦していて分からないことが発生したら質問してみてね。気づいたタイミングで回答するよ。
質問は
僕のスクラッチのプロフィール
で受け付けているよ。
・□□ ... どんな問題が起きているのか、どういうときに起きるのか、具体的に書こう。
・共有済みURL ... たまに共有してない作品URLを書いてる人がいるけど、共有しないとこちらから確認できないからよろしくね。
質問テンプレート（素早く3回クリックすると全選択できるのでコピーしよう）
・◯◯ ... 記事のどこまで実装が終わったのかを記入しよう。・□□ ... どんな問題が起きているのか、どういうときに起きるのか、具体的に書こう。
・共有済みURL ... たまに共有してない作品URLを書いてる人がいるけど、共有しないとこちらから確認できないからよろしくね。
スクラッチャーからのコメント
あなたの書いた「スクラッチでオンラインゲームを作る」という名前のサイトを見ていますが、とても分かりやすく興味深いです。これを参考にオンラインゲームを作っていきたいです！
@orange71565
読んでくれてありがとうございます。オンライン作品にチャレンジがんばって！応援してます(๑•̀ㅂ•́)و✧
クラウド変数の練習をしていたらちゃんとできていなかったから見てほしいです。↓
https://scratch.mit.edu/projects/1115732788/
@greeenstar
最近スクラッチ全体でクラウド変数がバグっているみたいなんです。。
@greeenstar
抜け道を発見しました。ターボワープの埋込モードで2つ開いて試してみてください。動くと思います。 https://turbowarp.org/1115732788/embed
こんばんは
スクラッチコーチの「スクラッチでオンラインゲームを作る」を参考にし、ゲームを作っているんですが、共有してもいいですか？
@wasawa01
いいですよ〜( ´∀｀)bｸﾞｯ!
スクラッチでオンラインゲームを作る①の動きを同期するところで再読み込みしないと同期されません。どうしたらいいですか？
@wdon15
https://scratch.mit.edu/projects/1115310844/
@wdon15
いまクラウド変数がバグっているようなんです。 https://scratch.mit.edu/discuss/topic/796671/?page=1#post-8300980 この12月25日の投稿を和訳すると「クラウド変数が現在不具合を起こしていて、修正されるのを待つしかありません。
残念ながら、原因や修正の見通しについては誰もわかっていないようです。
この問題はScratch全体に影響を及ぼしており、Scratchチームも状況を把握しています。」とのこと。
@wdon15
抜け道を発見しました。ターボワープの埋込モードで2つ開いて試してみてください。動くと思います。 https://turbowarp.org/1115310844/embed (最後に「/embed」ってついてます）
@ok-scratch
できました！ありがとうございます！
https://scratch.coach/lesson/how-to-use-cloud-variables/ に挑戦してます。「テスト2」の「タブを隣同士に並べる」まで終わりました。ただ、猫をクリックしても、もう一つのタブにクラウド変数が反映されなくて0のままです。自分でも調べましたが分かりません。見てもらえますか？ → https://scratch.mit.edu/projects/1113603873/
@Hikiniku14
質問ありがとうございます！作品が共有されてないかもしれません。こちらからだと見れない状態です。
@ok-scratch
ごめんなさい。ただいま共有しました。
@Hikiniku14
( ´∀｀)bｸﾞｯ!
@Hikiniku14
いろいろ見たのですが、スクラッチ側の問題なのか、この段階で同期が取れない理由が分からない。。。ちょっと時間を置いてみていいですか？たまにスクラッチ側の裏のメンテなどが絡む可能性もあるので。うーん。
@ok-scratch
わかりました。わざわざ僕のためにやっていただきありがとうございます。
@Hikiniku14
また時間を置いて見てみますね(^o^)
@ok-scratch
わかりました。
@Hikiniku14
抜け道を発見しました。ターボワープの埋込モードで2つ開いて試してみてください。動くと思います。 https://turbowarp.org/1113603873/embed (最後に「/embed」ってついてます）
画面を分割して両方の画面でやっても動きません
@ryu-ryu-7 2キーを押したらできました
すみませんでした
オンラインで同時多発型のサーバー（ボタンを押すと勝手にマッチングするやつ）って可能ですかね？理由も説明してもらえると助かります
@iepq7jn
すいません（コメントか見えないバグが起こって2回送っちゃいました）
@iepq7jn
いけると思います。クラウド変数で「マッチングのステータス」みたいな値を共有します。そこには、3種類のステータスが入ります。①マッチ相手探し中 ②待機中 ③マッチング済み（他の人のUID）。このステータスを入れるロジックは、Aさんがスタートしたときにクラウド変数を受信して、マッチングを探している人（Bさん）がいるなら、待機します。マッチングを探している人がいないなら、自分のステータスをマッチング探し中にして、他の人が入ってくるのを待ちます。マッチングしたら、AさんのステータスにはBさんのUIDを割り当てることで、この2人がマッチ済みであることがプログラム上で把握できます。
@ok-scratch
そこで起こったサーバーは、自立しますか？（対戦ゲームだとした時に、クラウド変数をその2人だけでやり取りできるか）
@iepq7jn
いいえ、クラウド変数は全員が受信することになります。しかし、同じUIDを持つマッチングした同士のみのデータかどうかをIFブロックなどで調べて、違うマッチングのデータは処理しないようにすれば成立すると思います。
@ok-scratch
ありがとうございます!!
クラウド変数の値がバグります。ゲーム製作が終わった後でいいので教えてください
@maple_tayama
すいません直りました。（しかもなぜかリンク張ってないし…）
@maple_tayama
そろそろ開発終わります！クラウド変数って難しいよね〜。
@ok-scratch
ですよね〜
https://scratch.mit.edu/projects/1083622417/このプロジェクトがオンライン化されていないんですが、どうすればいいですか。
@tonto_tarutaru
https://scratch.mit.edu/projects/1083622417/
@tonto_tarutaru
コーディングというよりクラウド変数の通信がうまくいってないみたいです。ためしにクラウド変数1に「0」って入れても、もう一方のクラウド変数1には値が反映されません。まっさらなプロジェクトならこれでもクラウド通信ができているので、なんらかのバグが生じている可能性あります。ファイルを保存して、新しいプロジェクトで読み込んでみるとどうでしょうか。
@ok-scratch
↑これをやってみたら、クラウド通信は成功するようになりました。ただネコが増えなかったので、また別の問題がひそんでいると思います。そこは多分コーディングのどこかなのかなと思うのですが、ちょっと確認してみてもらえますか？
@ok-scratch
そういえばフォロワー500番目、キリ番ゲットおめでとうございます＆ありがとう(^o^)
@ok-scratch
なるほど…ありがとうございます。
https://scratch.mit.edu/projects/1059878338/
この作品なのですがクラウド変数が再読込すると消えてしまいます
解決策わかる方いませんか？
@kappa-man
やってみましたが、平気そうです。
オンラインゲームの作り方知らなかったので勉強になりました！
@ParuPic
おおお！お役に立てて嬉しいです。クラウド変数はなかなかクセがすごいから、がんばってください(^o^)
https://scratch.mit.edu/projects/1056774964 このプロジェクトちゃんと動作しますかね…またまた片方の座標しか動かなくて困ってます。 どうしたら良いですか? あと、何回もすみません。
@napusutarook
２つ試してみたら動いてました。
@ok-scratch
!?
@ok-scratch
なんでこっちは縦座標しか動かないんだろう…
@napusutarook
縦だけ動くということは、yだけ同期できてるということだと思うけど、それはそれで妙ですね。
@napusutarook
https://scratch.mit.edu/projects/1055120833 作品リンク貼っておきますね。 改善方法を教えていただきたいです。お願いしますm(_ _)m
@napusutarook
ちとお盆でバタバタしてて今コメントみました！一通りコメントチェックとか終わったら中身をチェックしてみますね。
@ok-scratch
お願いします
@ok-scratch
すみません、ほかの機材でやったらなぜか治りました。ご迷惑おかけしました。
@napusutarook
パソコンでしか聞かない原因を教えて欲しいです。
@napusutarook
「１」が押されたとき、のところにある変数「エンコードの文字列を１にする」という部分が、「１ずつ変える」になっているので直してください。モバイルでやったときは、ひょっとしたらログインしてなかったからクラウド変数が動かなかった可能性もあります。
@ok-scratch
ありがとうございます!ちゃんと動作するようになりました!
お久しぶりです！
完成したのでアドバイスや感想などくださるとうれしいです！
https://scratch.mit.edu/projects/1034666037/
@shark-240
おお、クイズができたんですね。やってみたけど、けっこう難しいですね、ぜんぜんわからなかったｗ 雑学としてすごく楽しいです。答えられるまで進めなかったけど、スキップできたら嬉しいかなと思いました。どんどん問題を見たいなってプレイしてて思ったので。おつかれさまです♪
@ok-scratch
ありがとうございます！スキップ機能ですかその手があったか…アドバイスありがとうございます！まだ問題数少ないので増やしていきます！
こんにちは！
オンラインの作り方が分からず、調べていたらok-scratchさんのサイトが出てきたので見てみたらとても分かりやすく簡単にオンラインを作ることができました！ありがとうございます！これを応用してオンライン早押しクイズを作ってみたいのですがよろしいでしょうか？クレジットに参考にさせていただいた人として載せるつもりです！
よろしくお願いします！
@shark-240
おお、お役に立てて嬉しいです。クラウド変数周りは難易度高めなので途中で挫折しちゃうケースもありますが、無事に完成できたとのこと、おめでとうございます^_^ 他にも色々「作り方」載せていく予定ですので、また何か役に立ちそうな記事があればご参照ください♪
@ok-scratch
ありがとうございます！
正直サーバーを十個作って全部区別させるのに一苦労しましたw
完成したら見てってください！...あ時間があったらでいいですw
また役に立ちそうな記事があれば参考にさせていただきます！
@shark-240
了解です！完成したら教えてもらえたら嬉しいです(^^)
@FunnyAnimatorJimTV様のクラウドエンジンの最新版(英語)を解説してもらいたいです！！
@apple-1113
これです
https://scratch.mit.edu/projects/946713245/
@apple-1113
これ面白そうなチュートリアルですね、教えてもらえて嬉しい。僕もじっくり見てみたい。けどジムさんに聞いて許可もらえないと日本語解説はできないかも。YouTubeの動画があるから、ライセンスが必ずしもスクラッチのcc by-saではないから。けどジムさんが動画に日本語字幕付けれるかもとコメントしてくれてるから、字幕オンで観れば解るかも？情報ありがとう！！
@apple-1113
と、思ったけどグリフパッチさんの動画だった
@apple-1113
グリフパッチさんの最新のクラウド変数の使い方チュートリアルなら記事化してあるから、チェックしてみてください。すでに多くの人が記事を見てマルチプレイヤー化に成功しているので、ステップバイステップで進めていけば作れると思います。一度作れれば、バックパック化できるので、今後のゲーム開発がはかどりますよ！ https://scratch.coach/lesson/how-to-use-cloud-variables/
@ok-scratch
あの後上のサイトを見て作っていたら、なんとジムさん本人が個人的に解説してくれましたwww
@ok-scratch
これが直してもらったやつです(未完成)https://scratch.mit.edu/projects/1038051248/
@apple-1113
https://scratch.mit.edu/projects/1038051248/
@apple-1113
うぉ、ブキめちゃ多くてスゴイ。スライディングとかこだわってて好き。オンライン化＆バトル実装が楽しみです。完成したらぜひ宣伝してほしい〜(^o^)
スクラッチコーチの記事すごくわかりやすいですね！
@focb4haruto
わぁい(^o^) なに読まれましたか？嬉しいです！ありがとうございます♪
@ok-scratch
オンラインゲームの作り方を読みました！
@focb4haruto
おお！あれ書くのかなり根気が必要だったので、ますます嬉しいです！教えてくれてありがとうございます(*^^*)
作品作成解説のリクエストです。
@funyara226
onlineスクロール銃撃戦(イメージ：たくて)です。 特に発射したたまや爆弾などをクラウドで同期させる方法を詳しくお願いしますm(*＿ ＿ )m
@funyara226
チュートリアル作るのは先になってしまうので、たぶんこんなかんじ、っていうのを共有します！たぶん弾の動きは同期（クラウド変数に送信）する必要はなくて、弾が発射された座標と向きとスピードを共有すれば、あとはそれを受信した側で弾の軌道を描画すればいいのではないかと思います。どうしても0.1秒はラグってしまうと思いますが。
@ok-scratch
ありざいます！
@ok-scratch
:D
@ok-scratch
あ、コレ弾発射後3f分の移動を先にしてしまえばいいのでは？(少しドヤァ)
@funyara226
なるほどー、タイミング調整のロジック考えると楽しそうですね！ファイト〜(*^^*)
@ok-scratch
はい！(｀・∀′・)ゞ
自分も作ってみたのですがうまく動作しません。
お忙しいところ申し訳ございませんが、教えていただけると幸いです。
https://scratch.mit.edu/projects/955301957
追記)
おそらく、何かが原因でプレイヤーデータが空値に置き換わっていないからだと思います。
ご確認のほどよろしくお願いします。
@g4367MK なるほど、見てみますね(*^^*)
@g4367MK エンコード文字列の順番とか「値」とかが全部「すべてのスプライト用」の変数になってるから、クローン全部が変数を更新しまくってて過負荷になっているのではないかと推測しました。あとは表示するブロックの位置がループ内に入ってるから外に出すくらいかと。それ以外はまったく外見上は同じなので、変数の種類かなぁっと。今日はもう眠いので〜おやすみなさいm(_ _)m
教えていただいた通りに修正したところ、動作しました。
ありがとうございます！
@g4367MK おお！当たっていたみたいで嬉しいです。ご報告ありがとうございます。引き続きファイト(*^^*)
そういえば、聞きたいことが一つだけありましたーー！！ あの、リミックスしたときに、オンラインにならないのはなぜですかー？ @ok-scratch さんなら知ってそう！と、今頭の中をこの思考が通り抜けたので、伺いました。
@youkun117
バックパックかな？バックパックからクラウド変数を追加するとクラウド変数が「ニセモノのクラウド変数」に変わっちゃうスクラッチの仕様があるんです。変数一覧にはちゃんとあるのに、実はクラウド変数じゃなくてただの変数になってます。だからクラウド変数として作り直さないといけない、、、けど適当に作り直すと一回クラウド変数使っている箇所も消えるからキッツい、という過酷な現状です。もしリミックスでも同じようなことが起きたなら、似たような現象なのかも。一応回避方法はあります。 https://scratch.coach/lesson/how-to-make-exist-projects-multi-playable-2/#contents-8
@ok-scratch
ありがとうございます！でも、しっかり「クラウド変数 データを見る」って出てるんですよね…。記事を見てだめだったら、他のリミックスしてる人に聞いてみます！
@youkun117
そうなんですね〜。分かったら教えてもらえると嬉しいです！
@ok-scratch
はーい！
@youkun117
あけましておめでとうございます！だいぶ前のコメントですが１つのケース見つけましたのでレスします。リミックスした相手がNew Scratcherだったらクラウド変数動かないっぽいです。
@ok-scratch
じゃあ私の場合は何で、、、？ありがとうございます！
作ってみたのですがうまく動作しません。
https://scratch.mit.edu/projects/877573485
@kaosu-kaosuuuuuuuuu これは分かりづらいバグだね、ちょい待ってね。
@ok-scratch ブロック定義「クラウドデータを受信する」の３つ目の「もし〜なら」ブロックの条件式のところ。
@ok-scratch ゼロかどうか調べているところのゼロが全角のゼロになってて、これは半角のゼロにしないと正しく動かない。見つけづらいから悩んだよね、きっと。でもそれ以外は完璧！ナイス！
@ok-scratch 直りました！わざわざ確認してくれてありがとうございます。
@kaosu-kaosuuuuuuuuu ＼(^o^)／
スクラッチコーチ見てますー！！これオンラインでできるんですか？
@Potato8621 オンラインゲームの作り方が分かるチュートリアル記事で使ってる作品だよ。まだ途中〜。
いた!!!!本物だアアアアアアアアアアあああ
（ホームページ見てます）
@GP01Fb
いましたｗ 見てくれてありがとうございます(*^^*)
@ok-scratch
あと.........オンラインゲーム作りたいんだけど........助けてエエええ絵
@GP01Fb
オンラインゲームなら、やはりグリフパッチさんのチュートリアルが最高ですよ(*^^*) https://scratch.coach/lesson/how-to-use-cloud-variables/
@ok-scratch
あ......動画がMIRENAI.............
@GP01Fb
あれ、YOUTUBEが規制されてますか？でも動画は全部英語なので、記事だけ見れば完全に分かるように書いてあるので、まぁ動画が観れなくても平気かなと！
@GP01Fb
YOUTUBEガ(w)
ただ、ふつうにわかりやすいっ!!!!!!!?!!!!!??!?!!?!
@GP01Fb
なるほどー。なんでだろう……でも記事がわかりやすくて良かった！ノープロブレムです(*^^*)
いつもブログ見てます！オンラインプラットフォーマーについて、質問があります！現在、https://scratch.mit.edu/projects/930454379/
というプロジェクトを作っているのですが、スクロールにすると、動かなくなってしまいます。原因がわからないことには、ユーザー名を追加することに進めなく(怖いため)、原因を教えてくださると幸いです(スクロールしない場合は、x座標とy座標をエンコードするために送信用リストに乗せればいいが、camera-xやcamera-y で操作する場合はどうするのか いろいろ試したけど無理でした)
@youkun117
なるほどー。この作品の正しい動きがどういうものなのか分からないので教えてほしいです。ボールが地面を転がるようなイメージでしょうか？
スクロールにすると動かない、というのはカメラを実装したら動かなくなった、ということかなと推測するのですが、実装前はボールが地面の上を前後に進んでいた、という認識であってますか？
それともオンラインを実装したらボールが動かなくなった感じでしょうか。覚えてたらそのあたり教えてもらえたらと！あと、もし壊れるのが怖かったらスクラッチエディタの「ファイル」から「コピーを保存する」を選んで別プロジェクトを作れば壊しても安心ですよ(^▽^)/
@ok-scratch
ありがとうございます！私の場合、おそらくですが、https://scratch.mit.edu/projects/896533751/
これを、他の人の作品を見ながら作ってみたんですが、この場合はリンクのプロジェクトのように動作します。x座標とy座標をデコードするときと同じように、camera-x と camera-y をデコードできるのでしょうか(どこかでバグっているのかも。 それか普通に、メッセージのバグか、、)
@youkun117
なんとなく分かりました。ありがとうございます。カメラのXYはクラウド変数に渡す必要がないかなと予想してます。おそらくカメラはユーザーごとに１つあれば十分だと思うので、他の人のカメラの座標は必要ないと思ってます。もしかしたら他ユーザーのカメラ座標が仕様上いる可能性もありますが、たぶん必要なのは他ユーザーのXY座標だけで、カメラのXY座標はいらないのではないかなと思ってます。エンコード・デコード自体はできます。できるけど、いらないかなと。他のユーザーのXY座標を、自分のカメラのXYから引く（足す？）ような作り込みでいけるかなと思ってます。どうでしょう。
@ok-scratch
ほ〜う？教えてくださりありがとうございます。試してみます！(たしかに、xとy座標を入れれば、だいたいどんな動きしてるかわかるかも？)
@youkun117
( ´∀｀)bｸﾞｯ!
ブログ見させていただいてます‼オンラインゲームの作り方参考になります‼
@ZAKUTARO
おお！オンラインゲームぜひ挑戦してみてね！コメントありがとう！
@ok-scratch
がんばります‼
