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

[داوید]

سلام!

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

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

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

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

تصاویر از محیط بازی:

 

[Little-Demon]

بسی حال بردیم در آن ثان سی(اشاره به 30 ثانیه تست بازی)


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

یعنی بالاخره کد از جای دیگه بوده ؟ اصلاحش کردی ؟ نکردی ؟

 

[داوید]

ممنون!
همه ی کد این بازی رو کاملاً خودم نوشتم.

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

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

[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]

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