تقدم هذه المقالة قماش H5 لتحقيق ألعاب الثعبان الجشع ، ومشاركتها مع الجميع ، على النحو التالي:
التأثير على النحو التالي أفكار التنفيذ:ملاحظة: هذا مجرد تفكير.
1. ارسم الأفعى أولاً <! </head> <Body> <canvas id = canvas width = 800 height = 500> </body> </body> <script> var canvas = document.getElementById ('canvas') ؛ (2d ') color = color ؛} طريقة رسم block rect.protway. . // ارسم أربع كتل مربعة ، تم ضبطها على الرمادي (var i = 0 ؛ i <4 ؛ i ++) {var rect = new rect (i*20،0،20،20 ، gray) ؛ من استخدام Push (بالإضافة إلى ذلك) لجعل رأس الأفعى يظهر في الموضع الأول من SnakeArray.Splice (0،0 ، rect) ؛} // head = snakearray [0] ؛ يتم تعيين الأشياء التي يتم استخدامها عادة بعد اثنين من السمات ، بحيث تستدعي هذا. (مع السهم الأيمن من الرمز الرئيسي) this.direction = 39 ؛} // طريقة الطلاء snake snake.protwoty.draw = function () {for (var i = 0 ؛ i <this.snakearray.length ؛ i ++) { this.snakearray [i] .draw () ؛} // طريقة Snake Snake. تداخل الموضع برأس الأفعى // 2. أدخل هذه الكتلة إلى الموضع خلف رأس الأفعى في الصفيف // 3. قطع نهاية النهاية // 4. حرك رأس الأفعى في اتجاه الإعداد . / تحديد ما إذا كنت ستأكل الطعام ، تتم كتابة وظيفة تحديد iseat في النهاية // عندما تأكله ، سيتم إعطاء الطعام الموقف مرة أخرى. getRandomFood () ؛} آخر {this.snakearray.pop () ؛} // اضبط اتجاه حركة رأس الأفعى ، 37 يسارًا ، 38 ، 39 اليمين ، 40 غرزة (هذا. الاتجاه) {case 37: this.head. x- .y += this.head.h break ؛ .y> canvas.height || i = 1 ؛ (Timer) ؛}}} // ارسم الأفعى الأولي Var = Snake () Snake.draw () ؛ {context.clearrect (0،0 ، canvas.width ، canvas.head) ؛ اجعل الأفعى غير قادر على التحول مباشرة إلى المستند. Snake.Direction = 37 ؛} break ؛} الحالة 38: {if (snake.direction! == 40) {snake.direction = 38 ؛} break ؛} case 39: {if.direction! الاتجاه = 39 ؛} var = max-min ؛ إنه ثقيل ، ثم إعادة تحديد الموقع العشوائي (isonsnake) لن تنفذ البيانات التالية ISSNAKE = false ؛ 20 ، 20 ، الأخضر) ؛ y == rect.y) {// إذا تم إعادة تحديد التحديد ، فقم بتعيينه على TRUE ، بحيث يتم إعادة الرقم العشوائي إلى isonsnake = صحيح ؛ الكائنات الغذائية لها طريقة سحب REST ؛} // تحدد أن تناول الطعام ، أي إحداثيات رأس الأفعى والإحداثيات الغذائية للوظيفة هي () {if (snake.head.x == food.x && snake .. head.y == food.y) {return true ؛} آخر {return false ؛} </script> </html>ما سبق هو كل محتويات هذا المقال.