Q&A
ご回答ありがとうございます。
リンク先、すべて目を通させていただきました。
とても参考になります。
現在phpを使ってWebアプリケーションを作っていて実装したい機能があるのですが、実装方法の検討もつかない状況です。
そこで、お詳しい方に、どのあたりの勉強をすれば実装できるのかご享受いただければと思い、質問します。
（麻雀の専門用語などはなるべく使わないよう注力したつもりですが、万が一わかりにくいなどのご指摘があればお願いします。）
実装したいことは、タイトルの通り「クライアントサイドで麻雀牌の手牌を描画したい」ということなのですが、具体的には以下のようなイメージの機能を想定しています。
・全３４種の麻雀牌のボタンがあり、そのボタンを押すと描画エリアに牌が追加されていく。
・麻雀牌の順序は、ボタンを押すたびにその都度ソートされる。
・誤って選択してしまった牌はその牌を描画エリアの範囲外にドラッグ＆ドロップするか、選択した状態で削除ボタンを押すなどすると削除したい。
・上記の動作をクライアントサイドでリアルタイムで実現したい。
・１３牌選択すると、それ以上選択しても描画エリアには追加されない。
・最終的に選択した13牌のデータをDBに格納することを想定している。
上記を基本機能とし、難易度が高いと思いますが、最終的には以下のような機能の実装にも挑戦したいです。
・描画エリアに追加される際には、麻雀牌を実際にツモってきた（引いてきた）ような動作を加えたい。
・13牌選択した時点で、麻雀の「待ち牌（上がり牌）」を自動表示する機能。
「JavaScriptで動的に（あらかじめ用意しておいた麻雀牌34種に相当する）CSSのクラスを適用する」のような方法ができないか検討したのですが、いかんせんクライアントサイド側の知識はhtmlと最低限のcssくらいで、具体的な方法が皆目検討もつかない状況です。
どなたかお詳しい方いらっしゃいましたら、実装方法の指針をご享受いただけないでしょうか？
一番実装に適した言語や、その言語のどのあたりの知識が必要になるかなどの情報をいただければ嬉しいです。
回答3件
0
ベストアンサー
具体的には以下のようなイメージ
麻雀だと「何を切る？」とか、一言でいうと何がしたいかイメージできると、
要件が分かりやすいのですが、まあ動作サンプルだと解釈しました。
「クライアントサイドで麻雀牌の手牌を描画したい」
画像があれば基本的に可能です。
画像はフリー素材を使いましょう。
一番実装に適した言語
「JavaScript」で合ってます。
クライアントサイドだと、現状ほぼJS一択です。
ただし、AltJSが使えますし、JSライブラリは選択の余地があります。
その言語のどのあたりの知識が必要になるか
まあ麻雀なら、リアルタイムのアクションじゃないだろうし、
普通の「DOM」操作でできると思いますが、
画像の操作が動的で、ジャンルがゲームに近くなるほど、
HTML5の「Canvas」操作が有効になります。
投稿2016/10/16 17:50
総合スコア5592
0
一番実装に適した言語や、その言語のどのあたりの知識が必要になるか
ブラウザベースであれば、JavaScript でプログラム部分を書き、HTML/CSSで表示以外の選択肢はかなり少ないと思います。まずはHTML/CSSで画面を構成できるようにし、ちょっとしたアニメーションはCSS アニメーションを使い、その上でJavaScriptでロジックやアニメーション制御を書く感じでしょうか。
とりあえず検索からスタートすると良いと思います。
【JavaScript 麻雀 - Google 検索】
https://www.google.co.jp/search?num=100&safe=off&site=&source=hp&q=JavaScript+%E9%BA%BB%E9%9B%80
【JavaScriptとHTML5で遊ぶ麻雀小粒プログラミング｜麻雀ツール 点数計算ラボ】
http://www.mahjong.org/programming/
【HTML5 + Javascript で動作する麻雀ゲーム - koba::blog】
http://d.hatena.ne.jp/xlc/20151209/1449671486
【A Software Engineer Blog: 麻雀の牌を表示するJavascriptライブラリ】
http://kentandx.blogspot.jp/2014/11/javascript.html
投稿2016/10/16 15:59
総合スコア69400
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/10/17 12:42