Shear — cisaillement : drag & drop et jeu vidéo

Comme dans la vidéo de J. Speranza (carré 2×2 de sommets (0,0), (2,0), (2,2), (0,2)) : chaque point glisse parallèlement à l'axe, d'une quantité proportionnelle à sa distance à l'axe. Deux points milieux de côtés pilotent la matrice :
M = [[1, 0.00],[0.00, 1]] det = 1.00 aire = 1.00

Exploration drag & drop

Point bleu (0,1) = milieu du côté gauche → glisser horizontalement règle a₁₂ (shear // axe x).
Point orange (1,0) = milieu du côté inférieur → glisser verticalement règle a₂₁ (shear // axe y).
Chaque point est à distance 1 de son axe : son glissement vaut directement le coefficient de la matrice.

Matrice 2×2 éditable

Modifiez directement les 4 coefficients. Les cases a₀₁ et a₁₀ restent reliées aux points bleu/orange ; les cases diagonales étirent (scale) la figure.
Un cisaillement pur garde a₀₀ = a₁₁ = 1. Essayez a₀₀ = 2 pour voir un étirement horizontal.
Dans le jeu : amenez les deux points sur la cible en pointillés avant la fin du temps.

Affichage texte & zoom

+− zoomer · molette zoom · glisser le fond pour déplacer la vue.

Lecture

Aire = |det M| · le point à distance d de l'axe bouge de k×d
Touches : ←→ a₁₂ · ↑↓ a₂₁ · Espace jouer · R zéro.