Javascriptでpk戦のゲームを作成しています。
今の状況は、ルール的な仕様は完成しており、次は画像などをcanvasタグを用いて使って、動きのあるゲームに発展させようと考えています。
お聞きしたいことは
・おすすめのWEBサイト
・取り組む上での注意
・おすすめのコード(~タグ使うといいよなど)
・その他アドバイス
です。現在の画像のほうを添付しますので、詳しい方、どうぞよろしくお願いします。
ソースコードは文字数制限で載せることができませんでした、すいません。
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
こんにちは
>動きのあるゲームに発展させようと考えています。
全体的な「動き」のイメージをどの程度のものとしてお考えなのかわかりませんけれど、勝手な想像では動く要素はさほど多くない(ボールとキーパーくらいか?)ように思われますので、HTMLでもcanvasでも実現できそうな気がします。
実際の表現をどのようにするのかにもよりますけれど・・・
HTML要素の場合、単純なアニメーションならCSSだけでも実現できるので、スクリプトは簡単になります。(トリガー程度で済むかも)
仮に、スクリプトでアニメーションを制御するにしても、APIを利用すれば大分手間は省けると思われます。
(もちろん、スクリプトで全部を制御することも可能です)
canvasの場合は、基本的に描き加えてゆく(あるいは一旦消して描く)ことになるので、「動き」のほぼ全てをスクリプトで制御することになります。
以下、ご参考までに。(すでにご存じでしたら、ごめんなさい)
◇CSS アニメーションの使用
https://developer.mozilla.org/ja/docs/Web/CSS/CS …
◇Web Animation API
https://developer.mozilla.org/ja/docs/Web/API/We …
◇Basic animations(canvas)
https://developer.mozilla.org/ja/docs/Web/API/Ca …
◇高度なアニメーション(canvas)
https://developer.mozilla.org/ja/docs/Web/API/Ca …
◇canvasにやや似ていますけれど、SVGによる方法もあるかも知れません。
SVGの場合は、canvasとは違い描画結果が画像にはならないので、Elementを識別して個別に移動・回転などの動きを加えることが可能です。
https://developer.mozilla.org/ja/docs/Web/SVG
https://developer.mozilla.org/ja/docs/Web/SVG/SV …
◇3D的な計算までをお考えなら、(以前紹介しましたけれど)前回答の最後の方を…
https://oshiete.goo.ne.jp/qa/12428519.html
※ 方法としてそれぞれが異なる方向になるので、どの程度の「動きのあるゲーム」にするのかを具体的にイメージしたうえで方向を決めるのが宜しいように思います。
No.1
- 回答日時:
>・おすすめのWEBサイト
canvas使ってゲーム作るなら、
https://qiita.com/doxas/items/9debec7e1f0c19bc8daa
が参考になりました。
とはいえ、このサイトではシューティングゲームを作るので、
質問者さんが想定しているPKゲームに応用できるかは分かりませんが。
同じ著者の「グラフィックスプログラミング入門 ——リアルタイムに動く画面を描く。プログラマー直伝の基本」という書籍も良かったです。
>・取り組む上での注意
わたしもゲーム作ろうとしたことが何度かあるのですが、
だんだんと変数の数が増えて、わけがわからなくなって挫折しています。
とりあえず最初は、できるだけシンプルに仕上げるのがいいと思います。
>・おすすめのコード(~タグ使うといいよなど)
特におすすめするようなタグは無いです。
>・その他アドバイス
いろいろと試行錯誤されているようなので、
ぜひがんばって、最後はウェブサイト公開まで行ってください!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(プログラミング・Web制作) 次に、楽天のアジャイル就活に参加して、1日で内定を獲得できる。私は大企業に就職できる? 2 2022/04/17 13:38
- Visual Basic(VBA) ChatGPTに作らせたい Excel VBA 1 2023/04/05 19:56
- その他(SNS・コミュニケーションサービス) 【至急】Microsoft teamsログインできないループ・・ 3 2023/05/17 13:17
- Instagram HTML5の廃止とJavaScript 2 2022/04/13 21:05
- Excel(エクセル) Excelで校閲をする方法はあるでしょうか(取扱説明書への掲載禁止用語の確認) 3 2022/06/11 22:51
- インターネットビジネス webライターになる為に、記事作成の勉強の他にSEO対策の勉強は要りますか webライターになる為に 2 2022/12/12 01:27
- PHP 掲示板のセキュリティについてアドバイスお願い致します 1 2023/08/11 20:44
- WordPress(ワードプレス) ワードプレスで、投稿一覧ページにタグを表示する方法 投稿につけたタグを、記事一覧ページにもカテゴリと 1 2023/05/10 21:41
- その他(就職・転職・働き方) 異動を申し出るか否か 現在海外を相手にする日本企業に勤めています。昨年夏に人手不足で急遽国内部署から 1 2022/08/22 23:10
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ハイスコア
-
C言語でのsleep機能について
-
javaFXで機能的にゲームを作る...
-
ニンテンドーDSのソフト作成に...
-
ゲームプログラマについて
-
スロットマシーンのようなゲーム
-
乱数について(Rnd関数)
-
Kotlin言語について。
-
プログラミングの雑談がしたい...
-
C言語、C+、C++、C#の違い
-
COBOLでのNOT = の AND条件
-
HOLONついて教えてください。
-
C言語とhtmlの違いを どな...
-
COBOLで文字タイプを数字...
-
プログラムに書かれる"%"記号の...
-
Visual Studio Codeについて
-
Excelの開発言語ってなんですか?
-
VBSとWSHは読み方が違うだけで...
-
アセンブリ名とは??
-
vbaとc言語の関連性について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
FLASHでゲームを作っていた人は...
-
ニンテンドーDSのソフト作成に...
-
ゲームの開発言語(1980~2010年)
-
フリーゲームを解析したい
-
processingの質問です。
-
Now Loadingについて
-
ノベルゲームを作ろうとおもっ...
-
abnormal program termination
-
C言語で簡単なゲームを作る方法
-
携帯ゲーム機のソフトを作る方法
-
作成したゲームに制限時間を表...
-
ゲームプログラミング学習法
-
一番簡単にトランプゲームを作...
-
ゲームのソースコードを解析し...
-
ゲームプログラマーはゲームが...
-
高校に入ったら独学でプログラ...
-
ゲームを作るときに必要なプロ...
-
乱数について(Rnd関数)
-
ノベルゲームを作りたいのです...
-
物理エンジンの自作はできるの...
おすすめ情報