دانلود اسکریپت بازی پازل با (html javascript css)

دانلود اسکریپت بازی پازل با (html javascript css)

امروز در این پست برای شما کاربران عزیز وبسایت فایل سحرآمیز یک اسکریپت بازی پازل با (html javascript css) را آماده دانلود قرار داده ایم.

نمونه تصاویر در زمان اجر

روش کار کد اسکریپت این بازی پازل

این کد یک کلاس به نام Puzzle را تعریف می‌کند که برای ساخت و مدیریت یک اسلاید پازل استفاده می‌شود. این کلاس وابستگی‌های مورد نیاز خود را از فایل‌های دیگری مانند Board.js، Drawer.js، Instance.js، Metrics.js، Piece.js، Set.js و Table.js و همچنین فایل‌های صوتی Sounds.js و Utils.js دارد.

در constructor کلاس Puzzle، سه پارامتر sounds، imageName و pieceCount دریافت می‌شود. این پارامترها به ترتیب برای تنظیم صداها، نام تصویر پازل و تعداد قطعات پازل استفاده می‌شوند. در این متد، ابتدا تصویر اصلی بارگذاری می‌شود و پس از بارگذاری تصویر، متد build فراخوانی می‌شود.

متد build پازل را بر مبنای تصویر بنا می‌کند. ابتدا یک شیء Metrics ایجاد می‌شود که اطلاعات مربوط به تصویر و تعداد قطعات را نگهداری می‌کند. سپس یک شیء Instance، Drawer، Board و Table ایجاد می‌شوند که به ترتیب مسئولیت‌های مربوط به نمایش تکه‌های پازل، ترسیم پازل، مدیریت صفحه‌بندی قطعات و مدیریت جدول پازل را بر عهده دارند.

در ادامه، متد destroy پازل را نابود می‌کند و منابع مصرفی را آزاد می‌کند. سپس متدهای togglePreview و togglePause برای نمایش و مخفی کردن پیش‌نمایش و توقف و ادامه دادن بازی در نظر گرفته شده‌اند.

متد startTimer زمان بازی را شروع می‌کند و با فاصله زمانی یک ثانیه، متد incTime را در شیء Metrics صدا می‌زند تا زمان گذشته شده افزایش یابد.

متدهای pickAny و dropAny برای برداشتن و رها کردن قطعات و مجموعه‌ها در نظر گرفته شده‌اند. این متدها در هنگام کلیک کردن بر روی قطعات صدا زده می‌شوند و موقعیت ماوس را تشخیص می‌دهند و قطعه را در مکان مناسب قرار می‌دهند.

متد complete بررسی می‌کند که آیا پازل تکمیل شده است یا خیر. اگر پازل تکمیل شده باشد، صداها و تنظیمات مربوط به پایان بازی اعمال می‌شود و نمایشگر مناسب نمایش داده می‌شود.

در کل، این کد یک ساختار پایه برای پازل فراهم می‌کدند. با استفاده از این کد، می‌توانید یک بازی پازل ساده را پیاده‌سازی کنید با قابلیت‌هایی مانند بارگذاری تصویر، تشکیل قطعات پازل، جابجایی قطعات، نمایش پیش‌نمایش و زمان‌سنجی بازی.

این اسکریپت برای اجرا به یک localhost نیاز دارد و فایل ها بدرستی فراخوانی شده و اجرا شود برای تست نیز می توانید از برنامه XAMPP استفاده نمایید.

برای شما کاربر عزیز ییشنهاد دانلود داده می شود.