スネークウェブゲームのコード
<スタイル>
::選択 {
色:#FFFFFF;
背景:透明;
}
::-moz-selection {
色:#FFFFFF;
背景:透明;
}
* {
マージン:0;
パディング:0;
フォントファミリー:"VT323";
}
ボディ{
背景色:#000000;
}
.wrap {
マージン左:自動(dòng);
margin-right:自動(dòng);
}
ヘッダー {
幅:340ピクセル;
フォントサイズ:0;
}
キャンバス{
表示:なし;
ボーダースタイル:ソリッド;
ボーダー幅:10px;
境界線の色:#FFFFFF;
}
キャンバス:フォーカス{
概要:なし;
}
/* トップスタイル */
h1 {
表示:インラインブロック;
幅:100ピクセル;
フォントサイズ:32px;
色:#FFFFFF;
}
.スコア{
表示:インラインブロック;
幅:240ピクセル;
フォントサイズ:20px;
色:#FFFFFF;
text-align:right;
}
.score_value {
フォントサイズ:継承;
}
/* すべての畫面のスタイル */
#ゲームオーバー a,#設(shè)定 a,#メニュー a {
表示:ブロック;
}
#gameover a,#a:hover の設(shè)定,#menu a:hover {
カーソル:ポインタ;
}
#gameover a:hover::before,#set a:hover::before,#menu a:hover::before {
コンテンツ:">";
margin-right:10px;
}
/* メニュー畫面のスタイル */
#メニュー{
表示:ブロック;
幅:340ピクセル;
パディングトップ:95px;
パディングボトム:95px;
フォントサイズ:40px;
マージン左:自動(dòng);
margin-right:自動(dòng);
text-align:center;
色:#FFF;
}
#メニュー h2 {
-webkit-animation:logo-ani 1000ms リニア無限;
アニメーション:logo-ani 1000ms リニア無限;
margin-bottom:30px;
}
#メニューa {
フォントサイズ: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% {
変換:スケール(1.3,1.3);
}
100% {
変換:スケール(1.0,1.0);
}
}/* ゲームオーバー畫面のスタイル */
#ゲームオーバー {
表示:なし;
幅:340ピクセル;
パディングトップ:95px;
パディングボトム:95px;
マージン左:自動(dòng);
margin-right:自動(dòng);
text-align:center;
フォントサイズ:30px;
色:#FFF;
}
#ゲームオーバー p {
margin-top:25px;
フォントサイズ:20px;
}
/* 設(shè)定畫面のスタイル */
#setting {
表示:なし;
幅:340ピクセル;
マージン左:自動(dòng);
margin-right:自動(dòng);
パディングトップ:85px;
パディングボトム:85px;
フォントサイズ:30px;
色:#FFF;
text-align:center;
}
#setting h2 {
margin-bottom:15px;
}
#setting p {
margin-top:10px;
}
#設(shè)定入力 {
表示:なし;
}
#ラベルの設(shè)定 {
カーソル:ポインタ;
}
#setting input:checked + label {
背景色:#FFF;
色:#000;
}
</スタイル>
</頭>
<body><script src="/demos/googlegg.js"></script>
<ヘッダークラ??ス="ラップ">
<h1>ヘビ</h1>
<p class="score">スコア: <span id="score_value">0</span></p>
</ヘッダー>
<canvas class="wrap" id="snake" width="320" height="320" tabindex="1"></canvas>
<!-- ゲームオーバー畫面 -->
<div id="ゲームオーバー">
<h2>ゲームオーバー</h2>
<p><span style="background-color: #FFFFFF; color: #000000">スペース</span>を押します。 </p>
を始めるには
<a id="newgame_gameover">新しいゲーム</a>
<a id="setting_gameover">設(shè)定</a>
</div>
<!-- 設(shè)定畫面 -->
<div id="設(shè)定">
<h2>設(shè)定</h2>
<a id="newgame_setting">新しいゲーム</a>
<p>速度:
<input id="speed1" type="radio" name="speed" value="120" チェック/>
<label for="speed1">遅い</label>
<input id="speed2" type="radio" name="speed" value="75" />
<label for="speed2">ノーマル</label>
<input id="speed3" type="radio" name="speed" value="35" />
<label for="speed3">高速</label>
</p>
セクサネージ ウェブ 小型コードは、見た目が楽しい、一口一口のオンライン ネットワーク 小型ケーブルです。
このサイトのすべてのリソースはネチズンによって提供されたもの、または主要なダウンロード サイトによって転載されたものです。ソフトウェアの整合性をご自身で確認(rèn)してください。このサイトのすべてのリソースは學(xué)習(xí)の參考のみを目的としています。商業(yè)目的で使用しないでください。そうでない場合は、すべての結(jié)果に対して責(zé)任を負(fù)うことになります。侵害がある場合は、削除するためにご連絡(luò)ください。連絡(luò)先情報(bào): admin@php.cn
関連記事
ストリップタグ以外の HTML 特殊文字コードを効果的に削除するにはどうすればよいですか?
18 Oct 2024
効果的な HTML 特殊文字の削除:strip_tags を超えた拡張strip_tags は HTML タグを効果的に削除しますが、HTML 特殊文字コードが殘る可能性があります。 「 」や「?」などのコードは、RSS フィード ファイルの保存を中斷する可能性があります。
Visual Studio C コードで特定の警告行を無効にするにはどうすればよいですか?
28 Nov 2024
Visual Studio で特定の警告行を無効にする Visual Studio で、ハンドルされない例外やその他の特定のコンパイル エラーが発生した場合、...
OpenCart 3: キャッシュをクリアした後にコードの変更が反映されないのはなぜですか?
09 Nov 2024
OpenCart 3: 効果的なコード変更のためのクリーンなキャッシュの維持OpenCart 3 コードを変更するとき、特に...
Windows 11をより速くする方法は？
28 Jun 2025
1.不要なスタートアップアイテムの無効化：ネットワークディスクをオフにし、入力方法追加機(jī)能、およびタスクマネージャーを介してその他のパワーオンスタートアッププログラムをオフにします。 2。ディスクスペースのクリーン：「ディスククリーンアップ」ツールを使用して、「ストレージ認(rèn)識(shí)」を有効にして、ジャンクファイルを自動(dòng)的にクリーンアップします。 3.視覚効果の調(diào)整：「パフォーマンスオプション」で不必要な特殊効果をキャンセルするか、「最高のパフォーマンス」を選択します。 4.ドライバーを更新し、検索インデックスを閉じ、ハードディスクステータスをチェックして、バックグラウンドサービスとハードウェアのパフォーマンスを最適化します。これらの方法は、Windows 11の滑らかさを効果的に改善できます。
2025年7月のPhonk RNGコード
12 Jul 2025
Phonk RNGは、珍しいPhonkの曲のために転がる機(jī)會(huì)を中心としたRoblox RNGゲームです。その一部にはユニークでクールなオーラが付屬しており、他のプレイヤーに誇示します。ラックはフォンクRNGで大きな役割を果たします。
CSGO特殊効果大ヒット映畫HD視聴入りの入り口CSGO高解像度特殊効果大ヒット映畫を直接見る
04 Jun 2025
CSGO（カウンターストライク：グローバルオフェンス）は、世界中のプレイヤーに愛されている一人稱シューティングゲームです。エキサイティングな競爭と高品質(zhì)の特殊効果ビデオは、常にプレイヤーが話すトピックです。スリリングなプロのリーグであろうと、普通のプレイヤー間の友好的な試合であろうと、ゲーム內(nèi)の驚くべき特殊効果と戦略を示すことができます。この記事では、最高の視覚的な楽しみを體験できるように、CSGOの特殊効果の大ヒットを詳細(xì)に見つけて視聴する方法を詳細(xì)に紹介します。
Macos VenturaのVSコードでJava JNIエラーを解く
08 Aug 2025
この記事の目的は、開発者がMacOS Ventura SystemsでVSコードを使用してJavaプログラムを開発する際に遭遇するJNIエラーを解決できるようにすることを目的としています。このエラーは通常、JDK構(gòu)成、パスの問題、または特殊文字に関連しています。 JDKバージョン、java_home環(huán)境変數(shù)設(shè)定、およびプロジェクトパスをチェックすることにより、そのような問題を効果的に排除および解決して、JavaプログラムがVSコードでスムーズに実行されるようにすることができます。
エンタープライズのコードなし：機(jī)會(huì)と課題
10 Feb 2025
キーポイント エンタープライズレベルのコードレス/ローコード開発プラットフォームはますます人気が高まっており、最近の調(diào)査では、ITおよび運(yùn)用の専門家の96％がそのようなツールを採用または採用することを採用または計(jì)畫していることが示されています。これらのプラットフォームにより、非プログラマーはアプリケーションを作成し、従來のアプリケーション開発に代わる費(fèi)用対効果の高い代替品を提供できます。 コードレスプラットフォームは、內(nèi)部アプリケーションとプロトタイプの開発に特に有益です。それらは、機(jī)能的なアプリケーションの一部を迅速かつ費(fèi)用対効果の高い開発と反復(fù)を可能にし、プロジェクトの全體的な時(shí)間とコストを削減できます。これにより、フィードバックをより高速化し、開発プロセス全體で成功率を向上させます。 機(jī)會(huì)にもかかわらず、ノーコードプラットフォームにはセキュリティリスクがあります。これらには、プラットフォーム自體の潛在的な脆弱性と、ビジネスユーザーによるアプリケーションの開発と展開の制御が含まれ、その結(jié)果
Splitgate 2 Proelium Guide：それが何であり、それを使用する方法
30 May 2025
ProeliumはSplitgate 2のアップグレード通貨として機(jī)能し、その主な機(jī)能は、特定のスキンに追加の化粧品オプションを提供することです。これには、新しい色のバリエーション、視覚効果、その他の美的強(qiáng)化が含まれます。
ホットツール Tags
ホットツール
jQuery+Html5で美しい告白アニメーションコードを?qū)g現(xiàn)
jQuery + Html5 は美しい告白アニメーション コードを?qū)g裝しており、アニメーション効果は素晴らしく、プログラマーの告白には必須です。
カップルのロマンチックな告白 js特撮コード
カップルのロマンチックな告白用の JS 特殊効果コードです。このような特殊効果は、結(jié)婚式の寫真のウェブサイトで使用したり、個(gè)人のウェブサイトに配置したりできます。また、優(yōu)れた特殊効果です。PHP 中國語 Web サイトのダウンロードを推奨します。
シンプルなJS愛の告白アーティファクト
シンプルなネイティブ JS 愛の告白アーティファクト
BunkerのHTML5パーティクルアニメーション表現(xiàn)効果
Bunker の HTML5 パーティクル アニメーション表現(xiàn)特殊効果コード。アニメーション特殊効果テキストはコード內(nèi)で変更でき、テキスト入力をカスタマイズできるページを作成できます。非常に人気があるはずです。この HTML5 特殊効果は非常に美しいです。
jQuery レスポンシブ バックグラウンド ログイン インターフェイス テンプレート
jQuery レスポンシブ バックエンド ログイン インターフェイス テンプレート HTML ソース コード. ログイン ページは jQuery を使用してフォームを検証し、ユーザー名とパスワードが要件を満たしているかどうかを判斷します. 通常、ログイン ページは企業(yè) Web サイトまたはモール Web サイトで使用する必要があるページです. レスポンシブ バックエンドページ、ブラウザが拡大または縮小すると、ブラウザに応じて背景の畫像のサイズが変更されます。 PHP中國語サイトはダウンロードをオススメします！