JavaScriptで作成したテトリスにスコアを実装したいです。

Question

現在、とあるサイトにあったテトリスの写経を行っています。
写経は終わったのですが、『スコア』や『ホールド』、『次のミノの表示』の機能はなかったので
実装したいのですが、初心者の自分では調べながらやろうとしても
うまくいきませんでした。

『ホールド』や『次のミノの表示』の機能は難しそうなので置いておくとしても
スコアの機能を実装してみたいです。

スコアの機能は、
落ちるスピードや同時に消したラインによってボーナスをつけるのは大変だと思うので
ただ消したラインの数をスコアとして表示させるものを考えています。

ご教授いただければ幸いです。宜しくおねがいします。

参考にしたサイト：
JavaScript：500行のテトリスプログラム

Comments

[gentaro]

ここは「やりたいこと」を書いたら勝手に先生が現れて教えてくれるようなサイトじゃないです。
そういうのはお金出せば請け負ってくれるサイトがありますのでそちらでどうぞ。

ここで質問したいならガイドラインを読んで、あなたの「具体的な疑問」を質問してください。

https://teratail.com/help/question-tips
https://teratail.com/help/avoid-asking

[miyabi_pudding]

その写経したコードを記載して下さい。

> 初心者の自分では調べながらやろうとしても
うまくいきませんでした。

どう調べ、どう変えてみて、どう上手くいかなかったかも記載して下さい。

Answer 1

ただ消したラインの数をスコアとして表示させるものを考えています。

コードを詳細まで読んでいないのですが、ぱっと見、調整箇所は 319行 deleteLine() と思います。

1. 消した１行（10マス分）をカウント
2. スコアとして換算
3. 表示

---

写経は終わったのですが

こちらにご質問されていることから、「終わった」とは言い難い状況と思います。

プログラミング言語における「写経」とは、ソースに残されたコメントを読みながら、ソースコードがどのような目的で組まれているかを読解する作業と考えて差し支えないです（文字通り「真似て入力するだけ」とお考えならば、参考にされているページでは「ソースを表示」をクリックしたときに表示される別ウィンドウの<TEXTAREA/>をコピペすれば済んでしまいます）。

参考ページの場合、以下を理解して、「写経を終える」と考えてください。

1. ゲームループによる反復処理（時間経過）
2. ゲームデータの反復処理（瞬間的な全データの変化）
3. キーボードイベント（キーボード操作に対するデータの変化）

いずれにせよ、try & error を繰り返して、ネイティブ実装をどのように活用しているのかを学習する手法です。
次のようにして読解を試みるのが良いと思います。

• ソースはナンバリング（game2.js など）して保存し、<script>を変更する（オリジナルに戻しやすい状況を作る）。
• 新たに理解した箇所に自分のコメントを追加したり、実際の絵（フローチャート）を描いてみる。