Coding Challenge #3: The Snake Game The Coding Train Spanish Arabic

Coding Challenge #3: The Snake GameYouTube↗ IA↗(long shot)
Education 3.1M views 60.4K likes 1.8K dislikes 20 Apr 2016 Show Contributors 10

The Coding Train 1.8M subscribers United States YouTube↗

Contributed subtitles

English meiamsome

Spanish Nahuel José

Russian Lev Mizgirev

Indonesian Debby Maulana Anshori

Japanese Midnight Blue

Arabic Talal Zghoul

French Gregory Berger

Greek Argiris Sigalas

Portuguese (Brazil) Dila

Spanish (Latin America) Nahuel José

Click to Play Video

Hola y bienvenidos a lo que hoy será un "coding challenge" de 15 minutos!

مرحبا و اهلا بكم ماذا سنفعل اليوم في تحدي كتابة كود في 15 دقيقة

programar desde cero, en JavaScript,

ان ابرمج من الصفر , ب لغة جافا سكربت

el juego de la serpiente.

لعبة الأفعى

No creo haberlo hecho antes, quizás si.

لا أعتقد أنني فعلت هذا من قبل ، ربما فعلت

Ciertamente hice cosas parecidas.

أنا بالتأكيد صنعت أشياء تشبهها.

Pero si no estás familiarizado con el juego de la serpiente,

لكن اذا لم تكن تعرف لعبة الافعى

pon pausa al video, googléalo, juégalo - creo que lo encontrarás.

اوقف هذا الفيديو ,اذهب وابحث في جوجل , العبها ,اعتقد انك سوف تجدها

Bien, empecemos. Como que quiero conocerte un poco.

اذا , هيا بنا لنبدأ اريد ان اقضي بعض الوقت لتعرف عليك

Pero no puedo porque sólo tengo catorce minutos y treinta segundos

لكن لا استطيع لانه حقا لاني لدي 15 دقيقة و 13 ثانية الان

Lo primero que voy a hacer es — estoy usando un framework de JavaScript lalmado p5js —

إذن أول شيء أريد القيام به هو - وأنا في إطار جافا سكريبت يسمى p5js

p5js requiere una función setup()

ويتطلب من p5js تحميل الدوال

y una función draw()

ورسم الدوال

Y lo primero que haré es crear un lienzo (<canvas>)

والشيء الأول الذي سأفعله هو مجرد صنع لوحة فنية.

que sea, no sé, 600 por 600 píxeles.

هذا هو ، أنا أحتاج 600 × 600 بكسل.

Y vamos a ir para aquí a mirar esta página

وسوف نذهب إلى هنا للنظر إلى هذه الصفحة

Ahí vamos, hay un lienzo ahí. Está vacío.

Vaya, tengo que moverme más rápido.

يا صبي ، يجب أن أتحرك أسرع من هذا.

Y ahora vamos a darle un color de fondo.

و الان لنذهب ونحضر خلفية

Solo me quiero asegurar que las cosas estén funcionando.

أنا فقط أريد أن أتأكد من أن الأمور جاهزة وتعمل.

Entonces, tengo un lienzo. Tal vez necesite mover esto,

لذلك ، لدي لوحة فنية. ربما احتاج لنقل هذا

está un poco tapado por el temporizador. Pero entienden la idea: hay un lienzo.

انها نوع من تحت الموقت ولكن أيا كان ، تحصل على النقطة: هناك قماش.

Mi temporizador está encima. Está bien, será mejor la próxima vez.

المؤقت الخاص بي في الطريق. حسنًا ، هذا جيد ، ستتحسن في المرة القادمة.

اذا اممممم

Entonces, veamos lo que queremos hacer aquí.

لذا ، دعونا نرى ما نريد القيام به هنا.

Quiero hacer esto con programación orientada a objetos.

لذا اريد ا افعل هذا مع بعض البرمجة الشيئية

Voy a escribir algo llamado función "constructor".

سأقوم بكتابة شيء يسمى دالة منشئ

Tengo algunos tutoriales si no sabes lo que es una función constructor.

لدي بعض البرامج التعليمية حول وظائف منشئ إذا كنت لا تعرف ما هو هذا.

Y lo que haré es un objeto que tiene una X y una Y

وما سأفعله هو إنشاء كائن يحتوي على x و y

También voy a agregar unas velocidades xspeed y yspeed (velocidad x, velocidad y)

وسأقوم أيضًا بتتبع xspeed و yspeed.

Porque, lo que quiero — y que esta sea 1.

لأن ، ما أريده - ودعونا نجعله واحدًا

Lo que quiero es que este objeto Snake para la serpiente tenga algunas funciones.

ما أريده هو أن يكون لهذا الكائن الثعباني بعض الوظائف

Como una función update (actualizar)

مثل وظيفة التحديث

Y lo que ocurre en esa función update es

وماذا يحدث ان حدثنا الدوال او الوظائف

simplemente que el valor de x cambia por el valor de xspeed

تتغير قيمة x ببساطة بواسطة قيمة xspeed

Y el valor de y cambia por el valor de yspeed.

وقيمة y تتغير ببساطة عن طريق قيمة yspeed

Ahora, quiero otra función.

ولان , اريد وظيفة اخرى

Y voy a llamarla show (mostrar)

وسأطلق عليه اسم العرض

Porque lo que quiero

لأن ما أريد

Emm, voy a dibujar — Ya sé, voy a dibujar un rectángulo.

آه ، سأقوم برسم - أعرف ، سأقوم برسم مستطيل

Un rectángulo ubicado en this.x y this.y que sea, no sé, 10 por 10.

مستطيل في هذه النقطة ، هذه النقطة لا أعرف ، 10 في 10.

Y voy a hacerlo blanco.

وسأجعل ذالك المستطيل ابيض

Entonces, el punto es, quiero tener este objeto simple.

لذا ، فإن الهدف من هذا هو ، أريد أن أحصل على هذا الكائن البسيط.

Es un objecto Snake (serpiente). Tiene una x y una y, una xspeed y una yspeed.

إنه كائن Snake ، يحتوي على x و y و xspeed و yspeed

Se va a mover por la ventana

انها سوف تتحرك حول النافذة

Y sus coordenadas "x" y "y" se mueven en base a esas velocidades xspeed y yspeed

وتتحرك x و y بناءً على تلك السرعة x و y

Al comienzo del programa puedo crear una variable, voy a llamarla "s"

في بداية البرنامج يمكنني إنشاء متغير ، سأقوم فقط بتسميته

Tal vez la nombraría "snake" en un día más normal de mi vida

ربما اريد ان اسمها ثعبان في يوم عادي في حياتي

Pero este es un proyecto a las apuradas, así que solo la llamaré "s"

ولكن هذا هو - القليل من مشروع صغير متسرع هنا ، لذلك أنا سأطلق عليه "var s"

Y entonces "s" es un nuevo objeto Snake

وانا ذاهب لأقول هو ثعبان جديد

Luego diré "s.update()" (actualizar)

ثم سأقول تحديث نقطة

Y "s.show()" (mostrar)

وعرض النقطة s

Y debería mover el objeto Snake a otro archivo JavaScript en algún momento.

وقد أرغب في نقل كائن Snake هذا إلى ملف آخر ، وهو ملف JavaScript ، في مرحلة ما

Pero no me preocuparé mucho por eso.

لكنني لن أقلق بشأن ذلك كثيرًا.

Seguro nos equivocamos en algo

لذا ، أنا متأكد من أننا حصلنا على بعض الأشياء خاطئة

Podemos ver — ¡Miren! Ahí está mi serpiente.

حسنا الان تستطيع ان ترى , هذه هي, انها الافعى الخاصة بي

Se mueve a través de la ventana. ¡Hola serpiente! ¡No, regresa! ¡No, vete!

انها تتحرك عبر النافذة. بواسطة سنيك! لا ، أعود! لا تذهب بعيدا!

اوكي ايا كان

Entonces — eso está muy bien.

إذن ، الآن ، هذا جيد جدًا.

Bien, ¿qué pasa en el juego de la serpiente?

حسنا ، ماذا يحدث في لعبة الثعبان؟

Creo que si presionas la tecla ARRIBA va hacia arriba y si presionas ABAJO va hacia abajo.

أعتقد أنه إذا ضغطت على السهم لأعلى ، فإنه يرتفع ، إذا قمت بالضغط على السهم لأسفل فإنه ينخفض

Entonces podemos agregar algo en p5

السهم الأيسر - حتى نتمكن من إضافة شيء ما في p5

Podemos agregar una función, que es como un evento global

يمكننا إضافة وظيفة تشبه حدثًا عالميًا.

llamado "keyPressed" (tecla presionada)

يدعا keyPressed

Y puedo decir, creo, tecla igual a UP_ARROW

وأستطيع أن أقول إنني أعتقد أنه مفتاح يساوي UP_ARROW

Espero que eso sea correcto.

يا فتى ، أتمنى أن يكون هذا صحيحًا.

أوه ، "keyCode"

Creo que con estas deberías usar una variable en p5 llamada "keyCode"

أعتقد مع هذه أنك تريد التحقق من المتغير المدمج في p5 المسمى keyCode

Luego quiero que mi serpiente — quiero darle una dirección

ثم أريد أن أقول للافعى - سأقوم بتحديد اتجاه مثل التحرك

Cero en el eje x, pero -1 es arriba.

الصفر على طول المحور س ولكن على نحو سلبي

Entonces puedes ver que la idea aquí es —

لذا يمكنك أن ترى نوعًا من هذه الفكرة التي أفعلها هنا ،

Vaya, espero que sean los correctos.

يا فتى ، أتمنى أن يكون هذا صحيحًا.

—la idea es que la serpiente va a tener una nueva función

- هذه الفكرة هي أن الثعبان سيكون له وظيفة جديدة

que va a permitirme darle una dirección.

هذا سوف يسمح لي بتحديد اتجاهه

Y si presiono ARRIBA, voy a darle la dirección 0 y -1

وإذا ضغطت ، أريد أن أحدد اتجاهها إلى صفر ، سلبي

اسفل: صفر, واحد

Y también voy a hacerlo para IZQUIERDA y DERECHA.

ثم أريد أيضًا أن أفعل اليمين واليسار.

Voy a copiar esto rápidamente.

لذلك اسمحوا لي بسرعة نسخ ولصق هذا مرتين أكثر.

Necesito RIGHT_ARROW y LEFT_ARROW (teclas derecha e izquierda)

وأحتاج إلى RIGHT_ARROW و LEFT_ARROW

Si se mueve a la derecha, x es 1, y es 0.

وإذا كان الانتقال إلى اليمين ، فإن x هو واحد و y الخاص به هو صفر.

Si se mueve a la izquierda, x es -1, y es 0.

إذا كان الانتقال إلى اليسار ، فإن x هو سلبي واحد و y الخاص به هو صفر.

Por supuesto que esto no va a funcionar. Podemos ejecutar esto,

لذلك ، بالطبع ، هذا لن ينجح الآن. يمكننا تشغيل هذا ،

y puedo presionar teclas, pero va a decir "s.dir no es una función"

ويمكنني أن أبدأ بضرب المفاتيح ، لكنه سيقول "s dot dir ليس دالة"

Entonces inventé esta idea de una función llamada dir para dirección

لذا ، قمت بتكوين هذه الفكرة لدالة تدعى dir للإتجاه

Pero necesito agregarla a mi objeto

ولكني في الواقع أريد إضافته إلى موضوعي

Y seamos abiciosos

كما تعلمون ، دعونا نكون طموحين هنا

Tomemos este objeto y hagamos un —

لنأخذ هذا الكائن ودعونا نجعل

Es un poco peligroso lo que haré aquí

هذا أمر خطير بعض الشيء ما أفعله هنا

Hagamos un archivo separado.

دعونا نجعل ملف منفصل.

Voy a llamarlo snake.js

سأطلق عليه اسم snake.js

Y pegarlo aquí

ولصقه مرة أخرى هناك.

Y en mi archivo index.html voy a agregar una referencia a snake.js

وفي my index.html ، سأقوم أيضًا بإضافة مرجع إلى snake.js

Esto me permite mantener mi código organizado.

هذا فقط يسمح لي لتنظيم الكود الخاص بي قليلا مختلفا.

Entonces, tengo sketch.js que sólo tiene las funciones setup, draw y keyPressed.

لذلك ، يمكن أن يكون لدي sketch.js التي لديها فقط الإعداد والرسم و keyPressed

Y tengo snake.js que es solo el archivo Snake para la serpiente.

ويمكنني أن يكون snake.js الذي هو مجرد كائن الثعبان

Mi temporizador está encima de mi código un poquito.

Tengo que trabajar en esto. Bien, está mejor.

علي العمل على هذا أكثر. حسنًا ، هذا أفضل قليلاً.

Como pueden ver, esto es todo el código — la función constructor — para hacer este tipo de objetos

لذا ، يمكنك أن ترى ، هذا هو كل رمز - وظيفة منشئ - لصنع هذا النوع من الكائنات.

Pero ¿para qué sirve hacer eso?

لكن ، ما هي الفائدة من القيام بذلك؟

Necesito agregar otra función llamada this.dir

أنا بحاجة إلى إضافة وظيفة أخرى تسمى هذا دوت دير

Y el propósito de esa función es recibir dos valores: "x" y "y"

وكان الهدف من هذه الوظيفة هو الحصول على قيمتين: في x و y

Y usar esos valores para darle dirección a este objeto.

واستخدام هاتين القيمتين لتعيين اتجاه هذا الكائن.

Ahora, si recibo una "x" y una "y", en eso se convierten xspeed y yspeed

حتى الآن ، إذا تلقيت x و y ، فهذا هو ما xspeed و xspeed

Y si vuelvo a sketch.js,

وإذا عدت إلى sketch.js ،

Vemos aquí— Aquí está

أستطيع أن أرى هنا - هناك نذهب

Eso es lo que estoy haciendo aquí. Bien, me preocupa que el audio deje de funcionar.

هذا ما أفعله هنا. حسنًا ، لقد شعرت بالقلق من توقف الصوت عن العمل.

Pero parece estar funcionando. Siento que estoy hablando un poco fuerte, voy a bajar el volumen.

لكن يبدو أنه ما زال يعمل. أشعر أني بصوت عالٍ قليلاً اليوم ، دعني أطفئ هذا.

No debería hacer esto en el medio de un video.

لا يجب أن أقوم بهذا مباشرةً في وسط الفيديو

لكن لايهم

Bien, si hago esto, deberíamos ver —

حسنًا ، الآن إذا قمت بذلك ، يجب أن نرى

Presionamos ABAJO, DERECHA, ABAJO, IZQUIERDA

اضغط لأسفل ، واضغط على اليمين ، واضغط لأسفل ، واضغط على اليسار

Ven aquí— hagamos algo aquí

يمكنك أن ترى - الآن دعونا نفعل شيئا هنا

Pensemos esto un segundo.

دعونا نفكر في هذا لثانية واحدة

Queremos que la serpiente—

نحتاج الى الافعى

Algo que debemos pensar aquí

شيء واحد نحن بحاجة للتفكير هنا

y hay muchas formas de implementar esto

وهناك الكثير من الطرق المختلفة لتنفيذ ذلك

pero debemos pensar en el lienzo como una grilla

لكن اللوحة ، نحن نريد حقا أن نفكر بها كشبكة

Porque la serpiente realmente será un rectángulo grande

لأن الثعبان سيكون مستطيلًا كبيرًا بالفعل

y mientras se mueve, se moverá al siguiente lugar en la grilla, luego al siguiente.

وعندما يتحرك ، سينتقل إلى النقطة التالية في الشبكة ، النقطة التالية ، ثم ينتقل إلى النقطة التالية

Necesitamos algún tipo de variable para llevar cuenta del tamaño de esta grilla

أريد نوعا من المتغيرات لتتبع حجم هذه الشبكة.

No sé qué llamarla, podría llamarla "r"

لا أعرف ماذا أسميها ، يمكن أن أسميها r

Llamémosla "scl"

دعونا نسميها r ، دعنا نسميها scl

para abreviar "escala"

لتقف على نطاق واسع

No quiero llamarla "scale" (escala) porque scale es una función de p5

لا أريد أن أسميها مقياسًا لأن المقياس عبارة عن دالة مضمنة في p5

Entonces regresaré aquí

لذلك ، سوف أعود إلى هنا

y voy a agregar una variable llamada "scl" para la escala.

وسأضيف متغيرًا ، سأطلق عليه scl للحصول على مقياس

Y le daré el valor 20

وانا ذاهب لجعله 20.

Luego — de hecho — es una variable global

ثم ، في الواقع هذا - يمكن أن يكون - إنه متغير عالمي

Luego en la serpiente, quiero todo basado en esa escala.

وفي الثعبان ، أريد أن يكون كل شيء على أساس ذلك

Entonces quiero moverla por la xspeed (velocidad x) — en realidad xspeed y yspeed son la dirección

لذا ، أريد أن أتحرك بواسطة xspeed - xspeed و yspeed هما حقا الاتجاه...

Y quiero dibujar la serpiente con esa escala.

ثم أريد أن أرسم الثعبان بهذا الحجم

Entonces si regresamos

والآن ، إذا عدنا

الى المتصفح

Y actualizamos— ¡valla! es muy rápido

وأضرب التحديث - woah انها سريعة جدا

Un par de cosas, agreguemos un poco de código brevemente

إذن - شيئين ، دعنا نضيف بعض الشفرات حقًا لفترة وجيزة

para restringirla

لتقييدها

this.x igual a — en p5 hay una función llamada "constrain"

هذه النقطة تساوي - في p5 هناك وظيفة تسمى القيود

donde puedo decir "toma este valor de 'x' y restríngelo entre cero y el ancho".

حيث يمكنني قول "مرحبًا ، خذ هذه القيمة x وقم بتقييدها بين الصفر والعرض."

Y, saben qué, el ancho menos la escala.

وأنت تعرف ماذا ، العرض ناقص النطاق

Porque no quiero que se vaya fuera de pantalla

لأنني لا أريدها أن تنفجر

Es un rectángulo dibujado desde arriba a la izquierda

إنه مستطيل مرسوم من أعلى اليسار.

Y this.y quiero restringirlo a la altura menos la escala.

وأهذه النقطة y أريد تقييدها على نطاق ناقص الارتفاع.

¿Cómo vamos? nos quedan 7 minutos, vamos avanzando.

كيف نفعل؟ لدينا سبع دقائق متبقية ، نحن في مكان ما.

Bien, ahora podemos ver que funciona más o menos

حسنا ، الآن ، يمكننا أن نرى ذلك ، هذا نوع من العمل

Esto será mi serpiente

هذا في النهاية سيكون ثعبانتي

Generalmente no me gusta lo que voy a hacer ahora

أنت تعرف ، قد لا أحب ما سأفعله بعد ذلك في معظم الحالات

pero creo que está bien para simplemente reducir el framerate (cuadros por segundo)

ولكنني أعتقد أنه سيكون من الأفضل تقليل معدل الإطارات.

Porque el juego de la serpiente es como esta cosa vieja en baja resolución

لأن لعبة الثعبان هي نوع من هذا الشيء الإرتداد منخفض الدقة

Entonces globalmente en p5, en setup

لذلك ، سأكون فقط على مستوى العالم في p5 في الإعداد

voy a poner "frameRate" y le pondré 10.

سأقول فقط معدل الإطار ، وسأقول عشرة

Y ahora actualizamos nuevamente

والآن سأقوم بتحديثه مرة أخرى

Y omo pueden ver, esto se parece más al juego de la serpiente

ويمكنك أن ترى ، هذا يبدو وكأنه نوع من لعبة الثعبان

Entonces, hicimos que se mueva con las teclas

حسنًا ، لدينا هنا أنه يمكنني الآن الضغط على مفاتيح الأسهم وتحريكها

¿Qué nos está faltando?

ما هي الأشياء المفقودة الآن؟

En el juego de la serpiente, pedazos de comida aleatorios aparecen

في لعبة الثعبان تظهر اجزاء عشوائية من الطعام

Cuando un pedazo de comida aparece, la serpiente intenta comer esa comida

عندما يظهر القليل من الطعام ، يحاول الثعبان تناول هذا الطعام.

Cuando la serpiente come, se hace un poquito más larga.

عندما يأكل الثعبان هذا الطعام ، يصبح أطول قليلا

Y si la serpiente choca contra sí misma, muere.

وإذا كان الثعبان في أي وقت مضى ، فإنه يموت

Vaya, es mucho para seis minutos.

يا فتى ، هذا الكثير من الأشياء التي يجب القيام بها في ست دقائق

هيا بنا نبدأ

Bien, lo primero que quiero hacer es agregar un pedazo de comida.

حسنًا ، لذلك أول شيء أريد القيام به ، دعنا نضيف قطعة من الطعام.

Entonces, quiero — vaya — bien, bien. ¡Está bien!

لذلك ، أريد أن - يا صبي هذا سوف - بخير. غرامة! لا بأس! لا بأس!

No hay problema, no hay problema.

لا مشكلة,لامشكلة , لامشكلة

Quiero hacer un objeto para la comida pero no temos mucho tiempo

أريد نوعًا ما أن أصنع طعامًا ، لكن ليس لدينا الكثير من الوقت

Tal vez agregue eso luego.

ربما أنا سوف refactor ذلك في وقت لاحق

دعونا نجعل اه

Hagamos un vector.

دعونا نجعلها متجه.

Voy a usar "createVector" que es una forma rápida y fácil de almacenar una "x" y una "y"

لذلك ، سأقوم باستخدام Vector لإنشاء وهي طريقة سريعة وسهلة لتخزين كل من x و y

Claro, no usé un vector en la serpiente, pero cómo sea, está bien.

بالطبع ، لم أكن أستخدم المتجه في الثعبان ، ولكن أيا كان ، فلا بأس

Podemos ser desprolijos por diversión hoy.

يمكننا أن نكون قليلا من الفوضى للمتعة اليوم

"createVector" y voy a darle un punto arbitrario...

إنشاء Vector ، وسأعطيه بقعة عشوائية ...

فى النافذة .

Y en draw, voy a —

وانا ذاهب الى التعادل ، انا ذاهب ل-

Voy a hacer mi comida bonita y púrpura o rosada.

سأجعل طعامي لونًا أرجوانيًا أو ورديًا لطيفًا.

Voy a dibujar food.x y food.y (comida.x, comida.y) y las haré del mismo tamaño.

انا ذاهب لرسم الطعام doty الغذاء doty وانا ذاهب لجعلها بنفس الحجم

Y si ejecutamos, ahí está mi comida.

والآن يمكننا تشغيله ، يمكننا أن نرى أن هناك طعامي.

Voy a ir a comer mi comida

أريد أن آتي وأحصل على طعامي الآن

No está exactamente en la grilla...

انها ليست بالضبط على الشبكة

Debería arreglar eso — arreglémoslo

لذا ، ربما ينبغي أن أتعامل - دعنا نجعل هذا صحيحًا.

Lo que quiero hacer respecto a su ubicación es —

لذلك ، ما أريد فعله فعلاً من حيث موقعه -

Voy a hacer una función llamada pickLocation (escoger ubicación)

سأقوم بعمل وظيفة تسمى pickLocation

Y lo que esa función hará es —

وماذا ستفعله هذه الوظيفة؟

Primero necesitamos saber: ¿Cuál es el número de columnas?

نحتاج أولاً إلى معرفة: ما هو عدد الأعمدة؟

Es el ancho de la ventana, dividido por la escala.

لذا ، فإن عرض النافذة مقسومًا على هذا المقياس.

Luego el número de filas.

ثم عدد الصفوف.

El cual es el alto de la ventana divivido por la escala.

وهو ارتفاع النافذة مقسومًا على المقياس

Y ahora, voy a crear un pedazo de comida

والآن ، أريد أن أصنع قطعة طعام

que esté en una fila y columna aleatorias.

هذا هو [في] عمود عشوائي وصف عشوائي

Y también debo usar "floor" en ambas. Vaya.

وأريد أيضا استخدام الكلمة مع كل من هذه. يا ولد.

Esta línea de código se está haciendo un poco larga.

هذا هو الحصول على سطر طويل جداً من التعليمات البرمجية هنا.

Pero — ¿Qué acabo de hacer?

لكن - ماذا فعلت؟

Escribí una función que escoge una ubicación.

كتبت وظيفة تختار موقعًا

porque quiero tener — quiero que sea solo uno de los lugares de la grilla

لأنني أريده أن يكون - أريد أن يكون واحدًا فقط من هذه البقع في الشبكة

Entonces tengo que dividir— este es cero, uno, dos, tres, cuatro

لذا ، يجب أن أفرق - هذا هو صفر ، واحد ، اثنان ، ثلاثة ، أربعة

Entonces necesito dividir por el tamaño de la escala

لذا أحتاج إلى التقسيم بمدى حجم ذلك الحجم

para escoger uno de esos enteros.

لاختيار تلك الأعداد الصحيحة

Luego, lo que necesito en realidad es su ubicación real.

ثم أنا في الواقع بحاجة إلى موقعه الفعلي

Tengo que multiplicarlo por esa escala para volver a expandirlo.

أرغب في ضربه بهذا الحجم لتوسيعه مرة أخرى.

Y la función "floor" está en todos lados porque necesito que esos valores en números enteros

ووظيفة الكلمة في كل مكان لأنني بحاجة إلى أن تكون هذه الأشياء أرقامًا كاملة كي تعمل بشكل جيد

Entonces como ven, esto debería — la comida

الآن ، يمكنك أن ترى ، هذا يجب أن - الطعام

Bueno, no funcionó.

حسنا ، هذا لا يبدو للعمل!

¿Hicimos eso bien?

هل نحن متأكدون من أنني فعلت ذلك بشكل صحيح؟

Ah, claro— Está un poco corrido

آه ، هذا صحيح - إنها أقل قليلاً

No voy a preocuparme mucho por eso ahora.

لن أقلق بشأن ذلك الآن

Alguien va a, em —

شخص ما ، أه ،

Alguien me corregirá — corregirá esto luego.

سيصححني شخص ما - صحح هذا لاحقًا.

Está bien por ahora, lo arreglaré luego porque me quedan 5 minutos.

إنه قريب بما فيه الكفاية ، سأصلح ذلك لاحقًا لأنني لا أملك سوى أربع دقائق

Lo que quiero hacer ahora es resolver, em

لذلك ، ما أريد القيام به الآن هو معرفة ، أه

Debo escribir una función s.eat (comer) para la comida

أريد أن أكتب وظيفة s نقطة تناول الطعام

Debo hacer algo —

اريد ان افعل شيئاً

¡Me dí 5 minutos extra hoy!

قمت بتوسيع نفسي بخمس دقائق اليوم.

Claramente no es tiempo suficiente.

من الواضح أن هذا ليس ما يكفي من الوقت.

Quiero que la serpiente coma la comida.

أريد أن يأكل الثعبان الطعام

Entonces, en el objeto Snake, necesito agregar otra función llamada eat (comer).

لذا ، همهمة ، في كائن الثعبان أحتاج لإضافة وظيفة أخرى تسمى أكل

Dificultades técnicas, pero ¡regresé!

صعوبات فنية ، لكني عدت!

Y lo que estoy haciendo ahora es escribir la función donde la serpiente come la comida

وما أفعله الآن هو أنني أكتب الوظيفة التي يأكل فيها الثعبان الطعام

Entonces necesito verificar si la serpiente está en la misma ubicación que la comida

لذا ، أحتاج إلى التحقق مما إذا كان الثعبان في نفس موقع الطعام.

Y bien, de hecho, mientras tenía dificultades técnicas me di cuenta que me faltó algo importante

و ، على الرغم من أنني واجهت صعوبات فنية أدركت أني فقدت شيئًا مهمًا

Que es, tenemos esta función "pickLocation" pero no la invoqué aquí arriba

وهو ، لدينا وظيفة pickLocation كاملة ولكن لم أكن أتصل بها هنا

que la ubicación de la comida esté en esta cosa que me llevó mucho tiempo para que esté en la grilla

موقع الأطعمة أن يكون في هذا الشيء الذي قضيت كل الوقت في القيام به للتأكد من أنه على الشبكة

Esto debería solucionar este problema con la comida no alineada con la grilla con la serpiente.

لذلك ، الآن يجب أن يحل المشكلة حيث لا تتم محاذاة الطعام بشكل مثالي في الشبكة مع الثعبان.

Volvamos donde nos quedamos: snake.eat

ولكن دعونا نعود إلى حيث كنا: أكل الثعبان

Entonces en el objeto Snake, esto significa, que debo escribir una función llamada eat (comer)

لذلك ، في كائن الثعبان ، وهذا يعني ، أنا بحاجة إلى كتابة وظيفة تسمى أكل

Y esta función va a recibir una posición, un vector, donde está la comida

وهذه الوظيفة ستتلقى موقفا ، متجه ، حيث يوجد هذا الطعام

Y podría verificar si están exactamente en el mismo espacio

ويمكنني التحقق مما إذا كانوا في نفس المساحة بالضبط

Pero estoy seguro que si solo uso la distancia de la ubicación actual de la serpiente

لكنني متأكد من أنني إذا استخدمت المسافة بين الثعبان فعليًا (x و y)

y la ubicación de la comida y si verifico que esa distancia es menos de 1 pixel

إلى حيث يكون الطعام (س و ص) وإذا كنت مجرد التحقق من أن تلك المسافة أقل من بكسل واحد

Tal vez debería verificar si es 2 o 3 píxeles, pero, como sea.

ربما ينبغي أن تحقق اثنين من بكسل أو ثلاثة بكسل ، ولكن ، أيا كان.

Voy a decir "return true"

En otras palabras, quiero que esta función me diga si la serpiente alcanzó la comida.

انا ذاهب ليقول العودة صحيح.

Y si es verdadero (true) ¿qué hago con esta información?

وإذا كان الأمر صحيحًا ، فماذا أريد أن أفعل مع هذه المعلومات؟

Vuelvo aquí y digo

لذلك أريد أن أعود إلى هنا وأقول

Si la serpiente come la comida, entonces ¿Qué?

إذا كان الثعبان يأكل الطعام فأنا أريد ... ماذا؟

Escoger una nueva ubicación

اختر موقعًا جديدًا

Oh, ¿saben de qué me di cuenta?

أتعرف ما أدركته؟

No es — no es food igual a pickLocation

إنه ليس - الطعام لا يساوي اختيار الموقع

Esta función simplemente establece la ubicación de la comida por sí misma.

هذه الوظيفة التي كتبتها للتو تحدد موقع ذلك الطعام نفسه

Entonces simplemente llamo a pickLocation nuevamente, no devuelve nada.

لذا يمكنني فقط الاتصال بـ pickLocation مرة أخرى ، ولا يعود أي شيء

Vaya, mi mente deriva un poco al final de estos videos con sólo 2 minutos restantes

يا عزيزتي ، أصبح رأيي غامضًا في نهاية مقاطع الفيديو هذه مع بقاء دقيقتين فقط.

Veamos, creo que ya estamos más cerca.

دعونا نرى ، نحن سنكون قريبا حقا الآن.

Ahora deberíamos ver — voy a mover

لذا ، يجب أن نرى الآن - سوف أتحرك

Vamos, ¡alíneate a la grilla!

تعال ، كن على الشبكة.

¡Miren eso! ¡Justo en la grilla!

انظروا إلى ذلك ، صحيح على الشبكة!

Y puedo comer el pedazo de comida e irá a un lugar nuevo

وأستطيع أن آكل قطعة الطعام هذه وستذهب إلى مكان جديد

Es divertido jugar. No tengo tiempo de jugar ahora.

هذا ممتع للعب. ليس لدي وقت للعب هذا الآن.

Debo seguir moviéndome.

يجب أن استمر في الحركة.

Bien, ¿Qué necesito hacer?

حسنا ، ماذا يجب أن أفعل؟

Si consigue la comida, necesita hacerse más larga.

إذا حصلت على الطعام ، فيجب أن تصبح أطول

¿Cómo llevo cuenta de la longitud de la serpiente?

كيف يمكنني تتبع ثعبان لديه طول لها؟

Necesito algún tipo de array (arreglo).

حسنا أنا بحاجة إلى نوع من الصفيف

Algún tipo de variable para llevar cuenta de qué tan larga es la serpiente.

نوع من المتغيرات لتتبع طول هذا الثعبان

Entonces, volvamos al código. Tenemos que volver al objeto de la serpiente.

لذا ، لنعد إلى الشفرة. يجب أن نعود إلى كائن الثعبان.

Agreguemos algo llamado "this.total" y que sea igual a 1.

ودعنا نضيف شيئًا يسمى هذا الإجمالي ، وهذا يساوي واحدًا.

Porque, la serpiente —

لان الافعى

Y ¿saben qué? voy a hacer algo un poco alocado.

وأنت تعرف ماذا سأفعل شيئًا أخرقًا قليلاً.

Y es que voy a mantener la "x" y la "y" como su ubicación actual

وهو أنني سأحافظ على x و y مثل الموقع الحالي

Y en el arreglo voy a almacenar— el tamaño de ese arreglo es su historial

والمصفوفة التي سأقوم بتخزينها ، طول هذه المجموعة ، هي مجرد تاريخها.

Entonces al principio es cero ya que sólo tiene su ubicación actual y el resto...

لذا ، في البداية ، الصفر فقط حيث يوجد موقعه الحالي وبقية أجزاءه

Esto será útil luego, acabo de darme cuenta.

هذا في الواقع سيكون مفيدا في وقت لاحق أدركت للتو.

Voy a hacer otra variable llamada "tail" (cola).

وسأقوم بإنشاء متغير آخر يسمى الذيل

La cual será un arreglo.

والتي ستكون صفيف

Entonces, algo seguro es

لذلك ، شيء واحد مؤكد هو

que si come la comida, el total debería incrementarse en uno.

El total debería incrementarse en uno. Mientras se mueve...

لذا ، يجب أن يرتفع الإجمالي بمقدار واحد. الآن ، بينما يتحرك ...

quiero tener un ciclo

أريد أن أحصل على حلقة

¿qué va en este ciclo?

ما الذي يحدث في هذه الحلقة؟

Definitivamente quiero recorrer el total en un ciclo

أنا بالتأكيد أريد أن حلقة من خلال هذا المجموع

Y, de hecho, quiero hacer todo esto antes...

وفي الواقع ، أريد أن أفعل كل هذا قبل ...

Justo antes de que se mueva. Vaya...

مباشرة قبل أن يتحرك يا فتى

Necesito resolver esto, sólo tengo 38 segundos pero necesito pensar esto.

أنا بحاجة إلى عمل ذلك ، ليس لدي سوى ثماني وثلاثين ثانية ولكني بحاجة إلى العمل على هذا قليلاً في رأسي هنا

Si este es el arreglo

لذا ، إذا كان هذا هو المصفوفة

y esta es la ubicación actual de la serpiente

وهذا هو الموقع الحالي للثعبان

Tal vez lo que quiero es poner su ubicación actual en el último lugar

ربما ما أريده هو وضع موقعه الحالي في المكان الأخير

Y trasladar todo hacia atrás, el historial hacia atrás

وتحويل كل شيء لأسفل ، والتاريخ لأسفل

Entonces, aquí es donde estaba hace 4 instantes.

إذن ، هذا هو المكان الذي كان قبل أربع لحظات

hace 3 instantes, hace 2 instantes, hace 1 instante.

منذ لحظات ، قبل لحظات ، منذ لحظة.

Eso funcionará.

هذا سوف أفعل.

Lo primero que necesito hacer en este arreglo es trasladar todos los lugares.

لذا ، فإن أول شيء أحتاج إلى القيام به في هذه المجموعة هو تحويل جميع البقع.

Entonces quiero recorrer el total menos 1

لذلك أنا حقا أريد أن حلقة من خلال مجموع ناقص واحد

Y debo poner...

وأريد أن أقول مؤشر الذيل أنا يساوي مؤشر الذيل ط زائد واحد

Estoy seguro que mi tiempo se acabó...

الآن ، أنا متأكد من أن وقتي قد انتهى الآن ،

Veremos cuánto tiempo nos lleva

سنرى كم سيستغرق ذلك

Voy a hacer click en esta ventana, darle aceptar, y se detiene.

سأضغط على نافذة صغيرة هنا ، حسناً ، وتوقف في ثانية واحدة

Y va a decir que se acabó el tiempo.

وسيقول الوقت انتهى

Y saben qué— vamos a dejar eso ahí. Vean cuánto dura el video y así sabrán cuánto tiempo llevó.

وأنت تعرف ماذا سنترك ذلك هناك. سترى الوقت الذي يستغرقه هذا الفيديو وهذا هو الوقت الذي استغرقه هذا الفيديو.

Esto va a trasladar todo una unidad

حسنا ، هذا سوف ينقل كل شيء بواحدة

Y cuando termine, quiero que el último lugar

ثم عندما انتهيت ، أريد النقطة الأخيرة

وهو الذيل [index] الإجمالي ناقص واحد

que sea igual a "createVector"

لتتكاثر creatVector ...

هذه النقطة X ، هذه النقطة y

Entonces esto permite — esa es su ubicación actual y luego puede moverse

لذلك هذا يسمح الآن ، - هذا هو موقعها الحالي وبعد ذلك يمكن أن تتحرك

Ahora, cuando la dibujo

والآن ، عندما أرسمها

Además de dibujar el rectángulo en su ubicación actual, necesito decir

بالإضافة إلى رسم المستطيل في موقعه الحالي ، يجب أن أقول أيضًا

ارسم كل المستقيم - ارسم ذيله

Entonces quiero un

احتاج الى

en

— y me doy cuenta

مؤشر الذيل ط - وأدركت

que cometí un clásico error de JavaScript

لقد ارتكبت خطأ جافا سكريبت كلاسيكي

Error clásico de JavaScript

خطأ جافا سكريبت الكلاسيكي.

Tengo esta cosa llamada "tail", que es muy importante

لقد حصلت على هذا الشيء يسمى الذيل ، وهو أمر مهم حقا

Pero es "this.tail"

ولكن ، هذا هو ذيل نقطة

"tail" es parte de la serpiente!

الذيل جزء من الثعبان!

Entonces en todos los lugares donde puse "tail", olvidé poner "this.tail"

لذلك في كل مكان أضع الذيل ، نسيت هذا الذيل

Esto me pasa todo el tiempo.

هذا يحدث لي في كل وقت

Es como, la perdición de mi existencia.

هذا مثل ، لعنة من وجودي

Ah, esto es "this.total" también

أوه ، وهذا المجموع الكلي أيضا!

Creo que probablemente— Estoy buscando, "this.tail"

لذا ، أعتقد أنني على الأرجح - أنا أبحث في جميع أنحاء ، وهذا الذيل نقطة

this.tail, this.tail, this.tail

هذا الذيل نقطة ، وهذا الذيل نقطة ، وهذا الذيل نقطة

this.total, this.total

هذا المجموع نقطة ، وهذا المجموع نقطة

Debería tener un cartel luminoso en frente mío que diga "this[punto] this[punto]"

يجب أن يكون لدي علامة وامضة كبيرة أمامي تقول فقط "هذه النقطة" "هذه النقطة"

"هذه النقطة" "هذه النقطة"

Bien, ejecutemos esto y veamos si funciona.

حسنًا ، لنقم بذلك ونرى ما إذا كان هذا يعمل الآن.

Actualizamos. No lo sé, estoy seguro que me faltó algo.

ضرب التحديث ، لا أعرف. أنا متأكد من أنني فاتني شيء ما.

Vamos, ¡come la comida!

هيا ، أكل هذا الطعام ، ارغ!

total no está definida en la línea 12

الإجمالي غير محدد في السطر 12

Entonces hay un lugar donde lo olvidé

إذن ، هناك مكان نسيته

هذه النقطة المجموع يزيد ++

Esperemos no haber olvidado—

لنأمل ألا نفوت

Bien, tengo que — intento hacer contacto visual con ustedes

حسنًا ، يجب أن أحاول النظر إلى الكاميرا لإجراء اتصال بصري معك

¡Miren eso! la serpiente está —

ونظرًا إلى ذلك ، الثعبان -

¡Oh! No se puede leer la propiedad x de "undefined" snake.js:42

يا! لا يمكن قراءة الخاصية x غير معرفة! snake.js: 42

Bueno, creció una unidad

حسنًا ، مدده واحد

¿Pero por qué cuando se extendió dos unidades no funcionó?

لكن كيف حدث عندما تم تمديدها من قبل اثنين لم تنجح؟

Esto parece totalemente razonable...

هذا يبدو معقولا تماما بالنسبة لي

لذا ماذا حصل

Este "show" siempre está ejecutando...

هذا يبدو معقولا تماما بالنسبة لي

Bien, pensemos en qué orden suceden las cosas

حسنًا ، لنفكر في أي أمر يحدث كل هذه الأشياء

¿Tal vez ese es el problema?

ربما هذه هي القضية؟

Vaya, realmente tenemos —

يا فتى ، لقد حصلنا بالفعل

Este video va a ser un poco largo...

سيكون هذا الفيديو طويلًا بعض الشيء ...

porque tengo que depurar esto ahora

لأنني سأقوم بتصحيح هذا الآن

نعود مرة اخرى

Un poco de ajuste fino aquí

قليلا من الربط والتقطيع هنا

pero voy desde donde quiero

لكن انا ذاهب من اين انا

voy desde donde quiero agregar la cola de la serpiente

أنا ذاهب من حيث أريد أن أضيف ذيل الثعبان

Entonces cuando la serpiente come la comida,

لذلك عندما يأكل الثعبان الطعام ،

el total se incrementa.

المجموع يرتفع.

total lleva cuenta de cuántos trozos del historial de la serpiente nos quedan

المجموع هو تتبع عدد بتات من طول الثعبان هل لدينا اليسار؟

Se que lo quiero hacer es:

لذا ، أعرف ما أريد القيام به هو:

Cuando this.total no sea —

في أي وقت لا يضيف هذا المجموع

Bien, algo que siempre debo hacer es, trasladar—

حسنًا ، هناك شيء واحد يجب أن أقوم به دائمًا ، فهل أحتاج دائمًا إلى التغيير

de hecho tengo un diagrama

ولدي بالفعل رسم تخطيطي

Solo voy a agregar esto acá...

سأقوم فقط بإضافة هذا هنا

Lo que necesito hacer aquí es —

ما أحتاج القيام به هنا هو -

Siempre necesito trasladar...

أنا دائما بحاجة إلى التحول ...

... la cola hacia atrás

Necesito trasladar todo hacia atrás en el historial.

أحتاج إلى تغيير كل شيء في التاريخ

Entonces, voy a poner:

لذا ، سأقول:

هذا مؤشر ذيل نقطة أنا يساوي هذا مؤشر ذيل نقطة ط زائد واحد

Esto va a trasladar los lugares hacia atrás mientras la serpiente se mueve

سيؤدي هذا إلى تغيير البقع مع تحرك الثعبان

Todos estos lugares se trasladan para poder agregar el nuevo lugar al final del arreglo

جميع البقع الخاصة به تتحول إلى الأسفل حتى أتمكن من الحصول على النقطة الجديدة في نهاية المصفوفة

Porque, lo que quiero es, decir:

لأن ما أريده هو أن أقول:

هذا الذيل نقطة ...

... المؤشر الإجمالي ناقص واحد ...

... يساوي ...

a la nueva ubicación

الموقع الجديد

Entonces, tengo este arreglo que siempre se traslada hacia atrás

لذلك ، لدي هذه المجموعة التي تتحرك دائما إلى أسفل

tengo este arreglo que siempre se traslada hacia atrás

وأحصل على - لدي هذه المجموعة التي دائما ما تحول كل شيء

y entonces el nuevo lugar va al final.

ثم تذهب البقعة الجديدة في النهاية

Déjenme explicarles lo que quiero decir

لذا ، دعني أشرح لك ما أقصده

Tengo este diagrama de la parte de las dificultades técnicas

لدي هذا المخطط من الجزء الخاص بي من الصعوبة التقنية

Pero, estoy aquí ahora

لكن ، أخطأت ، أنا هنا الآن

Vaya, todo se cae a pedazos hoy

صبي ، كل شيء ينهار اليوم

Ven aquí, botón.

تعال هنا ، زر.

En otras palabras, tengo este arreglo

لذلك ، وبعبارة أخرى ، لدي هذه المجموعة

Imaginemos que este es el historial de donde la serpiente ha estado

دعونا نتخيل لثانية أن هذا هو التاريخ الذي كان فيه الثعبان.

Entonces la nueva unicación irá al final

لذلك ، فإن الموقع الجديد سيذهب في النهاية

y todos los otros lugares se trasladarán hacia atrás y la ubicación más vieja será borrada

وسيتم تغيير جميع المناطق الأخرى إلى أسفل ، وسيتم حذف الموقع الأقدم

Esto es lo que estoy haciendo

لذلك ، هذا ما أفعله هنا

Ahora, si de alguna forma—

الآن ، إذا كان

Si de alguna forma la serpiente come un pedazo de comida

إذا ، مع ذلك ، قد أكل الثعبان قطعة من الطعام

Debería crecer y la nueva ubicación debe ir aquí.

في الواقع ، يجب أن يزداد حجم الموقع الجديد

Si piensan en esto, lo que quiero decir es que hay dos posiblidades:

إذا كنت تفكر في هذا ، ما أقوله هو أن هناك احتمالين مختلفين:

Si this.total es igual a...

إذا كان مجموع النقاط هذا يساوي هذا طول نقطة الذيل ،

lo que quiere decir que no se ha alcanzado la comida y el total es igual al tamaño del arreglo

مما يعني أنه لم يتم تناول أي طعام ، لذا فإن المجموع هو نفس طول الصفيف الحالي

Entonces traslada todo hacia atrás...

ثم نحول كل شيء

mi último lugar.

اخر بقعة

De otra forma, solo pon el nuevo lugar y no necesito trasladar nada

خلاف ذلك ، فقط ضع البقعة الجديدة ولست بحاجة إلى التحول

Entonces así, podemos venir aquí

لذلك ، بهذا المعنى يمكن أن يذهب هنا

Entonces, el traslado, es sólo un pequeño detalle

لذا ، فإن التحول ، وهذا هو فارق بسيط صغير

Pero la traslación en el arreglo sólo sucede

لكن التغيير يحدث فقط

sólo sucede si no hemos alcanzado la comida

يحدث التغيير فقط إذا لم نتناول أي طعام

porque el nuevo lugar va aquí, y todo debe ser trasladado.

لأن الموقع الجديد يجب أن يدخل هنا ، ويجب أن ينتقل كل شيء

Si hemos alcanzado la comida, solo necesitamos agregar un nuevo lugar

إذا كنت قد أكلت الطعام ، فسنضيف مكانًا جديدًا

Y ahora— ups, me tropecé.

والآن - عفوا ، أنا أعيق.

Deberiamos poder ejecutar esto y ver —

الآن ، يجب أن نكون قادرين على تشغيل هذا ونرى -

Ah, ¿pero saben qué? necesito agregar en draw —

آه ، لكن هل تعلم ماذا؟ أحتاج إلى إضافة للرسم

También necesito—

أحتاج أيضًا

في العرض -

En la función show, necesito dibujar un rectángulo donde...

في وظيفة العرض ، أحتاج أيضًا إلى رسم مستطيل حيث ...

... donde está todo.

... حيث كل شيء

Estoy perdiendo agudeza hoy.

أوه ، أنا أفقد البخار هنا اليوم

Bien, necesito dibuar un rectángulo en:

أوم ، حسنا ، لذلك أنا بحاجة لرسم مستطيل في:

هذا مؤشر ذيل نقطة أنا نقطة س وهذا مؤشر ذيل نقطة ط y نقطة

Todos serán blancos.

كل هذه ستكون بيضاء.

Y, estaba probando esto, hagámoslo 20

وأنا أتحاشى مع هذا ، لنجعل هذا العشرين

Actualizamos. ¡ups! total no está definido

تحديث ، عفوًا! لم يتم تعريف المجموع!

Ah, me olvidé el "this[punto]"

آه لقد نسيت "هذه النقطة"

En algún lugar...

خطأ ، ومكان ما هنا ...

Bajo la línea 30...

ارم ، تحت خط الثلاثين

this.total — clásico error de JavaScript.

هذا المجموع نقطة - خطأ جافا سكريبت الكلاسيكي!

Siempre me olvido el "this[punto]"

نسيان دائمًا "هذه النقطة"

Bien, vamos de nuevo.

حسنًا ، هنا نذهب ، ندير هذا مرة أخرى.

Vamos, voy a comer este pedazo de comida

هيا ، أنا ذاهب لتناول هذه القطعة من الطعام

y mi serpiente va a crecer a dos rectángulos

وأفعى ستكون مستطيلين طويلين

Voy a comer otro pedazo de comida

سأقوم بأكل قطعة طعام أخرى

¡Y es 3 rectángulos de largo!

انها ثلاثة مستطيلات طويلة!

Otro pedazo de comida...

قطعة أخرى من الطعام ...

¡4 rectángulos de largo!

انها اربعة مستطيلات طويلة!

Adivinen qué ahora...

احزر ماذا الآن

Necesitamos pensar

الآن نحن بحاجة لمعرفة:

¿Cuándo debe morir la serpiente?

متى يجب أن يموت الثعبان؟

Ahora, debemos hacer algo si golpea el borde.

الآن ، يجب أن أفعل شيئًا إذا كان يضرب الحافة

Pero agregaré eso otro día.

لكن ، سأضيف ذلك في يوم آخر

Lo que voy a hacer ahora es, si la serpiente choca con su propio cuerpo entonces muere.

ما سأفعله الآن هو إذا صدم الثعبان جزءًا من جسدها ثم مات

Entonces, esto es algo que podemos poner en una nueva función.

لذلك ، هذا شيء يمكننا حقا فقط كتابة وظيفة جديدة ل

this.death (muerte)

هذا نقطة الموت

No me gusta la palabra "muerte", es muy —

لا أحب كلمة الموت على ما يبدو

Oh bueno, la usaremos así.

حسناً ، حسناً ، سنستخدمها فقط كما هو.

Entonces necesito hacer esto:

إذن ما أحتاج إلى القيام به هو:

Recorrer todos los lugares de la cola

حلقة من خلال كل بقعة في الذيل

Y recuerden que la cola no incluye su cabeza

وتذكر أن الذيل لا يشمل رأسه الفعلي

خطأ في هذه النقطة

هذا نقطة نقطة الذيل دوت

Y lo que voy a ver es

وما سأقوم بفحصه هو:

Voy a ver cáda posición, lo cual es ...

انا ذاهب للنظر في كل موقف وهذا هو مؤشر ذيل نقطة ط

y veamos la distancia

ودعونا ننظر إلى المسافة

De nuevo, de la misma forma que verificamos si alcanzamos la comida

مرة أخرى ، تمامًا مثل الطريقة التي تحققنا بها إذا أكلت الطعام

Veamos la distancia entra la ubicación "x"

دعونا ننظر إلى المسافة بين الموقع العاشر

y ese lugar en particular en la cola

وهذا المكان المحدد على الذيل

si la distancia es menor a 1

إذا كانت المسافة أقل من واحد

O sea, si realmente llegó ahí..

كما لو كان حقا هناك

En realidad deben verificar si son exactamente igual, pero lo que quiero —

تريد حقًا التحقق مما إذا كانت متساوية تمامًا ولكنني

Si es menor a 1 entonces:

إذا كان أقل من واحد:

Voy a poner total igual a cero.

سأقوم بتعيين إجمالي يساوي صفر

Y this.tail igual a nada.

وهذا "لايتباك" يساوي أي شيء

Entonces haremos que vuelva todo a nada

لذا ، سنقوم فقط بالعودة إلى لا شيء

Entonces esto ahora verifica

لذلك ، هذا هو التحقق الآن

Si su ubicación frontal ha — ¿correcto?

إذا كان موقعه الأمامي على الإطلاق - أليس كذلك؟

Si lo que sea que está en el nuevo lugar ha conectado con alguno de estos

إذا كان كل ما هو موجود في المكان الجديد مرتبط بأي من هذه

Necesitamos asegurarnos de hacer esto antes de trasladar nada

وعلينا التأكد من قيامنا بذلك قبل نقل أي شيء إليه

porque no queremos que su ubicación actual se traslade en el arreglo

لأننا لا نريد أن يكون موقعها الحالي قد تحول فعليًا إلى المصفوفة

Ahora deberíamos poder volver al sketch

لذلك ، الآن يجب أن نكون قادرين على العودة إلى رسم

y debería poder agregar

ويجب أن أكون قادرًا على الإضافة

Luego de update— hagámoslo

بعد التحديث - دعنا نفعل ذلك -

Si, creo — Creo que no debería importar pero lo haré antes de actualizarla

نعم ، أعتقد - لا أعتقد أنه يجب أن يكون مهمًا ولكن سأقوم بفحصه قبل تحديثه

Tiene sentido, ¿verdad?

هذا منطقي ، صحيح؟

De hecho, ¿saben qué necesito hacer?

في الواقع ، هل تعرف ما أعتقد أنني بحاجة إلى القيام به؟

Necesito verificar

أحتاج للتحقق من ذلك

No no no no, esto no está bien.

لا لا لا لا ، هذا ليس جيدًا

Esto es— tenemos que pensar bien en esto.

هذا في الواقع - يجب أن نكون مدروسين حول هذا الأمر

¿Cuándo quiero verificarlo?

أنا فعلا تريد التحقق من ذلك عندما؟

Quiero verificarlo justo aquí

اريد التحقق من ذلك هنا

En el momento que x se mueve al siguiente lugar

لحظة انتقال x إلى النقطة التالية

Lo cual está bien, porque quiero verificar —

الأمر على ما يرام ، لأنني أريد التحقق من ذلك

Hace esto luego y luego verifico y luego hago el traslado en el arreglo.

يفعل هذا بعد ذلك ثم تحقق ثم أفعل كل هذا التحول

Eso debería estar bien.

لذا ، يجب أن يكون ذلك جيدًا في الواقع

Entonces vamos a poner "s.death" justo aquí.

لذلك نحن فقط سنقول "موت الموت" هنا

Y vamos a ejecutar.

وسنقوم بتشغيل هذا

Ahora, debo hacer que crezca un poco

الآن ، يجب أن أكون جاهزًا قليلاً

Debo jugar un poco a esto

لذلك علي أن ألعب هذا قليلا

واحصل على جيد في ذلك

¡Oh! ¡Gran problema!

أه اه. يا! مشكلة كبيرة!

No puedo chocar el borde, chocar el borde es muy malo.

لا أستطيع ضرب الحافة ، ضرب الحافة سيء للغاية

Empecemos de nuevo

لنبدأ من جديد

ودعونا فقط

Solucionaré lo de los bordes luego, no choquemos con los bordes

سأتعامل مع الحواف لاحقًا ، دعنا لا نصل إلى الحافة

Bien, creo que una vez que tenga 4 —

حسناً ، أعتقد أنه بمجرد أن أكون في الرابعة من العمر - طول أربعة - ربما يمكنني ذلك

اه ، اذهب للخلف

Oh, no no no, acabo de morir

أوه ، لا لا لا ، لقد ماتت هناك

Porque fui hacia atrás

لأنني ذهبت إلى الوراء

Bueno, esperen todos.

حسنا الجميع ، استمر

Vamos — Vamos —

دعونا نحصل على القليل من

دعونا في الواقع

Volvamos a esto

لنعد إلى هذا

Escribamos en la consola

دعونا تعزية السجل

"Empezando de nuevo"

"البدء من جديد"

Hay una forma fácil de probar esto:

هناك طريقة سهلة لاختبار هذا:

Que es simplemente permitir volver atrás, lo que debería considerar

وهو فقط لكي أتمكن من الرجوع إلى الوراء ، وهو الأمر الذي ربما أقوم بالحماية منه.

لذلك دعونا نكون

دعونا نطول ...

Si, pueden ver que volví a comenzar porque volví hacia atrás

نعم ، يمكنك أن ترى أنني بدأت من جديد لأنني ذهبت إلى الوراء

Entonces no deberíamos permitir que la serpiente vuelva hacia atrás

لذا ، ربما يجب ألا نسمح للثعبان بأن يكون قادرًا على التراجع

Entonces voy a agregar algo ahora

لذلك سأضيف شيئًا في الوقت الحالي

Que es — voy a agregar mousePressed (ratón presionado)

وهو - سأقوم فقط بإضافة الفأرة مضغوطًار

Y voy a poner "s.total" —

وسأقول النقطة س

Voy a hacer trampa

انا ذاهب الى نوع من الغش

poniendo que cada vez que presiono el ratón

بالقول فقط ، في كل مرة اضغط على الماوس

Voy a sumar como si estuviera comiendo comida

سأضيف كما لو أنني آكل الطعام

para que podamos ver si realmente funciona

حتى يمكننا اختبار ذلك للتأكد من أن هذا يعمل

Entonces estoy sumando muchas unidades...

لذلك ، أنا فقط أضيف الكثير من البقع

Y ahora pueden ver...

الآن ، يمكنك أن ترى

انه يعمل انها تعمل

Si intersecto con alguno de mis lugares existentes

لذا ، إذا كنت في أي وقت تتقاطع مع أحد بقعتي الحالية

Tengo que empezar de nuevo.

يجب أن أبدأ من جديد

Entonces, hay —

لذلك ، هناك

Voy a terminar esto ahora porque tenemos un juego completo básicamente

سأقوم بإنهاء هذا الآن لأننا نوعًا ما نملك اللعبة الكاملة بشكل أساسي

Tenemos el objeto de la serpiente, que tiene un par de funcionalidades ¿verdad?

لدينا جسم الثعبان. لديها عدد قليل من وظائف ، أليس كذلك؟

Puede verificar si alcanzó un pedazo de comida

يمكن أن تحقق لمعرفة ما إذا كان قد عثر على قطعة من الطعام

verificando la distancia entre ella y la comida

عن طريق التحقق من المسافة بينه وبين الطعام

Si la alcanzó, aumenta su largo

إذا كان كذلك ، فإنه يزيد من حجمها

Podemos moverla...

يمكننا تحريكها.

Lo que significa que lleva cuenta de su historial, trasladando todo hacia atrás

وهو ما يعني أنه يتتبع تاريخه ليحول كل شيء إلى أسفل

Se mueve al lugar siguiente y se mantiene en la pantalla

ينتقل إلى المكان التالي ويحتفظ بنفسه على الشاشة

y también verifica si se intersecta con alguna de sus partes previas

وهي الآن تدرس لمعرفة ما إذا كانت تتقاطع مع أي من مواضعها السابقة

Entonces lo que le falta, que agregaré luego, cuando vean el código de esto

إذن ، ما هو الشيء المفقود ، الذي سأضيفه لاحقًا بعد أن تنظر إلى الرمز الخاص بهذا الأمر ،

Le falta: Número 1, no debería poder volver hacia atrás.

هل هو مفقود: رقم 1 هو أنه لا ينبغي السماح له بالرجوع للخلف.

O tal vez sí, pero ya saben, ustedes como los usuarios no deberían poder hacer eso

ربما ينبغي أن يكون ، ولكن كما تعلمون ، يجب أن تعرف كمستخدم اللعبة لا تفعل ذلك.

Y también, necesitamos tratar con los bordes.

وأيضا ، أنا بحاجة للتعامل مع الحواف.

Entonces también debería agregar eso en la función de la muerte si chocas con un borde de la ventana

لذا ينبغي عليّ أيضاً أن أضيف شيئاً في وظيفة الموت هذه ، إذا ضربت حافة ، ربما ، من النافذة

وانت كذلك-

También pierdes la vida, por decirlo así.

أنت أيضًا ، تفقد نوعًا ما حياتك إذا جاز التعبير

Lo cual, acabo de darme cuenta, sucede por esta restricción

الذي في الواقع ، أدركت للتو يحدث بسبب هذا القيد

Porque "constrain" la mantiene en el mismo lugar que estaba anteriormente

لأن القيد يبقيه في نفس المكان كما كان في السابق

Lo que significa que se da cuenta que —

مما يعني أنه سيكتشف ذلك

que está intersectando donde estaba previamente y debemos empezar de nuevo.

أنه يتقاطع مع مكانه سابقًا ويستدعي البدء من جديد

Entonces eso de hecho sí funciona.

لذلك هذا في الواقع يعمل.

Bien, em — entonces — y ¡Escena!

حسنًا ، هذا - أوم - إذن ، آه ، والمشهد!

Similar videos:

Coding Challenge #31: Flappy Bird
The Coding Train
1.1M views 19.5K likes 537 dislikes 10 Aug 201645% match

Boya BY-MM1 Budget Mic For Smartphones Unboxing, Sound Test + Bonus Content
PeteTV
202 views 11 likes 0 dislikes 04 Apr 201939% match

how to mix colors with oil paint
Draw Mix Paint
835.2K views 9.7K likes 196 dislikes 08 Oct 201239% match

how to paint in oil
Draw Mix Paint
1.3M views 19.6K likes 433 dislikes 08 Oct 201239% match

Pointers
CS50
56.3K views 554 likes 12 dislikes 07 Oct 201539% match

How to do The Sims Mobile Treasure Hunt event TIPS+TRICKS
RachybopGaming
9.4K views 189 likes 8 dislikes 29 Sep 202038% match

PHP Syntax
CS50
15.3K views 82 likes 6 dislikes 03 Nov 201538% match

How to make a belt sander - with Paul Brodie
paul brodie
92.7K views 4.5K likes 57 dislikes 07 Feb 202138% match

Solidworks / Rhino3D into Modo beginner step by step Tutorial
Simply 3D
9.2K views 186 likes 3 dislikes 05 Apr 202038% match

Singly-Linked Lists
CS50
35.5K views 176 likes 8 dislikes 14 Oct 201538% match

Milky Way Photography Editing in Adobe Lightroom
Matthew Storer
833 views 45 likes 0 dislikes 24 May 202037% match

STREAM HIGHLIGHTS AND TIPS TO BE A BETTER PLAYER IN ARENA (Commentary)
Manibal Gaming
5.7K views 382 likes 14 dislikes 08 Oct 202037% match

Bringing BACK The iPhone Headphone Jack - in China
Strange Parts
12.9M views 446.9K likes 11.4K dislikes 06 Sep 201737% match

How to align a bike frame using two different methods - with Paul Brodie
paul brodie
21.9K views 1.2K likes 9 dislikes 20 Feb 202137% match

My Average Day 2018 (Raw Video)
TheReportOfTheWeek
1.6M views 52.9K likes 1.4K dislikes 28 Jun 201837% match

BREAKING DOWN of My Last Arena Push - Raid Shadow Legends (Highlights)
Manibal Gaming
9.6K views 604 likes 21 dislikes 23 Oct 202036% match

DIMASH KUDAIBERGEN DEARS GET TOGETHER - LIVE STREAM - REQUEST DIMASH
TEACHER PAUL REACTS (Teacher Paul)
6.5K views 566 likes 5 dislikes 18 Feb 202136% match

Hunt for History LIVE 🔴 Rise of Kingdoms ROK Fleisch
Fleisch
2.9K views 114 likes 1 dislikes 09 Jan 202136% match

How to Install LED Bed Lights (Fun DIY Project)
ChrisFix
4.3M views 112.4K likes -1 dislikes 30 Jan 202036% match

SQL
CS50
12.2K views 72 likes 3 dislikes 02 Nov 201536% match

My skincare routine
TheReportOfTheWeek
766.4K views 36.9K likes 969 dislikes 15 Dec 201736% match

KIT LENS Challenge, ft. Astrobackyard
Nebula Photos
65.8K views 3.2K likes -1 dislikes 23 Feb 202136% match

5,000 BTU Candle Camper Heater - UCO Candlelier Lantern, Heat your camper: RV Van Car SUV.
Tennessee Typewriter
988.5K views 13.1K likes 830 dislikes 31 Dec 201736% match

Nikon Z6 FULL FRAME RAW : Should you upgrade? How to grade it in FCPX
Barron Gaillard
641 views 27 likes 5 dislikes 10 Feb 202036% match

The Making Of The Final Countdown (Alip Ba Ta & Dave Does Collaboration)
Dave Does Rock & Metal Channel
1.5K views 172 likes 1 dislikes 25 Oct 202036% match

Week 10, continued
CS50
25.5K views 100 likes 13 dislikes 12 Nov 201536% match

My Average Day 2019 (Raw Video)
TheReportOfTheWeek
1.4M views 43.3K likes -1 dislikes 07 Jul 201936% match

Geweihe schnitzen
Mr. Schnitz
2.4K views 131 likes 1 dislikes 16 Jan 202136% match

LOUIS VUITTON FELICIE POCHETTE UNBOXING + WHAT FITS!
RebeccaKatelin
2K views 33 likes 4 dislikes 17 Oct 202036% match

How to fillet braze - From start to finish with Paul Brodie
paul brodie
118.5K views 3.8K likes 68 dislikes 30 Jan 202136% match

Settings Privacy About Contact Donate