The Coder’s Gambit: ایجاد یک بازی شطرنج با React و Chessboardjsx

عکس پروفایل نویسنده

@tylerjosephتایلر جوزف

در حال حاضر یک توسعه دهنده و صاحب یک سازمان غیر انتفاعی به نام STEM Effect است.

معرفی

در این مقاله قصد داریم یک بازی شطرنج با React ایجاد کنیم. من این مقاله را از مقاله دیگری که اخیراً توسط وارون پوجاری خوانده ام ، تهیه کردم. اگر می خواهید آن را بررسی کنید ، پیوند آن را در اینجا قرار داده اید.

ما از بسته ای به نام chessboardjsx استفاده خواهیم کرد که راهی آسان برای نمایش بازی شطرنج به ما می دهد. علاوه بر این ، ما از کتابخانه chess.js برای پیاده سازی حرکات و نحوه انجام بازی استفاده خواهیم کرد.

این بازی شطرنج دارای یک بازیکن در برابر هوش مصنوعی خواهد بود که حرکتی تصادفی را برای هر نوبت انجام می دهد. سرانجام ، ما یک تایمر به بازی شطرنج خود اضافه خواهیم کرد تا بتوانیم با سرعت سریع هوش مصنوعی را شکست دهیم!

برپایی

راه اندازی بسیار ساده است. ابتدا ، چند دستور را در ترمینال / خط فرمان اجرا می کنیم تا همه چیز نصب شود.

  1. اجرا کن
    yarn create react-app chess-game --template typescript

    . همچنین می توانید بدوید

    npx create-react-app chess-game --template typescript

    اما نخ برای من بهتر کار کرد داشتم خطایی می گفتم که برنامه ایجاد-واکنش-من قدیمی است. هر بار که من دستور npx را حذف و سعی می کردم همان خطای قدیمی را دریافت کنم. نخ همان چیزی بود که من با آن رفتم.

  2. بعد نصب خواهیم کرد
    chessboard.jsx

    با این

    yarn add chessboardjsx

    فرمان دادن

  3. حالا بیایید مغزهای …
سئو PBN | خبر های جدید سئو و هک و سرور
مطالب پیشنهادی  بازگشت E3 به عنوان رویداد دیجیتال فقط آنلاین در سال 2021