کد بازی مار جاوا اسکریپت JSnake

شروع موضوع توسط داوید ‏15 می 2013 در انجمن ساخت و طراحی بازی

  1. داوید

    داوید Member

    ارسال‌ها:
    35
    تشکر شده:
    19
    امتیاز دستاورد:
    8
    سلام!

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

    با توجه به اینکه این بازی مار تحت وب است، می‌توان آن را بر روی دستگاه‌های متفاوت اجرا نمود.
    می‌توانید این بازی را با دریافت برنامه Google Chrome، روی اندروید هم اجرا کنید.

    نمونه کد: برای بازی اینجا رو کلیک کنید!
    منبع: کد بازی JSnake

    توجه: لطفاً اگر از اینترنت اکسپلورر استفاده می کنید، از مرورگر دیگری مانند کروم یا فایرفاکس برای اجرای بازی استفاده کنید.
    متأسفانه اینترنت اکسپلورر نیمی از طراحی های من را پشتیبانی نمی کند!!
    استفاده از مرورگر گوگل کروم به شما توصیه می شود.

    تصاویر از محیط بازی:
    jsnake-thumb.png jsnake-demo2.png jsnake-demo.png
     
    آخرین ویرایش: ‏2 ژوئن 2013
    نوشته شده توسط داوید در ‏15 می 2013
    Little-Demon از این پست تشکر کرده است.
  2. Little-Demon

    Little-Demon Well-Known Member

    ارسال‌ها:
    722
    تشکر شده:
    276
    امتیاز دستاورد:
    63
    بسی حال بردیم در آن ثان سی(اشاره به 30 ثانیه تست بازی:cool:)


    یه مشکلی که دیدم : مار وقتی داشت میرفت سمت چپ و کلید سمت راست رو زدم ، برگشت تو خودش :shock:
    ولی بس باحال بود .

    یعنی بالاخره کد از جای دیگه بوده ؟ اصلاحش کردی ؟ نکردی ؟
    :green:
     
    آخرین ویرایش: ‏16 می 2013
    نوشته شده توسط Little-Demon در ‏16 می 2013
    داوید از این پست تشکر کرده است.
  3. داوید

    داوید Member

    ارسال‌ها:
    35
    تشکر شده:
    19
    امتیاز دستاورد:
    8
    ممنون!
    همه ی کد این بازی رو کاملاً خودم نوشتم.

    یه نکته: یک جای صفحه دوبار کلیک کنید، مار به صورت خودکار به اونجا هدایت میشه!

    این که گفتین مار توی خودش رفت خیلی عجیبه!!! 0_o
    چون برای اینکه این مشکل پیش نیاد، من این کد رو نوشتم:
    (به if ها دقت کنید.)
    کد (Text):

    [TABLE]
    [TR]
    [TD="class: webkit-line-content"]       case 37: //left[/TD]
    [/TR]
    [TR]
    [TD="class: webkit-line-number"][/TD]
    [TD="class: webkit-line-content"]       case 'left':[/TD]
    [/TR]
    [TR]
    [TD="class: webkit-line-number"][/TD]
    [TD="class: webkit-line-content"]           if(window.v!=+1 && window.h!=0){[/TD]
    [/TR]
    [TR]
    [TD="class: webkit-line-number"][/TD]
    [TD="class: webkit-line-content"]               window.h=0[/TD]
    [/TR]
    [TR]
    [TD="class: webkit-line-number"][/TD]
    [TD="class: webkit-line-content"]               window.v=-1[/TD]
    [/TR]
    [TR]
    [TD="class: webkit-line-number"][/TD]
    [TD="class: webkit-line-content"]           }[/TD]
    [/TR]
    [TR]
    [TD="class: webkit-line-number"][/TD]
    [TD="class: webkit-line-content"]           break;[/TD]
    [/TR]
    [TR]
    [TD="class: webkit-line-number"][/TD]
    [TD="class: webkit-line-content"]       case 38: //up[/TD]
    [/TR]
    [TR]
    [TD="class: webkit-line-number"][/TD]
    [TD="class: webkit-line-content"]       case 'up':[/TD]
    [/TR]
    [TR]
    [TD="class: webkit-line-number"][/TD]
    [TD="class: webkit-line-content"]           if(window.h!=+1 && window.v!=0){[/TD]
    [/TR]
    [TR]
    [TD="class: webkit-line-number"][/TD]
    [TD="class: webkit-line-content"]               window.h=-1[/TD]
    [/TR]
    [TR]
    [TD="class: webkit-line-number"][/TD]
    [TD="class: webkit-line-content"]               window.v=0[/TD]
    [/TR]
    [TR]
    [TD="class: webkit-line-number"][/TD]
    [TD="class: webkit-line-content"]           }[/TD]
    [/TR]
    [TR]
    [TD="class: webkit-line-number"][/TD]
    [TD="class: webkit-line-content"]           break;[/TD]
    [/TR]
    [TR]
    [TD="class: webkit-line-number"][/TD]
    [TD="class: webkit-line-content"]       case 39: //right[/TD]
    [/TR]
    [TR]
    [TD="class: webkit-line-number"][/TD]
    [TD="class: webkit-line-content"]       case 'right':[/TD]
    [/TR]
    [TR]
    [TD="class: webkit-line-number"][/TD]
    [TD="class: webkit-line-content"]           if(window.v!=-1 && window.h!=0){[/TD]
    [/TR]
    [TR]
    [TD="class: webkit-line-number"][/TD]
    [TD="class: webkit-line-content"]               window.h=0[/TD]
    [/TR]
    [TR]
    [TD="class: webkit-line-number"][/TD]
    [TD="class: webkit-line-content"]               window.v=+1[/TD]
    [/TR]
    [TR]
    [TD="class: webkit-line-number"][/TD]
    [TD="class: webkit-line-content"]           }[/TD]
    [/TR]
    [TR]
    [TD="class: webkit-line-number"][/TD]
    [TD="class: webkit-line-content"]           break;[/TD]
    [/TR]
    [TR]
    [TD="class: webkit-line-number"][/TD]
    [TD="class: webkit-line-content"]       case 40: //bottom[/TD]
    [/TR]
    [TR]
    [TD="class: webkit-line-number"][/TD]
    [TD="class: webkit-line-content"]       case 'down':[/TD]
    [/TR]
    [TR]
    [TD="class: webkit-line-number"][/TD]
    [TD="class: webkit-line-content"]           if(window.h!=-1 && window.v!=0){[/TD]
    [/TR]
    [TR]
    [TD="class: webkit-line-number"][/TD]
    [TD="class: webkit-line-content"]               window.h=+1[/TD]
    [/TR]
    [TR]
    [TD="class: webkit-line-number"][/TD]
    [TD="class: webkit-line-content"]               window.v=0[/TD]
    [/TR]
    [TR]
    [TD="class: webkit-line-number"][/TD]
    [TD="class: webkit-line-content"]           }[/TD]
    [/TR]
    [TR]
    [TD="class: webkit-line-number"][/TD]
    [TD="class: webkit-line-content"]           break; [/TD]
    [/TR]
    [/TABLE]
     




    راستی اگه کسی مپ (نقشه) جالبی برای این بازی طراحی کرد، معرفی کنید.
    راهنمای طراحی نقشه در این صفحه موجود است.
     
    آخرین ویرایش: ‏16 می 2013
    نوشته شده توسط داوید در ‏16 می 2013

به اشتراک بگذارید