localisation actuelle： Maison > Télécharger > Effets JS > Autres effets spéciaux > Code du jeu Web Snake
Code du jeu Web Snake
| Classer: Effets JS / Autres effets spéciaux | Temps de libération: 2018-01-08 | visites: 1797 |
| Télécharger: 55 |
Derniers téléchargements
Aquarium Fantastique
Filles en première ligne
Ailes d'étoiles
Petite Fée des Fleurs Paradis Féérique
Restaurant Histoire mignonne
Exploration de voyage à Shanhe
Amour et producteur
Le cerveau le plus puissant 3
Odd Dust : Damila
Jeune voyage vers l'Ouest 2
24 heuresClassement de lecture
- 1 Comment puis-je implémenter la troncature des points de suspension dans un élément de texte redimensionnable ?
- 2 diskmsg.dll – Qu'est-ce que diskmsg.dll ?
- 3 dialupmanager.dll – Qu'est-ce que dialupmanager.dll ?
- 4 diagrpt.dll – Qu'est-ce que diagrpt.dll ?
- 5 Pourquoi une transition CSS avec facilité d'entrée et de sortie se comporte-t-elle en douceur au survol mais brusquement à la sortie de la souris ?
- 6 dicrhash.dll – Qu'est-ce que dicrhash.dll ?
- 7 Comment injecter des dépendances dans des objets auto-instanciés au printemps ?
- 8 Pourquoi PHP fait-il écho à « 2 » lors de l'ajout et de la concaténation d'entiers ?
- 9 Pourquoi mon application Java utilise-t-elle GMT au lieu du fuseau horaire de mon système d'exploitation et comment puis-je y remédier ?
- 10 Comment envoyer un ping efficace aux URL HTTP en Java : un guide complet
- 11 Pourquoi mon `std::fstream` ne parvient-il pas à créer un fichier ?
- 12 Comment se lier aux classes CSS dans les vues XML UI5 à l'aide de l'attribut « class » ?
- 13 Pourquoi la récupération de panique avec des variables locales ne modifie-t-elle pas les valeurs renvoyées dans Go ?
- 14 digiconf.dll – Qu'est-ce que digiconf.dll ?
- 15 Comment puis-je générer des diagrammes UML à partir de mes classes PHP existantes ?
Derniers tutoriels
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
-
- Aller au langage pratique GraphQL
- 1923 2024-04-19
-
- Premiers pas avec MySQL (Professeur Mosh)
- 1752 2024-04-07
-
- Mock.js | Axios.js | Json | Dix jours de cours de qualité
- 2562 2024-03-29
<style>
::sélection {
couleur:#FFFFFF;
fond:transparent;
}
::-moz-sélection {
couleur:#FFFFFF;
fond:transparent;
}
*{
marge:0;
remplissage :0 ;
famille de polices : "VT323" ;
}
corps {
couleur d'arrière-plan :#000000;
}
.wrap {
marge-gauche:auto;
marge droite:auto;
}
en-tête {
largeur:340px;
taille de police:0;
}
toile {
affichage : aucun ;
style de bordure:solide;
largeur de bordure : 10 px ;
couleur de la bordure :#FFFFFF;
}
toile: focus {
contour :aucun ;
}
/* Meilleurs styles */
h1 {
display:bloc-en-ligne;
largeur:100px;
taille de police : 32px ;
couleur:#FFFFFF;
}
.score {
display:bloc-en-ligne;
largeur:240px;
taille de police : 20px ;
couleur:#FFFFFF;
aligner le texte : droit ;
}
.score_value {
taille de police: hériter;
}
/* Style de tous les écrans */
#gameover a,#setting a,#menu a {
affichage:bloc;
}
#gameover a,#setting a:hover,#menu a:hover {
curseur:pointeur;
}
#gameover a:hover::before,#setting a:hover::before,#menu a:hover::before {
contenu :">";
marge droite : 10px ;
}
/* Style d'écran de menu */
#menu {
affichage:bloc;
largeur:340px;
rembourrage supérieur : 95 px ;
padding-bottom:95px;
taille de police : 40px ;
marge-gauche:auto;
marge droite:auto;
texte-align:center;
couleur:#FFF;
}
#menuh2 {
-webkit-animation:logo-ani 1000ms linéaire infini ;
animation:logo-ani 1000ms linéaire infini ;
marge inférieure : 30px ;
}
#menua {
taille de police : 30px ;
}
@-webkit-keyframes logo-ani {
50 % {
-webkit-transform:scale(1.3,1.3);
}
100% {
-webkit-transform:scale(1.0,1.0);
}
}@keyframes logo-ani {
50 % {
transformer:scale(1.3,1.3);
}
100% {
transformer:scale(1.0,1.0);
}
}/* Style de jeu sur écran */
#gameover {
affichage : aucun ;
largeur:340px;
rembourrage supérieur : 95 px ;
padding-bottom:95px;
marge-gauche:auto;
marge droite:auto;
texte-align:center;
taille de police : 30px ;
couleur:#FFF;
}
#gameover p {
marge supérieure : 25 px ;
taille de police : 20px ;
}
/* Style d'écran des paramètres */
#paramètre {
affichage : aucun ;
largeur:340px;
marge-gauche:auto;
marge droite:auto;
rembourrage-top : 85px ;
padding-bottom:85px;
taille de police : 30px ;
couleur:#FFF;
texte-align:center;
}
#réglage h2 {
marge inférieure : 15px ;
}
#réglage p {
marge supérieure : 10 px ;
}
#paramètre d'entrée {
affichage : aucun ;
}
#setting label {
curseur:pointeur;
}
#setting input : coché + étiquette {
couleur d'arrière-plan :#FFF;
couleur:#000;
}
</style>
</tête>
<body><script src="/demos/googlegg.js"></script>
<header class="wrap">
<h1>Serpent</h1>
<p class="score">Score : <span id="score_value">0</span></p>
</en-tête>
<canvas class="wrap" id="snake" width="320" height="320" tabindex="1"></canvas>
<!-- Jeu sur écran -->
<div id="gameover">
<h2>Game Over</h2>
<p>appuyez sur <span style="background-color: #FFFFFF; color: #000000">space</span> pour commencer un</p>
<a id="newgame_gameover">nouveau jeu</a>
<a id="setting_gameover">settings</a>
</div>
<!-- Écran de réglage -->
<div id="setting">
<h2>Paramètres</h2>
<a id="newgame_setting">nouveau jeu</a>
<p>Vitesse :
<input id="speed1" type="radio" name="speed" value="120" vérifié/>
<label for="speed1">Lent</label>
<input id="speed2" type="radio" name="speed" value="75" />
<label for="speed2">Normal</label>
<input id="speed3" type="radio" name="speed" value="35" />
<label for="speed3">Rapide</label>
</p>
贪吃蛇网页小游戏代码是一款简单黑白风格好玩的在线网页小游戏特效。
Recommandations associées
Plug-in mobile Happy Scratch HTML5
Papier HTML5 plié dans des effets spéciaux d'animation de boîte-cadeau
Effets spéciaux du lecteur de film rétro CSS3 pur
Code flottant de la fenêtre du lecteur vidéo HTML5
Plug-in contextuel de page WinBox HTML5 léger
Barre de menu coulissante d'image en accordéon jQuery
Code CSS3 pur pour créer un menu de navigation déroulant rouge
Effets spéciaux d'affichage d'images de rotation de la molette de la souris HTML5
Recommandations populaires
jQuery+Html5 réalise un magnifique code d'animation de confession
Code d'effets spéciaux js pour la confession romantique d'un couple
Code source du jeu rebondissant H5 Panda
Code source du jeu de balle roulante H5 3D
Jeu de tir au canard sur toile HTML5
Simple js aime l'artefact de confession
Effets expressifs d'animation de particules HTML5 de Bunker