one********さん

2022/5/14 9:42

33回答

JavaScriptでcanvasを使って、三目並べの○×ゲームを作りたいのですが、全くわかりません。

JavaScriptでcanvasを使って、三目並べの○×ゲームを作りたいのですが、全くわかりません。どなたか簡単でいいので作れる方いますか？

JavaScript・37閲覧・500

ベストアンサー

h19********

h19********さん

2022/5/14 14:54

CANVAS縛りだと面倒だと思いましたが作ってみました。以下を参照ください。 https://blog.hikozaru.com/2022/05/marubatu-game.html CANVAS縛りでなければ、<TABLE>で枠を作るとか、<button>で表現するなどできるのでもっと簡単です、それも作ってみました。

質問者からのお礼コメント

ご丁寧に他のやり方も両方教えて頂きありがとうございます。参考にさせて頂きます！

お礼日時：5/14 14:57

その他の回答（2件）

ybb********

ybb********さん

カテゴリマスター

2022/5/14 12:50

one********さん >････canvasを使って、三目並べの○×ゲームを作りたい･･･････ご参考に↓ https://qiita.com/Sakurai_San/items/0d681f2fb994de772c02 https://www.pytry3g.com/entry/2018/06/30/111048

leg********

leg********さん

2022/5/14 12:07

canvasをどのように使うのか？「JavaScriptで三目ならべを作ってくれ」という依頼でしたら普通canvasの出番はないと思います。

one********

one********さん

質問者2022/5/14 12:10

Yahoo!知恵袋

JavaScriptでcanvasを使って、三目並べの○×ゲームを作りたいのですが、全くわかりません。

ベストアンサー

質問者からのお礼コメント

その他の回答（2件）

one********さん >････canvasを使って、三目並べの○×ゲームを作りたい･･･････ご参考に↓ https://qiita.com/Sakurai_San/items/0d681f2fb994de772c02 https://www.pytry3g.com/entry/2018/06/30/111048

canvasをどのように使うのか？「JavaScriptで三目ならべを作ってくれ」という依頼でしたら普通canvasの出番はないと思います。

説明不足ですみません． canvasは○×ゲームをする際の 3×3のマス目に使いたいです．

JavaScriptについて質問です。 canvas内で、長方形が中心で回転する動きをさせたいのですが、どうしても中心で回りません。分かる方おられますか？

JavaScriptのcanvasについて質問したいのですが、moveToとlineToで適当な画像を描き、時間でfillとstrokeを切り替えるにはどの様に書けばいいのでしょうか？

小生ってどんな意味ですか？後、読み方もお願いします。

Xmedia Recodeにてレート制御モードに品質とあると思うのですが、これはどういったことをしてエンコードしてくれるのでしょうか？また、おすすめの数値(pc画面で見て明らかな違和感が出ない)とかってありますか？

JavaScriptで素数判断どんなプログラムですか？

for(d=1; d<=a; d++){ if(a % d == 0){ sum++; } のプログラムにしてみると約数の数が何個あるかって言うのになるのですが、これを１０入力されました、１２５１０ですって言うようにしたいのですがどうすればいいですか？

javascript 約数の表示で１０を入力されると「10の約数は 1 2 5 10 です。素数ではありません。」っていうようにしたいのですが、どうすれば１２５１０を出すことが出来るのか分かりません。

<html> <body> <script> let greet = "Hello world"; for (let i = 0; i < 3; i++) { console.log(greet); } </script> </body> </html> 上記のconsole.logの出力結果をブラウザ上で表示するにはどうしたらよいのでしょうか？

JavaScriptで、身長と体重を入力したらBMIを計算するプログラムを作るにはどのように入力すれば良いですか？

javascript 約数の表示で１０を入力されると１、２、５、１０でおわるようにしたいのですがどうすればいいですか？教えてください。

JavaScriptでプログラムすることを考える。変数xに10が、変数yに100が格納されている。xとyの値を交換するにはどうすればよいか。簡単に100字程度で説明してください(><)

JAVAスクリプトで for(d=1; d<=a; d++){ if(a % d == 0){ sum++; } } alert(+a+"の約数は"+sum+"はです"+c); ってしたら４ってでるのですが１２５１０という表記にするにはどうすればいいですか？

JAVAスクリプトで10の約数は 1 2 5 10っという風にしたいです。

Python には、exec と eval がありますが、JavaScript には eval しかないですよね。 Python の exec 相当に機能は何を使えばよいのでしょうか？

webフレームワークのvue.jsはどのような場面で使用されますか？また、使用するメリットなどを教えてください

JAVAスクリプトでprompt文で数値を入力して、約数をすべて表示させて素数かどうか判断させるプログラムの作り方がわかりません

javascriptで配列の添え字に文字列を使用するコードを初めて読んだのですが、これは文法として正しいのでしょうか？

1から10,000までの数字で、7の倍数のときだけ数字の後ろに「!」がつくように表示するJavascriptを含むHTMLファイルを作成しなさい。

JavaScriptでプログラムすることを考える。変数xに10が、変数yに100が格納されている。xとyの値を交換するにはどうればよいか？簡単に説明せよ。（100字程度）

カテゴリQ&Aランキング

アンケート投票

リモートワークのテレビ会議、ビデオはオンにしてる？

最近の外出頻度は、コロナ禍以前と比べてどうですか？

あなたが好きなラーメンの種類は？

外出時のメイク・ヘアメイクにかける時間はどれくらい？

カテゴリ一覧

JavaScriptでcanvasを使って、三目並べの○×ゲームを作りたいのですが、全くわかりません。

ベストアンサー

ThanksImg質問者からのお礼コメント

その他の回答（2件）

one********さん >････canvasを使って、三目並べの○×ゲームを作りたい･･･････ ご参考に↓ https://qiita.com/Sakurai_San/items/0d681f2fb994de772c02 https://www.pytry3g.com/entry/2018/06/30/111048

canvasをどのように使うのか？ 「JavaScriptで三目ならべを作ってくれ」という依頼でしたら普通canvasの出番はないと思います。

説明不足ですみません． canvasは○×ゲームをする際の 3×3のマス目に使いたいです．

JavaScriptについて質問です。 canvas内で、長方形が中心で回転する動きをさせたいのですが、どうしても中心で回りません。分かる方おられますか？

JavaScriptのcanvasについて質問したいのですが、moveToとlineToで適当な画像を描き、時間でfillとstrokeを切り替えるにはどの様に書けばいいのでしょうか？

小生ってどんな意味ですか？ 後、読み方もお願いします。

Xmedia Recodeにてレート制御モードに品質とあると思うのですが、これはどういったことをしてエンコードしてくれるのでしょうか？ また、おすすめの数値(pc画面で見て明らかな違和感が出ない)とかってありますか？

JavaScriptで素数判断どんなプログラムですか？

for(d=1; d<=a; d++){ if(a % d == 0){ sum++; } のプログラムにしてみると約数の数が何個あるかって言うのになるのですが、これを １０入力されました、１２５１０ですって言うようにしたいのですがどうすればいいですか？

javascript 約数の表示で１０を入力されると「10の約数は 1 2 5 10 です。素数ではありません。」っていうようにしたいのですが、どうすれば１２５１０を出すことが出来るのか分かりません。

<html> <body> <script> let greet = "Hello world"; for (let i = 0; i < 3; i++) { console.log(greet); } </script> </body> </html> 上記のconsole.logの出力結果をブラウザ上で表示するにはどうしたらよいのでしょうか？

JavaScriptで、身長と体重を入力したらBMIを計算するプログラムを作るにはどのように入力すれば良いですか？

javascript 約数の表示で１０を入力されると１、２、５、１０でおわるようにしたいのですがどうすればいいですか？ 教えてください。

JavaScriptでプログラムすることを考える。変数xに10が、変数yに100が格納されている。xとyの値を交換するにはどうすればよいか。 簡単に100字程度で説明してください(><)

JAVAスクリプトで for(d=1; d<=a; d++){ if(a % d == 0){ sum++; } } alert(+a+"の約数は"+sum+"はです"+c); ってしたら４ってでるのですが １２５１０という表記にするにはどうすればいいですか？

JAVAスクリプトで10の約数は 1 2 5 10っという風にしたいです。

Python には、exec と eval がありますが、JavaScript には eval しかないですよね。 Python の exec 相当に機能は何を使えばよいのでしょうか？

webフレームワークのvue.jsはどのような場面で使用されますか？ また、使用するメリットなどを教えてください

JAVAスクリプトでprompt文で数値を入力して、約数をすべて表示させて素数かどうか判断させるプログラムの作り方がわかりません

javascriptで配列の添え字に文字列を使用するコードを初めて読んだのですが、これは文法として正しいのでしょうか？

1から10,000までの数字で、7の倍数のときだけ数字の後ろに「!」がつくように表示するJavascriptを含むHTMLファイルを作成しなさい。

JavaScriptでプログラムすることを考える。変数xに10が、変数yに100が格納されている。xとyの値を交換するにはどうればよいか？簡単に説明せよ。（100字程度）

カテゴリQ&Aランキング

アンケート投票

リモートワークのテレビ会議、ビデオはオンにしてる？

最近の外出頻度は、コロナ禍以前と比べてどうですか？

あなたが好きなラーメンの種類は？

外出時のメイク・ヘアメイクにかける時間はどれくらい？

カテゴリ一覧

質問者からのお礼コメント

one********さん >････canvasを使って、三目並べの○×ゲームを作りたい･･･････ご参考に↓ https://qiita.com/Sakurai_San/items/0d681f2fb994de772c02 https://www.pytry3g.com/entry/2018/06/30/111048

canvasをどのように使うのか？「JavaScriptで三目ならべを作ってくれ」という依頼でしたら普通canvasの出番はないと思います。

小生ってどんな意味ですか？後、読み方もお願いします。

Xmedia Recodeにてレート制御モードに品質とあると思うのですが、これはどういったことをしてエンコードしてくれるのでしょうか？また、おすすめの数値(pc画面で見て明らかな違和感が出ない)とかってありますか？

for(d=1; d<=a; d++){ if(a % d == 0){ sum++; } のプログラムにしてみると約数の数が何個あるかって言うのになるのですが、これを１０入力されました、１２５１０ですって言うようにしたいのですがどうすればいいですか？

javascript 約数の表示で１０を入力されると１、２、５、１０でおわるようにしたいのですがどうすればいいですか？教えてください。

JavaScriptでプログラムすることを考える。変数xに10が、変数yに100が格納されている。xとyの値を交換するにはどうすればよいか。簡単に100字程度で説明してください(><)

JAVAスクリプトで for(d=1; d<=a; d++){ if(a % d == 0){ sum++; } } alert(+a+"の約数は"+sum+"はです"+c); ってしたら４ってでるのですが１２５１０という表記にするにはどうすればいいですか？

webフレームワークのvue.jsはどのような場面で使用されますか？また、使用するメリットなどを教えてください