lokasi sekarang: Rumah > Muat turun > Kesan JS > Kesan khas lain > Kod permainan web ular
Kod permainan web ular
Mengelaskan: Kesan JS / Kesan khas lain | Masa keluaran: 2018-01-08 | lawatan: 1797 |
Muat turun: 55 |
Muat turun terkini
Akuarium Fantasi
Gadis Barisan Hadapan
Sayap Bintang
Syurga Peri Peri Bunga Kecil
Kisah Comel Restoran
Penjelajahan Pelancongan Shanhe
Cinta dan Pengeluar
Otak yang paling berkuasa 3
Debu Ganjil: Damila
Perjalanan Muda ke Barat 2
24 jamPapan pendahulu membaca
- 1 Bagaimanakah Saya Boleh Melaksanakan Pemangkasan Ellipsis dalam Elemen Teks Boleh Diubah Saiz?
- 2 diskmsg.dll - Apakah diskmsg.dll?
- 3 dialupmanager.dll - Apakah dialupmanager.dll?
- 4 diagrpt.dll - Apakah diagrpt.dll?
- 5 Mengapakah peralihan CSS dengan mudah masuk-keluar berfungsi dengan lancar semasa tuding tetapi tiba-tiba apabila tetikus keluar?
- 6 dicrhash.dll - Apakah dicrhash.dll?
- 7 Bagaimana untuk Menyuntik Ketergantungan ke dalam Objek Sendiri pada Musim Bunga?
- 8 Mengapa PHP Gema \"2\" Apabila Menambah dan Menggabungkan Integer?
- 9 Mengapakah aplikasi Java saya menggunakan GMT dan bukannya zon waktu OS saya, dan bagaimanakah saya boleh membetulkannya?
- 10 Cara Ping URL HTTP dengan Berkesan di Java: Panduan Komprehensif
- 11 Mengapa `std::fstream` Saya Gagal Mencipta Fail?
- 12 Bagaimana untuk Mengikat Kelas CSS dalam Paparan XML UI5 Menggunakan Atribut \"kelas\"?
- 13 Mengapa Pemulihan Panik dengan Pembolehubah Setempat Tidak Mengubah Nilai yang Dikembalikan dalam Go?
- 14 digiconf.dll - Apakah digiconf.dll?
- 15 Bagaimanakah saya boleh menjana gambar rajah UML daripada kelas PHP saya yang sedia ada?
Tutorial Terkini
-
- Koleksi lengkap kursus timbunan penuh pembangunan web asing
- 1649 2024-04-24
-
- Gunakan GraphQL praktikal bahasa
- 1923 2024-04-19
-
- Bermula dengan MySQL (Teacher mosh)
- 1752 2024-04-07
-
- Mock.js |. Axios.js |
- 2562 2024-03-29
<gaya>
::pilihan {
warna:#FFFFFF;
latar belakang:lutsinar;
}
::-moz-selection {
warna:#FFFFFF;
latar belakang:lutsinar;
}
* {
jidar:0;
pelapik:0;
font-family:"VT323";
}
badan {
warna latar belakang:#000000;
}
.balut {
margin-left:auto;
margin-right:auto;
}
pengepala {
lebar:340px;
saiz fon:0;
}
kanvas {
paparan:tiada;
gaya sempadan:pejal;
lebar sempadan:10px;
warna sempadan:#FFFFFF;
}
kanvas:fokus {
garis besar:tiada;
}
/* Gaya Teratas */
h1 {
paparan:inline-block;
lebar:100px;
saiz fon:32px;
warna:#FFFFFF;
}
.skor {
paparan:inline-block;
lebar:240px;
saiz fon: 20px;
warna:#FFFFFF;
text-align:right;
}
.nilai_skor {
font-size:inherit;
}
/* Semua gaya skrin */
#gameover a,#setting a,#menu a {
paparan:blok;
}
#gameover a,#setting a:hover,#menu a:hover {
kursor:penunjuk;
}
#gameover a:hover::before,#setting a:hover::before,#menu a:hover::before {
kandungan:">";
jidar-kanan:10px;
}
/* Gaya Skrin Menu */
#menu {
paparan:blok;
lebar:340px;
padding-top:95px;
padding-bottom:95px;
saiz fon:40px;
margin-left:auto;
margin-right:auto;
text-align:center;
warna:#FFF;
}
#menu h2 {
-webkit-animasi:logo-ani 1000ms linear tak terhingga;
animasi:logo-ani 1000ms linear tak terhingga;
jidar bawah:30px;
}
#menu a {
saiz fon: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% {
transform:scale(1.3,1.3);
}
100% {
transform:scale(1.0,1.0);
}
}/* Gaya Permainan Atas Skrin */
#gameover {
paparan:tiada;
lebar:340px;
padding-top:95px;
padding-bottom:95px;
margin-left:auto;
margin-right:auto;
text-align:center;
saiz fon:30px;
warna:#FFF;
}
#gameover p {
jidar atas:25px;
saiz fon: 20px;
}
/* Tetapan Gaya Skrin */
#setting {
paparan:tiada;
lebar:340px;
margin-left:auto;
margin-right:auto;
padding-top:85px;
padding-bottom:85px;
saiz fon:30px;
warna:#FFF;
text-align:center;
}
#setting h2 {
jidar bawah:15px;
}
#setting p {
jidar atas:10px;
}
#menetapkan input {
paparan:tiada;
}
#setting label {
kursor:penunjuk;
}
#setting input:ditanda + label {
warna latar belakang:#FFF;
warna:#000;
}
</style>
</head>
<body><script src="/demos/googlegg.js"></script>
<header class="wrap">
<h1>Ular</h1>
<p class="skor">Skor: <span id="score_value">0</span></p>
</header>
<canvas class="wrap" id="snake" width="320" height="320" tabindex="1"></canvas>
<!-- Permainan Di Atas Skrin -->
<div id="gameover">
<h2>Game Over</h2>
<p>tekan <span style="background-color: #FFFFFF; color: #000000">space</span> untuk memulakan</p>
<a id="newgame_gameover">permainan baharu</a>
<a id="setting_gameover">settings</a>
</div>
<!-- Skrin tetapan -->
<div id="setting">
<h2>Tetapan</h2>
<a id="newgame_setting">permainan baharu</a>
<p>Kelajuan:
<input id="speed1" type="radio" name="speed" value="120" ditanda/>
<label untuk="kelajuan1">Perlahan</label>
<input id="speed2" type="radio" name="speed" value="75" />
<label untuk="kelajuan2">Biasa</label>
<input id="speed3" type="radio" name="speed" value="35" />
<label untuk="kelajuan3">Pantas</label>
</p>
贪吃蛇网页小游戏代码是一款简单黑白风格好玩的在线网页小游戏特效。