Simulez des corps rigides, la gravité et des collisions avec un moteur physique 2D interactif.
Faites apparaître des particules néon qui tombent, rebondissent sur les bords et heurtent Alpa. Cliquez ou touchez Alpa puis faites-le glisser pour le lancer ; son expression et sa bulle réagissent aux chocs violents, au glissement et au mode de gravité. En gravité zéro, maintenez le bouton de la souris enfoncé pour attirer les particules proches.
Simulez des corps rigides, la gravité et des collisions avec un moteur physique 2D interactif. Utilisez-le au travail, en développement, en apprentissage ou pour une vérification rapide.
Cet outil fonctionne dans le navigateur. Avant d'utiliser des données sensibles, assurez-vous que votre appareil et votre navigateur sont fiables.
Ce bac à sable physique 2D fonctionne directement dans votre navigateur et utilise un canvas pour simuler en temps réel des particules néon lumineuses et une grosse particule à l'effigie de la mascotte Alpa. Vous pouvez régler la gravité et l'élasticité, changer de mode de gravité, ou attraper Alpa et le projeter à travers l'écran pour le voir rebondir sur les murs et bousculer les particules. C'est une petite pause détente, mais aussi une démonstration concrète de l'accélération de la pesanteur, du coefficient de restitution et des collisions simples, sans rien installer.
La force de gravité va de 0 à 1,5 et l'élasticité de 0,1 à 1,0 : plus elle est élevée, plus un objet conserve de vitesse après avoir heurté un mur. La simulation applique aussi une légère résistance de l'air, si bien que même à 1,0 tout finit par s'immobiliser. « Générer des particules (+20) » fait apparaître 20 particules en haut de l'écran. Au maximum 400 particules sont conservées ; au-delà, les plus anciennes sont supprimées. Le bouton d'effacement les retire toutes d'un coup. Appuyez sur Alpa avec la souris ou le doigt, faites-le glisser puis relâchez pour le lancer.
Il existe quatre modes de gravité. Le mode standard reproduit la pesanteur terrestre. « Gravité zéro » coupe la gravité ; tant que vous maintenez le bouton de la souris enfoncé, les particules situées à environ 300 pixels du pointeur sont attirées vers lui. « Trou noir d'Alpa » attire Alpa vers le centre de l'écran tandis que toutes les particules sont aspirées vers Alpa ; la force dépend du curseur de gravité, donc à 0 il n'y a aucune attraction. « Gyroscope mobile » oriente la gravité selon l'inclinaison de votre téléphone ; sur iPhone, une autorisation vous est d'abord demandée.
Pour rester fluide sur mobile, les petites particules n'entrent en collision qu'avec Alpa et les bords de l'écran, pas entre elles. La physique avance à un rythme fixe de 60 pas par seconde : la vitesse reste donc identique quel que soit le taux de rafraîchissement de l'écran, et le panneau affiche en direct les images par seconde, le nombre de particules et la vitesse d'Alpa. Quand Alpa percute violemment un mur, son expression change, un bref son retentit et quelques étincelles jaillissent ; les traînées lumineuses derrière les particules sont un effet visuel dessiné sur le canvas. Toute la simulation s'exécute localement et ne collecte aucune donnée.
Pour que des centaines de particules restent fluides sur un téléphone, le bac à sable ne calcule que les collisions entre les particules et Alpa, et entre les particules et les bords de l'écran. Tester chaque particule contre toutes les autres ferait croître les calculs avec le carré du nombre de particules et provoquerait vite des saccades ; les particules se traversent donc simplement.
Ce mode nécessite un téléphone ou une tablette équipés d'un capteur d'orientation ; la plupart des ordinateurs de bureau et portables n'en ont pas. Sur iPhone et iPad, passer à ce mode affiche une demande d'accès au mouvement et à l'orientation qu'il faut accepter. Si vous l'avez refusée auparavant, rechargez la page et réessayez. Vérifiez aussi que le curseur de gravité n'est pas à 0.
La force du trou noir est multipliée par la valeur du curseur de force de gravité : à 0, il n'y a donc aucune attraction. Déplacez le curseur vers la droite et Alpa sera attiré vers le centre de l'écran tandis que les particules seront aspirées vers lui ; plus la valeur est élevée, plus l'attraction est forte.
Non. Une élasticité de 1,0 signifie qu'aucune vitesse n'est perdue lors d'un choc contre un mur, mais le bac à sable comporte aussi une légère résistance de l'air qui freine un peu tout à chaque pas : les objets finissent donc par s'arrêter. Pour des rebonds plus longs, essayez de baisser un peu la gravité.
Voir cette catégorie: Design & Couleurs
Placez des points d'ancrage, faites glisser les poignées de Bézier sur un canevas 500×500 et obtenez aussitôt l'attribut d du tracé SVG et une règle CSS clip-path: path().
Transformez vos captures d'écran en maquettes de navigateur professionnelles.
Créez des effets de texte néon lumineux personnalisés et copiez les styles CSS.
Extrayez la couleur exacte de n'importe quel pixel d'une image chargée.
