Méthode JS pour transformer la flèche de la souris en une bougie allumée effect

Méthode JS pour transformer la flèche de la souris en une bougie allumée effect_javascript skills

WBOY

Libérer： 2016-05-16 16:12:18

original

1572 Les gens l'ont consulté

L'exemple de cet article décrit comment utiliser JS pour transformer la flèche de la souris en un effet de bougie allumée. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :

Il s'agit d'un code JS complet pour embellir la flèche de la souris. Grâce à ce code JS, la flèche de la souris est ajoutée avec un style, comme une bougie allumée. Il s'agit également d'un code très ancien et ne peut être exécuté que dans les navigateurs IE8 et inférieurs. Le code est le suivant :
.

Copier le code Le code est le suivant :

Une souris fluorescente unique

Résumé : code source HTML5, instance Canvas, animation Canvas
Un programme pratique HTML5_Canvas, utilisant la balise Canvas

pour dessiner des effets d'animation simples : simuler l'effet des feux verts allumés à une intersection, les feux rouges allumés, les voitures qui s'arrêtent, l'animation ; L'effet est relativement grossier,
pour référence pour les débutants. Le programme HTML5 ne prend actuellement pas en charge IE.

Jeu de tir, après avoir démarré le jeu,
cliquez sur l'objet qui tombe avec la souris,
vous pouvez tirer sur l'objet explosif, la qualité de l'image du jeu générée est bonne,
fluide, veuillez utiliser Firefox lors des tests ou le navigateur Chrome,
Les versions inférieures à IE8 ne peuvent pas exécuter ce jeu.
Bien que les fonctions du jeu ne soient pas puissantes,

mais il utilise des techniques de base en HTML5,

De plus, certaines classes JS pour les opérations de jeu sont Je veux aussi être un bon choix.

Basé sur l'instance de stockage hors ligne HTML5, lorsque la page est chargée, l'application utilise une fonction onLoad pour vérifier si les données correspondantes sont déjà dans le cache local et ajoutera une

et écoute un événement de stockage,

L'application peut répondre aux modifications de localStorage,

fonctions telles que la mise en cache des données, l'effacement des données, etc.

rouge tamisé, gris, bleu
dim x,y,z
rouge=255
gre=255
bleu=0
z=100
sous window_onload()
appelle mybody.filters.light.addPoint(0,0,z,Red,Gre,Blu,100)
mybody.style.cursor="main"
fin du sous
sous document_onmousemove()
x=window.event.x
y=window.event.y
appelle mybody.filters.Light.MoveLight(0, x, y, 100, 1)
fin du sous

//C'est la fonction qui déplace le calque
fonction move_layer()
{
Layer1.style.left=event.clientX document.body.scrollLeft-50;
Layer1.style.top=event.clientY document.body.scrollTop-20;
>
//Le sens ici est que si la souris bouge, la fonction "move_layer" est appelée
document.onmousemove =move_layer;

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.