プログラミング初心者だけどオセロ作りたいから協力してほしい

■ このスレッドは過去ログ倉庫に格納されています
0001以下、5ちゃんねるからVIPがお送りします2022/01/23(日) 11:45:47.278ID:Ibe3mt8J0
言語はHTML、CSS、JavaScript。関数とかもよく分かってない初心者です

0002以下、5ちゃんねるからVIPがお送りします2022/01/23(日) 11:46:27.187ID:mwiCYcD50
なんで、その言語で作れると思ったの?
バックサイドは?

0003以下、5ちゃんねるからVIPがお送りします2022/01/23(日) 11:46:27.659ID:Ibe3mt8J0
まず何から作ろう

0004以下、5ちゃんねるからVIPがお送りします2022/01/23(日) 11:47:08.884ID:Ibe3mt8J0
>>2
無理なら諦めるわ

0005以下、5ちゃんねるからVIPがお送りします2022/01/23(日) 11:47:22.146ID:NwZy0j6c0
とりあえず画面作れば作った感が出るからオススメ

0006以下、5ちゃんねるからVIPがお送りします2022/01/23(日) 11:47:28.689ID:c+PWTxMr0
まずは仕様を作ろう
相手は自動で動く?それとも手動で動く?

0007以下、5ちゃんねるからVIPがお送りします2022/01/23(日) 11:48:00.464ID:uw9epR/tM
javascriptで作れるわな

0008以下、5ちゃんねるからVIPがお送りします2022/01/23(日) 11:48:48.091ID:ZY78dqpf0
ネットに転がってんだろ

0009以下、5ちゃんねるからVIPがお送りします2022/01/23(日) 11:48:53.922ID:o2TGFUTI0
まさか、生のJavaScriptで書くわけじゃないだろ?
非同期通信はやるんだろうから
jQueryかVueか、ReactかAngularか覚えやすそうな好きなフレームワークを選べ

0010以下、5ちゃんねるからVIPがお送りします2022/01/23(日) 11:49:37.760ID:1WIFwHSV0
オセロの作り方を教えろということか

0011以下、5ちゃんねるからVIPがお送りします2022/01/23(日) 11:49:59.624ID:Ibe3mt8J0
>>5
なるほど
>>6
自動ってなんかムズそうだし手動でいいかな

0012以下、5ちゃんねるからVIPがお送りします2022/01/23(日) 11:50:06.165ID:tdf+1DTP0
五目並べから作れ

0013以下、5ちゃんねるからVIPがお送りします2022/01/23(日) 11:50:17.889ID:NwZy0j6c0
オセロの作り方オセーロということかww

0014以下、5ちゃんねるからVIPがお送りします2022/01/23(日) 11:50:41.181ID:w257INW60
大学んとき作ったわ

0015以下、5ちゃんねるからVIPがお送りします2022/01/23(日) 11:50:53.560ID:uw9epR/tM
>>9
オンライン対戦なしなら同期いらんべ
多分画面内で対戦する程度のソフトだよ

0016以下、5ちゃんねるからVIPがお送りします2022/01/23(日) 11:51:37.857ID:Ibe3mt8J0
>>8
そうだけどなんかそれをそのまんまやんのは悔しい
>>9
非同期通信はいいかな

0017以下、5ちゃんねるからVIPがお送りします2022/01/23(日) 11:51:40.691ID:PrfGI5jGa
エクセル オセロ
で検索

0018以下、5ちゃんねるからVIPがお送りします2022/01/23(日) 11:52:15.561ID:Ibe3mt8J0
>>12
確かに五目並べいいかも
>>13

0019以下、5ちゃんねるからVIPがお送りします2022/01/23(日) 11:52:32.178ID:Ibe3mt8J0
とりあえずボードから作ろうかな

0020以下、5ちゃんねるからVIPがお送りします2022/01/23(日) 11:53:49.994ID:Ibe3mt8J0
ボードってtableで作ればいい?

0021以下、5ちゃんねるからVIPがお送りします2022/01/23(日) 11:54:57.216ID:Ibe3mt8J0
>>17
エクセルできん

0022以下、5ちゃんねるからVIPがお送りします2022/01/23(日) 11:54:58.365ID:o2TGFUTI0
生のDOM要素を直にいじりながら泥臭く作る感じ?

0023以下、5ちゃんねるからVIPがお送りします2022/01/23(日) 11:56:23.190ID:mpTgu5jBa
間違ってはいない

0024以下、5ちゃんねるからVIPがお送りします2022/01/23(日) 11:57:03.539ID:eMs7TmmC0
任天堂のプログラミングゲームあるじゃん
あれで1回作ってみたら?

0025以下、5ちゃんねるからVIPがお送りします2022/01/23(日) 11:58:05.069ID:Ibe3mt8J0
>>22
DOMっのもいまいち分からん
>>24
あれ面白そうだよね。買ってみようかな

0026以下、5ちゃんねるからVIPがお送りします2022/01/23(日) 11:58:41.047ID:o2TGFUTI0
習作のゲームだったらtableで作ったらいいんじゃねーかな
td要素に適当なID割り振ってさ

0027以下、5ちゃんねるからVIPがお送りします2022/01/23(日) 11:58:51.139ID:UzmfKEBV0
いやJavaScriptで
ブラウザで動くオセロゲームくらい
サクッとつくれや

0028以下、5ちゃんねるからVIPがお送りします2022/01/23(日) 11:59:57.366ID:G5jdORrR0
テーブルの中に文字の◯●を入れてjsで制御すればよさそうだな
凝るならCSSやjsで描画したげるのがいいけど

0029以下、5ちゃんねるからVIPがお送りします2022/01/23(日) 12:04:25.276ID:MNvOXUMh0
>>2
いやオセロだけならフロントエンドで十分でしょ

0030以下、5ちゃんねるからVIPがお送りします2022/01/23(日) 12:05:01.795ID:o2TGFUTI0
<table>
<tr id="1">
<td id="11"></td><td id="12"></td>...
</tr>
<tr id="2">
<td id="21"></td>

みたいな感じでいいんでね?

0031以下、5ちゃんねるからVIPがお送りします2022/01/23(日) 12:06:06.503ID:eii2Lsis0
普通にHTML5 Canvasで作る奴Youtubeにあるよ

0032以下、5ちゃんねるからVIPがお送りします2022/01/23(日) 12:08:23.711ID:MNvOXUMh0
いきなりCanvasはハードル高いんじゃない?

0033以下、5ちゃんねるからVIPがお送りします2022/01/23(日) 12:08:47.019ID:UzVAyv5Ha
何かを作る上で言語なりツールなりツールなりまずは使い方を覚えるところから始めるといい
使い方がわかれば後はどう組み合わせて行くかのパズルになる

0034以下、5ちゃんねるからVIPがお送りします2022/01/23(日) 12:20:22.771ID:sRBlmuK50
まずは見た目よりn*nのジャグ配列に3値が入るようにすべきかな。
0:空
1:白
2:黒
とか

0035以下、5ちゃんねるからVIPがお送りします2022/01/23(日) 12:28:32.961ID:o2TGFUTI0
っていうかもう>>1は挫折した予感

0036以下、5ちゃんねるからVIPがお送りします2022/01/23(日) 12:48:47.375ID:L1kW0fjB0
取り敢えずググれば沢山転がってるから
それを書き写す
コピペじゃなくて書き写すのが大事
メソッドとか分からないものを個別に調べて自分なりにメモを加筆したりする
これだけでもかなり勉強になる

0037以下、5ちゃんねるからVIPがお送りします2022/01/23(日) 12:58:36.775ID:+PwRqmj+0
>>36の言う通り
写経っていわれてるけど、ほんと自分でタイプするの大事

0038以下、5ちゃんねるからVIPがお送りします2022/01/23(日) 13:02:14.420ID:uin6qWMXr
■盤面オブジェクトを定義
・1マスごとに状態を管理
・設置メソッド作成
 最大8方向の反転数チェック
 0だと設置不可
・盤面書き出しメソッド作成
・盤面リセットメソッド作成

■手番管理
・画面のマウスクリックが盤面上だったら、マウスの位置からマス座標を割り出して、該当マスの設置メソッド実行
・設置できたら手番移動

■ゲーム管理
・盤面が埋まったら勝敗決定


ベースはこんな感じで…

■ このスレッドは過去ログ倉庫に格納されています