ホームページ  >  記事  >  ウェブフロントエンド  >  バニラ Javascript でクロンダイク ソリティア ゲームを構築する

バニラ Javascript でクロンダイク ソリティア ゲームを構築する

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-10-23 21:40:30900ブラウズ

Building a Klondike Solitaire Game in Vanilla Javascript

この投稿では、クロンダイク ソリティア ゲームを作成するまでの私の道のりを詳しく説明します。進捗に応じて、この投稿でも進捗状況を更新します:

トランプの画像を探しています

他のクロンダイク ソリティア ゲームと同様に、トランプの画像の完全なデッキが必要です。探し始めたところ、LGPL ライセンスの下でリリースされている、気に入ったものが見つかりました。研究を進めるうちに、自分のゲームにはいくつかの制限があることがわかり、それを制限したくないため、LGPL ライセンスに基づいてリリースされたオープンソースのトランプを使用せず、代わりにパブリック ドメインのトランプを使用することにしました。

トップメニューバーの実装

次に、ゲームを再起動したり、新しいゲームを開始したり、カードの変更やスコアの保存などの新しい機能を追加できるトップ メニュー バーが必要になりました。この段階での私の主な要件は、デスクトップとモバイルでメニューを使用できるようにすることでした。

プリローダーの実装

プリローダーは、リソースのロードの進行状況を表示する単純な進行状況バーです。 JavaScript と HTML でプログレス バーを実装するのは簡単で、ゲームの開始時に UI フィードバックが得られるため、プレーヤーのエクスペリエンスが向上します。

次は何ですか:

  • パイルとパイルのデッキの実装
  • デッキからカードを配ります
  • ルールを使用したドラッグ アンド ドロップの実装
  • ゲームの状態を確認しています。

以上がバニラ Javascript でクロンダイク ソリティア ゲームを構築するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。