COMMIT ACADEMY

الذهاب إلى القناة على Telegram

Formations en OR relatives au numerique : Programmation Informatique, Infographie, Sécurité informatique , Marketing Digital et Bureautique. By @C0MM1T

إظهار المزيد

فرنسا43 788 الحياة الوظيفية21 343

684

المشتركون

لا توجد بيانات24 ساعات

لا توجد بيانات7 أيام

لا توجد بيانات30 أيام

لا توجد بيانات

عرض المشاهدات

لا توجد بيانات24 ساعات

لا توجد بيانات48 ساعات

لا توجد بيانات

معدل المشاركة

لا توجد بيانات

المشاركات في اليوم

Ads index

beta

أرشيف المشاركات

","datePublished":"2022-10-12T16:32:24Z","dateModified":"2022-10-12T16:32:24Z","author":{"@type":"Organization","name":"COMMIT ACADEMY","url":"https://telemetr.io/ar/channels/1632195723-commitacademy","image":"https://img.tlmtr.io/c/1MswFt/5956137595736012602?ty=x"},"publisher":{"@type":"Organization","name":"COMMIT ACADEMY","url":"https://telemetr.io/ar/channels/1632195723-commitacademy","image":"https://img.tlmtr.io/c/1MswFt/5956137595736012602?ty=x"},"commentCount":0}},{"@type":"ListItem","position":15,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1632195723-commitacademy/posts/847","url":"https://telemetr.io/ar/channels/1632195723-commitacademy/posts/847","mainEntityOfPage":"https://telemetr.io/ar/channels/1632195723-commitacademy/posts/847","headline":"VOYONS LE CODE COMPLET","articleBody":"VOYONS LE CODE COMPLET","datePublished":"2022-10-12T16:32:01Z","dateModified":"2022-10-12T16:32:01Z","author":{"@type":"Organization","name":"COMMIT ACADEMY","url":"https://telemetr.io/ar/channels/1632195723-commitacademy","image":"https://img.tlmtr.io/c/1MswFt/5956137595736012602?ty=x"},"publisher":{"@type":"Organization","name":"COMMIT ACADEMY","url":"https://telemetr.io/ar/channels/1632195723-commitacademy","image":"https://img.tlmtr.io/c/1MswFt/5956137595736012602?ty=x"},"commentCount":0}},{"@type":"ListItem","position":16,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1632195723-commitacademy/posts/846","url":"https://telemetr.io/ar/channels/1632195723-commitacademy/posts/846","mainEntityOfPage":"https://telemetr.io/ar/channels/1632195723-commitacademy/posts/846","headline":"TERMINE !!","articleBody":"TERMINE !!","datePublished":"2022-10-12T16:31:55Z","dateModified":"2022-10-12T16:31:55Z","author":{"@type":"Organization","name":"COMMIT ACADEMY","url":"https://telemetr.io/ar/channels/1632195723-commitacademy","image":"https://img.tlmtr.io/c/1MswFt/5956137595736012602?ty=x"},"publisher":{"@type":"Organization","name":"COMMIT ACADEMY","url":"https://telemetr.io/ar/channels/1632195723-commitacademy","image":"https://img.tlmtr.io/c/1MswFt/5956137595736012602?ty=x"},"commentCount":0}},{"@type":"ListItem","position":17,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1632195723-commitacademy/posts/845","url":"https://telemetr.io/ar/channels/1632195723-commitacademy/posts/845","mainEntityOfPage":"https://telemetr.io/ar/channels/1632195723-commitacademy/posts/845","headline":"VOILA","articleBody":"VOILA","datePublished":"2022-10-12T16:31:51Z","dateModified":"2022-10-12T16:31:51Z","author":{"@type":"Organization","name":"COMMIT ACADEMY","url":"https://telemetr.io/ar/channels/1632195723-commitacademy","image":"https://img.tlmtr.io/c/1MswFt/5956137595736012602?ty=x"},"publisher":{"@type":"Organization","name":"COMMIT ACADEMY","url":"https://telemetr.io/ar/channels/1632195723-commitacademy","image":"https://img.tlmtr.io/c/1MswFt/5956137595736012602?ty=x"},"commentCount":0}},{"@type":"ListItem","position":18,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1632195723-commitacademy/posts/844","url":"https://telemetr.io/ar/channels/1632195723-commitacademy/posts/844","mainEntityOfPage":"https://telemetr.io/ar/channels/1632195723-commitacademy/posts/844","headline":"Le jeu pend fin lorsque le serpent se mord ou sort des limites. Cela correspond a : for (i=1; i<=L; i++){ if(…","articleBody":"Le jeu pend fin lorsque le serpent se mord ou sort des limites. Cela correspond a :\n\nfor (i=1; i<=L; i++){\n if(X[i]==X[0] && Y[i]==Y[0]){\n loose(L);\n }\n}\nif (X[0]>9 || X[0]<0 || Y[0]>9 || Y[0]<0) {loose(L)}\nvar time = setTimeout(play, T);","datePublished":"2022-10-12T16:31:45Z","dateModified":"2022-10-12T16:31:45Z","author":{"@type":"Organization","name":"COMMIT ACADEMY","url":"https://telemetr.io/ar/channels/1632195723-commitacademy","image":"https://img.tlmtr.io/c/1MswFt/5956137595736012602?ty=x"},"publisher":{"@type":"Organization","name":"COMMIT ACADEMY","url":"https://telemetr.io/ar/channels/1632195723-commitacademy","image":"https://img.tlmtr.io/c/1MswFt/5956137595736012602?ty=x"},"commentCount":0}},{"@type":"ListItem","position":19,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1632195723-commitacademy/posts/843","url":"https://telemetr.io/ar/channels/1632195723-commitacademy/posts/843","mainEntityOfPage":"https://telemetr.io/ar/channels/1632195723-commitacademy/posts/843","headline":"Pour tracer une ligne du point (X1,Y1) au point (X2,Y2), on utilise context.beginPath(); context.moveTo(X1,Y1…","articleBody":"Pour tracer une ligne du point (X1,Y1) au point (X2,Y2), on utilise \ncontext.beginPath();\n context.moveTo(X1,Y1);\n context.lineTo(X2,Y2);\ncontext.stroke();\n\n\nAinsi, Pour tracer la grille, il faut :\n\ncontext.beginPath();\n for (i = 0; i<=10; i++) {\n context.moveTo(i*S, 0);\n context.lineTo(i*S, 500);\n }\n for (i = 0; i<=10; i++) {\n context.moveTo(0,i*S);\n context.lineTo(500,i*S);\n }\ncontext.stroke();","datePublished":"2022-10-12T16:31:36Z","dateModified":"2022-10-12T16:31:36Z","author":{"@type":"Organization","name":"COMMIT ACADEMY","url":"https://telemetr.io/ar/channels/1632195723-commitacademy","image":"https://img.tlmtr.io/c/1MswFt/5956137595736012602?ty=x"},"publisher":{"@type":"Organization","name":"COMMIT ACADEMY","url":"https://telemetr.io/ar/channels/1632195723-commitacademy","image":"https://img.tlmtr.io/c/1MswFt/5956137595736012602?ty=x"},"commentCount":0}},{"@type":"ListItem","position":20,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ar/channels/1632195723-commitacademy/posts/842","url":"https://telemetr.io/ar/channels/1632195723-commitacademy/posts/842","mainEntityOfPage":"https://telemetr.io/ar/channels/1632195723-commitacademy/posts/842","headline":"if(D=='ArrowUp'){move();Y[0]--;} if(D=='ArrowDown'){move();Y[0]++;} if(D=='ArrowRight'){move();X[0]++;} if(D=…","articleBody":"if(D=='ArrowUp'){move();Y[0]--;}\nif(D=='ArrowDown'){move();Y[0]++;}\nif(D=='ArrowRight'){move();X[0]++;}\nif(D=='ArrowLeft'){move();X[0]--;}\n\nCe code permet au serpent de se deplacer.","datePublished":"2022-10-12T16:31:20Z","dateModified":"2022-10-12T16:31:20Z","author":{"@type":"Organization","name":"COMMIT ACADEMY","url":"https://telemetr.io/ar/channels/1632195723-commitacademy","image":"https://img.tlmtr.io/c/1MswFt/5956137595736012602?ty=x"},"publisher":{"@type":"Organization","name":"COMMIT ACADEMY","url":"https://telemetr.io/ar/channels/1632195723-commitacademy","image":"https://img.tlmtr.io/c/1MswFt/5956137595736012602?ty=x"},"commentCount":0}}]}

684

Repost from [TUTOS ET ASTUCES]👨🏾‍💻✨

684

CE WEEK-END VOUS SERA DÉDIÉ SPÉCIALEMENT !!! Nous souhaitons particulièrement savoir pourquoi vous êtes abonné, et SURTOUT connaître vos goûts, vos intérêts, vos passions, vos problèmes, vos difficultés, vos projets... BREF NOUS VOULONS LIER UNE MEILLEURE RELATION AVEC VOUS INDIVIDUELLEMENT. Ecrivez directement au responsable sur telegram : @c0mm1t OU Ecrivez-moi sur son whatsapp : https://wa.me/message/BGWBRQCIFBHGH1

684

https://t.me/+VIi6ZzqOuaiX-xUJ

684

Vous êtes invités à rejoindre un CANAL DE PARTAGE DE CONNAISSANCES INFORMATIQUES. Les thèmes seront en général : - ASTUCES WEB - ASTUCES HACKING - ASTUCES DE CRACK - TUTOS SUR LES SYSTEMES - TUTOS SUR DES APPLIS INTERESSANTES - ASTUCES POUR AVOIR DES SOURCES DE REVENUS - TUTOS DE DESIGN ET INFOGRAPHIE - BUSINESS - CONSEILS - IDEES DE PROJETS

684

Hello comment allez vous ?

684

MAINTENANT QUE J'AI VOTRE ATTENTION... JE SUIS C0MM1T, EXPERT EN TECHNOLOGIES INFORMATIQUES ET J'AIMERAIS VOUS INVITER À SUIVRE GRATUITEMENT MES ACTIVITÉS QUI DÉBUTENT DÈS DEMAIN. CE QUI VOUS ATTEND : - FORMATIONS DANS LE DOMAINE DE L'INFORMATIQUE - TUTORIELS ET ASTUCES - OUTILS ET RESSOURCES GRATUITES - STRATÉGIES ENTREPRENEURIALES REJOIGNEZ MOI ICI 👇 👉 @MR_C0MM1T 👈

684

INFO EMPLOI Bonjour à tous, besoin urgent de SCRUM MASTER, Développeur Frontend, Développeur Backend, Développeur Fullstack. NB : Disponibilité immédiate. Envoyez votre cv à commit225@telegmail.com

684

Bonne et heureuse année 2023

684

Vous avez aimé le tuto ?

684

Combien ont testé ?

684

Le fichier html (vous pouvez tester sur votre navigateur)

684

le code complet sera donc :

<!DOCTYPE html>
<html>
  <head>
    <title>Jeu du Serpent</title>
  </head>
  <body>
    <canvas id="canvas" width="500" height="500">
      <p>Désolé, votre navigateur ne supporte pas Canvas. Mettez-vous jour</p>
    </canvas>
  </body>
</html>

<script>
  var canvas = document.querySelector('#canvas');
  var context = canvas.getContext('2d');
  
    var S=50, T=400, D='ArrowLeft', L=2,p=0;
    var X=[5,6,7], Y=[5,5,5];
    var x=rand(),y=rand();

  function rand(){
    return Math.floor(Math.random()*10);
  }

  function move() {
    for (i=L; i>0; i--){
      X[i]=X[i-1];
      Y[i]=Y[i-1];
    }
  }
  function back(){
    var t=[0];

    for (i=0; i<=L; i++){
      t[i]=X[i];
    }
    for (i=0; i<=L; i++){
      X[i]=t[L-i];
    }
    for (i=0; i<=L; i++){
      t[i]=Y[i];
    }
    for (i=0; i<=L; i++){
      Y[i]=t[L-i];
    }
  }

function loose(Score){
  alert('Score : '+Score);T=99999999;

}
  window.addEventListener("keydown", function(event){
    if(event.code=='ArrowUp'){
      if(D=='ArrowDown'){
        if(X[L]-X[L-1]<0){D='ArrowLeft'}
        if(X[L]-X[L-1]>0){D='ArrowRight'}
        if(Y[L]-Y[L-1]<0){D='ArrowUp'}
        if(Y[L]-Y[L-1]>0){D='ArrowDown'}
        back();
      }else{D=event.code;}
    }
    if(event.code=='ArrowDown'){
      if(D=='ArrowUp'){
        if(X[L]-X[L-1]<0){D='ArrowLeft'}
        if(X[L]-X[L-1]>0){D='ArrowRight'}
        if(Y[L]-Y[L-1]<0){D='ArrowUp'}
        if(Y[L]-Y[L-1]>0){D='ArrowDown'}
        back();
      }else{D=event.code;}
    }
    if(event.code=='ArrowLeft'){
      if(D=='ArrowRight'){
        if(X[L]-X[L-1]<0){D='ArrowLeft'}
        if(X[L]-X[L-1]>0){D='ArrowRight'}
        if(Y[L]-Y[L-1]<0){D='ArrowUp'}
        if(Y[L]-Y[L-1]>0){D='ArrowDown'}
        back();
      }else{D=event.code;}
    }
    if(event.code=='ArrowRight'){
      if(D=='ArrowLeft'){
        if(X[L]-X[L-1]<0){D='ArrowLeft'}
        if(X[L]-X[L-1]>0){D='ArrowRight'}
        if(Y[L]-Y[L-1]<0){D='ArrowUp'}
        if(Y[L]-Y[L-1]>0){D='ArrowDown'}
        back();
      }else{D=event.code;}
    }

  }, true);

  function play(){

    context.clearRect(X[L]*S, Y[L]*S, 50, 50);
    if(D=='ArrowUp'){move();Y[0]--;}
    if(D=='ArrowDown'){move();Y[0]++;}
    if(D=='ArrowRight'){move();X[0]++;}
    if(D=='ArrowLeft'){move();X[0]--;}
    if (X[0]==x && Y[0]==y){
      L++;
      while(p==0){
        x=rand(),y=rand();p=1;
        for (i=0; i<=L; i++){
          if(x==X[i] && y==Y[i]){
            p=0;
          }
        }
      }
      p=0;  
    }

    

    context.fillStyle = "gold";
    context.fillRect(x*S, y*S, 50, 50);

    context.fillStyle = "green";
    context.fillRect(X[0]*S, Y[0]*S, 50, 50);
    context.fillRect(X[1]*S, Y[1]*S, 50, 50);
    context.fillRect(X[2]*S, Y[2]*S, 50, 50);

    context.strokeStyle = "black";
    context.beginPath();
    for (i = 0; i<=10; i++) {
      context.moveTo(i*S, 0);
      context.lineTo(i*S, 500);
    }
    for (i = 0; i<=10; i++) {
      context.moveTo(0,i*S);
      context.lineTo(500,i*S);
    }
    context.closePath();
    context.stroke();

    for (i=1; i<=L; i++){
      if(X[i]==X[0] && Y[i]==Y[0]){
        loose(L);
      }
    }
    if (X[0]>9 || X[0]<0 || Y[0]>9 || Y[0]<0) {loose(L)}
    var time = setTimeout(play, T);
  }
play();

</script>

684

VOYONS LE CODE COMPLET

684

TERMINE !!

684

VOILA

684

Le jeu pend fin lorsque le serpent se mord ou sort des limites. Cela correspond a :

for (i=1; i<=L; i++){
  if(X[i]==X[0] && Y[i]==Y[0]){
    loose(L);
  }
}
if (X[0]>9 || X[0]<0 || Y[0]>9 || Y[0]<0) {loose(L)}
var time = setTimeout(play, T);

684

Pour tracer une ligne du point (X1,Y1) au point (X2,Y2), on utilise

context.beginPath();
    context.moveTo(X1,Y1);
    context.lineTo(X2,Y2);
context.stroke();

Ainsi, Pour tracer la grille, il faut :

context.beginPath();
  for (i = 0; i<=10; i++) {
    context.moveTo(i*S, 0);
    context.lineTo(i*S, 500);
  }
  for (i = 0; i<=10; i++) {
    context.moveTo(0,i*S);
    context.lineTo(500,i*S);
  }
context.stroke();

684

if(D=='ArrowUp'){move();Y[0]--;} if(D=='ArrowDown'){move();Y[0]++;} if(D=='ArrowRight'){move();X[0]++;} if(D=='ArrowLeft'){move();X[0]--;} Ce code permet au serpent de se deplacer.