38°18°36.0°C
HTML + CSSArrière-plans

Caméra thermique

Des silhouettes de chaleur traversent une image infrarouge, avec échelle de température et viseur sur le point le plus chaud, en canvas.

Réglages

1x
1x
1

Code

<div class="pt-uvq16-thermal"><canvas></canvas><i class="hud"></i><i class="sc"><b>38°</b><b>18°</b></i><i class="mk"><b class="rd">36.0°C</b></i></div>

Prompt pour l’IA

Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.

Version Markdown avec tout le code, pour les assistants IA

Plus dans Arrière-plans

Voir tout : Arrière-plans

Où l’utiliser

L'image d'une caméra infrarouge recréée en quelques lignes de code. Un champ de chaleur en basse résolution additionne des formes douces pour trois personnes qui marchent, une lampe, une tasse chaude et une fenêtre froide, et chaque valeur passe par une palette en cinq étapes du presque noir au blanc. Un cadre de caméra, une barre d'échelle et un viseur qui saute au point le plus chaud complètent le rendu.

Les trois couleurs sont les étapes centrales de la palette : tu peux passer de l'ironbow classique à un arc-en-ciel ou à une seule teinte. La densité change la taille des silhouettes. Ton curseur est une main chaude qui apparaît à l'image. Idéal pour la sécurité, le matériel, l'énergie et la santé.