Inspecter → reconstruire → modifier

Reconstruisez la règle de vitesse du dinosaure.

Pour recréer l'accélération du jeu, trouvez d'abord la règle qui contrôle sa vitesse. REA a renvoyé le script en cours d'exécution; nous avons utilisé sa règle pour construire ce mini-jeu avec vitesse réglable.

Jouez et changez la vitesse

Appuyez sur Lecture, puis sautez par-dessus le cactus. Déplacez le curseur de vitesse pour essayer un jeu plus lent ou plus rapide; il passe à une vitesse fixe. Sélectionnez la règle récupérée pour démarrer à 6 et accélérer progressivement à nouveau.

Jouer à la reconstruction

6 → 10 → 13

Règle d'origine: commencez à 6, puis augmentez vers 13.

Déplacez le curseur pour définir votre propre vitesse. L'espace ou le saut efface un cactus.

Lire le script REA renvoyé

Nous avons inspecté édition de navigateur dérivée du Chromium de wayou avec le modèle REA . Il a renvoyé le chargé index.js, incluant cette branche dans la fonction de mise à jour du jeu:

REA * source de script sélectionnée
if (this.currentSpeed < this.config.MAX_SPEED) {
  this.currentSpeed += this.config.ACCELERATION;
}

Les paramètres sont SPEED: 6, ACCELERATION: 0.001 et MAX_SPEED: 13. Le jeu exécute cette branche sur une mise à jour sans collision.

Utilisez la même règle dans le nouveau jeu

Reconstruction · dino-speed.js
function advanceSpeed(speed) {
  return speed < 13 ? speed + 0.001 : speed;
}

Le mini-jeu utilise cette fonction pour l'accélération automatique. Déplacer le curseur fournit une vitesse fixe à la place. Le dessin, la physique des sauts et les vérifications des collisions rectangulaires sont de nouveaux codes pour ce jeu d'enseignement; sa simulation avance à 60 mises à jour par seconde.

Télécharger la règle de vitesse · Lire le code du jeu

Vérifiez la reconstruction

Nous avons appelé la fonction de mise à jour du jeu original avec les obstacles et la planification automatique désactivés. Comparez ces vitesses enregistrées avec une relecture de la règle récupérée.

Mises à Jour Jeu original Règle reconstruite
0 6.000 6.000
1,000 7.000 7.000
4,000 10.000 10.000
10,000 13.001 13.001

Valeurs arrondies à trois décimales. La branche vérifie avant d'ajouter, de sorte que l'incrément final peut prendre une vitesse juste au-dessus de 13.

Essayez l'analyse vous-même

  1. Mettre en place REA avec votre agent de codage.
  2. Suivez le étapes de connexion du navigateur, en utilisant https://wayou.github.io/t-rex-runner/ comme l'URL de la page.
  3. Donnez à votre agent l'URL de la page et le point de terminaison de débogage local, puis copiez cette invite.
Votre agent de codage

Utilisez REA pour inspecter ce jeu de dinosaures. Pourquoi ça va plus vite? Affichez la règle de vitesse, puis créez une petite version avec une vitesse réglable.

Demandez un suivi: “Où est calculée la hauteur de saut? Ajoutez un contrôle de hauteur de saut à la nouvelle version.”

Sources: code de vitesse inspecté, Les auteurs de Chromium. Droits d'auteur et licence BSD. REA 4.1.0 a inspecté l'édition HTTP en cours d'exécution dans Chrome 150.

Haut