Skip to content

Commit a214e98

Browse files
kaloodinazkaloodinaz
authored
Add files via upload
1 parent 12dbc1b commit a214e98

File tree

7 files changed

+2716
-0
lines changed

7 files changed

+2716
-0
lines changed

‎apple-touch-icon.png‎

2.48 KB
Loading

‎favicon-16x16.png‎

306 Bytes
Loading

‎favicon-32x32.png‎

495 Bytes
Loading

‎google-pacman.html‎

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
<!DOCTYPE html>
2+
<html lang="ja">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="theme-color" content="#3B3B3B"/>
6+
<meta name="apple-mobile-web-app-status-bar" content="#3B3B3B" />
7+
<link rel="preconnect" href="https://fonts.googleapis.com">
8+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
9+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
10+
<meta name="robots" content="index, follow" />
11+
<title>Google パックマン - 懐かしのゲームを無料でプレイ</title>
12+
<meta name="description" content="Google パックマンは、1980年の名作アーケードゲーム「パックマン」をGoogleがインタラクティブなロゴで再現した特別バージョン。今すぐ無料でブラウザからプレイして、懐かしのドットイート体験を楽しもう！">
13+
<style>
14+
*{margin:0;padding:0;box-sizing:border-box;font-family:"Helvetica Neue","Calibri Light",Roboto,sans-serif}
15+
#missing-flash{display:none;text-align:center}
16+
.missing-flash-bg{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-filter:blur(0.8em);filter:blur(0.8em);opacity:.25}
17+
*{margin:0;padding:0;box-sizing:border-box}
18+
html,body{background-color:rgba(0,0,0,0.4)}
19+
.enable_flash{color:#fff;background-color:#3281ff;padding:10px 15px;border-radius:5px;cursor:pointer;font-weight:700;text-transform:uppercase;position:absolute;top:200px;left:50%;transform:translateX(-50%);box-shadow:0 4px #202020}
20+
.bt{position:absolute;left:50%;transform:translateX(-50%);bottom:-50px}
21+
.adobetext{top:250px;width:100%}
22+
#topbar{position:absolute;top:0;left:0;width:100%;background-color:#333;color:#fff;padding:10px;box-shadow:0 2px 5px rgba(0,0,0,0.2);z-index:1000}
23+
#logo{height:30px;width:auto;vertical-align:middle;float:left;margin-right:20px}
24+
#sitename{font-size:20px;line-height:30px}
25+
@media screen and (max-width: 768px) {
26+
#topbar { padding: 10px 5px; }
27+
#logo { margin-right: 10px; }
28+
#sitename { font-size: 16px; line-height: 25px; }
29+
}
30+
@media screen and (max-width: 480px) {
31+
#sitename { font-size: 14px; line-height: 20px; }
32+
}
33+
</style>
34+
</head>
35+
<body>
36+
<!-- <div id="topbar">
37+
<div id="logo">
38+
<img loading="lazy" src="/favicon-32x32.png" alt="logo" width="32px" height="32px">
39+
</div>
40+
<div id="sitename">Pacman Google Game</div>
41+
</div>-->
42+
<iframe title="Google パックマン" id="gameFrame" width="100%" height="100%" src="https://pacman-online.pages.dev/game/" frameborder="0" style="border:0;" allowfullscreen></iframe>
43+
<script>
44+
window.onload = function() {
45+
var iframe = document.getElementById("gameFrame");
46+
iframe.style.height = window.innerHeight + "px";
47+
};
48+
window.addEventListener("resize", function() {
49+
var iframe = document.getElementById("gameFrame");
50+
iframe.style.height = window.innerHeight + "px";
51+
});
52+
</script>
53+
54+
</body>
55+
</html>

‎index.html‎

Lines changed: 210 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,210 @@
1+
<!DOCTYPE html>
2+
<html lang="ja">
3+
<head>
4+
<meta charset="UTF-8">
5+
<link rel="preconnect" href="https://fonts.googleapis.com">
6+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<meta name="theme-color" content="#3B3B3B"/>
9+
<meta name="apple-mobile-web-app-status-bar" content="#3B3B3B" />
10+
<title>Google パックマン - ブラウザで無料プレイ</title>
11+
<meta name="description" content="Googleが公開したパックマンのミニゲームを無料で今すぐプレイしよう！懐かしのクラシックアーケードゲームがブラウザで楽しめます。スマホ・PC対応。">
12+
<link rel="canonical" href="https://kaloodinaz.github.io/pacman-google/">
13+
<link rel="apple-touch-icon" sizes="180x180" href="https://kaloodinaz.github.io/pacman-google/apple-touch-icon.png">
14+
<link rel="icon" type="image/png" sizes="32x32" href="https://kaloodinaz.github.io/pacman-google/favicon-32x32.png">
15+
<link rel="icon" type="image/png" sizes="16x16" href="https://kaloodinaz.github.io/pacman-google/favicon-16x16.png">
16+
<style>
17+
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
18+
*{margin:0;padding:0;box-sizing:border-box}
19+
body{font-family:"Open Sans",sans-serif;line-height:1.6;background-color:#f0f0f0}
20+
header{background-color:#0ba360;color:#fff;text-align:center;padding:.5rem;padding-left:20px}
21+
header span{display:block;text-align:center;font-size:24px;font-weight:700}
22+
.container{max-width:1200px;margin:0 auto;padding:20px}
23+
.game-container{margin:20px auto;text-align:center;max-width:800px}
24+
.game-frame{width:100%;max-width:800px;height:450px;border:none;background-color:#fff;box-shadow:0 2px 5px #0000001a}
25+
.game-info{max-width:800px;margin:20px auto;background-color:#fff;padding:20px;border-radius:5px;box-shadow:0 2px 5px #0000001a}
26+
.game-info h2{color:#0ba360;margin-bottom:5px;font-size:16px;font-weight:700}
27+
.game-info p{margin-bottom:10px}
28+
.game-icons{max-width:800px;margin:20px auto;text-align:center;display:flex;justify-content:space-evenly;padding:0 20px}
29+
.game-icons a{display:inline-block;text-decoration:none;text-align:center;flex:0 1 22%;max-width:120px}
30+
.game-icons img{transition:transform .2s;margin-bottom:5px}
31+
.game-icons .game-title{display:block;color:#666;font-size:14px;margin-top:5px;font-weight:700;min-height:40px}
32+
.game-icons img:hover{transform:scale(1.1)}
33+
footer{color:#666;text-align:center;padding:.5rem;font-size:14px;margin-top:20px}
34+
footer a{color:#666;text-decoration:none}
35+
footer a:hover{text-decoration:underline}
36+
.game-info ul{padding-left:20px}
37+
.game-info li{margin:8px 0;padding:4px 0}
38+
.game-title-main{text-align:center;color:#333;margin:20px 0;font-size:24px}
39+
#fullscreenButton{padding:15px 30px;margin:15px auto;background-color:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;display:inline-flex;align-items:center;justify-content:center;transition:background-color 0.3s,transform .2s}
40+
#fullscreenButton:hover{background-color:#0056b3;transform:scale(1.05)}
41+
#fullscreenButtonContainer{display:flex;justify-content:center;align-items:center;text-align:center}
42+
#fullscreenButton svg{margin-left:8px;width:20px;height:20px;fill:currentColor}
43+
.block{display:flex;justify-content:center;align-items:center;margin:0 auto}
44+
.block-300{display:none;width:100%;height:250px;background-color:#8f7a66}
45+
.block-728{display:none;width:100%;max-width:728px;height:90px;background-color:#8f7a66}
46+
@media only screen and (max-width: 738px) {
47+
.block-300{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:10px;border-radius:10px;margin-top:10px}
48+
.block-728{display:none}
49+
}
50+
@media only screen and (min-width: 739px) {
51+
.block-728{display:flex;justify-content:center;align-items:center;margin-bottom:10px;border-radius:10px;margin-top:10px}
52+
.block-300{display:none}
53+
}
54+
</style>
55+
</head>
56+
<body>
57+
<header>
58+
<span>アパマンショップ</span>
59+
</header>
60+
61+
<div class="container">
62+
<h1 class="game-title-main">Googleパックマンを無料でプレイしよう</h1>
63+
<div class="game-container">
64+
<iframe loading="lazy" src="google-pacman.html" class="game-frame" title="パックマン google" id="gameFrame" scrolling="no" allowfullscreen></iframe>
65+
<div id="fullscreenButtonContainer">
66+
<button id="fullscreenButton">
67+
フルスクリーン
68+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
69+
<path d="M7 14H5v5h5v-2H7v-3zm12-9h-5v2h3v3h2V5zm0 9h-2v3h-3v2h5v-5zM7 5h3v2H7v3H5V5h2z"/>
70+
</svg>
71+
</button>
72+
</div>
73+
<p style="margin-top: 8px; font-size: 12px;color: #333;">
74+
<h2>Google パックマン</h2>
75+
<p>
76+
<strong>Google パックマン</strong>は、1980年に登場したアーケードゲーム「パックマン」の30周年を記念して、Googleが2010年に公開した特別なインタラクティブDoodleです。
77+
このゲームはGoogleのロゴを迷路に組み込んだユニークなデザインとなっており、ブラウザ上でそのまま遊ぶことができます。
78+
</p>
79+
80+
<p>
81+
プレイヤーはおなじみのパックマンを操作しながら、迷路内のドットをすべて食べ、4匹のゴースト（ブリンキー、ピンキー、インキー、クライド）を避けたり、パワーエサで逆襲したりする、昔ながらのゲームプレイを楽しめます。
82+
懐かしさとシンプルながらも中毒性のあるゲーム性が、多くのファンを魅了し続けています。
83+
</p>
84+
</p>
85+
</div>
86+
87+
<div class="game-icons">
88+
<a href="https://kaloodinaz.github.io/dinosaurgame/">
89+
<img loading="lazy" src="https://kaloodinaz.github.io/dinosaurgame/img/dinosaurgame.png" alt="Google Chrome 恐竜ゲーム" width="80" height="80">
90+
<span class="game-title">恐竜ゲーム</span>
91+
</a>
92+
93+
<a href="https://kaloodinaz.github.io/dinosaurgame/naruto/">
94+
<img loading="lazy" src="https://kaloodinaz.github.io/dinosaurgame/img/naruto-dinosaur-game.png" alt="走れ！ナルトGoogle Chrome 恐竜ゲーム" width="80" height="80">
95+
<span class="game-title">走れ！ナルト恐竜ゲーム</span>
96+
</a>
97+
98+
<a href="https://kaloodinaz.github.io/dinosaurgame/corona/">
99+
<img loading="lazy" src="https://kaloodinaz.github.io/dinosaurgame/img/corona-dinosaur-game.png" alt="走れ！コロナウイルス Google Chrome 恐竜ゲーム" width="80" height="80">
100+
<span class="game-title">走れ！コロナウイルス恐竜ゲーム</span>
101+
</a>
102+
<a href="https://blockbreaker2.pages.dev/">
103+
<img loading="lazy" src="https://kaloodinaz.github.io/dinosaurgame/img/google-block-breaker.webp" alt="Googleブロック ブレイカー" width="80" height="80">
104+
<span class="game-title">Googleブロック ブレイカー</span>
105+
</a>
106+
</div>
107+
<div class="game-info">
108+
<h2>Google パックマン - 懐かしの名作ゲームをもう一度</h2>
109+
<p>
110+
Google パックマンは、PC・スマートフォン問わず、インストール不要で無料プレイが可能です。
111+
キーボードの矢印キーやタップ操作で直感的に遊べるため、誰でも気軽に楽しめます。
112+
</p>
113+
114+
<p>
115+
レトロゲームが好きな方や、昔の思い出に浸りたい方にはぜひおすすめの1本です。今すぐブラウザからプレイして、懐かしのドットイートアクションを体験しましょう！
116+
</p>
117+
<hr>
118+
<div class="block block-728"><script type="text/javascript">
119+
atOptions = {
120+
'key' : 'd1d26e15f7c349fd8e403bb5ea491a31',
121+
'format' : 'iframe',
122+
'height' : 90,
123+
'width' : 728,
124+
'params' : {}
125+
};
126+
</script>
127+
<script type="text/javascript" src="//www.highperformanceformat.com/d1d26e15f7c349fd8e403bb5ea491a31/invoke.js"></script></div>
128+
<div class="block block-300"><script type="text/javascript">
129+
atOptions = {
130+
'key' : '0fee57062f9bb330edc13a4e4349876d',
131+
'format' : 'iframe',
132+
'height' : 250,
133+
'width' : 300,
134+
'params' : {}
135+
};
136+
</script>
137+
<script type="text/javascript" src="//www.highperformanceformat.com/0fee57062f9bb330edc13a4e4349876d/invoke.js"></script></div>
138+
139+
<h2>Google パックマンとは？</h2>
140+
<p>
141+
Google パックマンは、2010年にGoogleが「パックマン30周年」を記念して公開した、インタラクティブなDoodle（記念ロゴ）です。
142+
検索ページのロゴがそのままゲーム画面となり、実際にパックマンをプレイできるユニークな企画でした。
143+
</p>
144+
<img loading="lazy" src="https://kaloodinaz.github.io/pacman-google/pacman-screenshot.png" alt="パックマン Google" style="max-width: 100%; height: auto; margin: 10px 0;">
145+
<h2>ゲームの内容</h2>
146+
<p>
147+
パックマンは、1980年にナムコ（現在のバンダイナムコエンターテインメント）によって開発されたアーケードゲームです。
148+
プレイヤーはパックマンを操作して迷路内のドットを食べ、ゴースト（敵）を避けながらステージクリアを目指します。
149+
Google バージョンでもこの基本ルールは忠実に再現されており、オリジナルBGMや効果音も楽しめます。
150+
</p>
151+
<h2>遊び方</h2>
152+
<ul>
153+
<li>ブラウザで「Google Pac-Man」と検索</li>
154+
<li>ロゴに表示される「Insert Coin」または「今すぐプレイ」をクリック</li>
155+
<li>キーボードの矢印キーでパックマンを操作</li>
156+
<li>全てのドットを食べればステージクリア！</li>
157+
</ul>
158+
<h2>2人プレイも可能</h2>
159+
<p>
160+
Google パックマンでは、2人プレイモードも搭載されており、2人目は「WASD」キーでMs. Pac-Manを操作できます。
161+
友達や家族と一緒にプレイして、より楽しい体験ができます。
162+
</p>
163+
<h2>なぜ話題になったのか</h2>
164+
<p>
165+
Google パックマンは、公開初日に多くのユーザーがプレイし、世界中で話題となりました。
166+
オンラインでレトロゲームを楽しめるという手軽さと、Googleのユーモアあるアプローチが、多くのファンを魅了しました。
167+
</p>
168+
<h2>今でもプレイできる？</h2>
169+
<p>
170+
はい、現在もGoogle Doodleのアーカイブページ からプレイ可能です。
171+
また、他のウェブサイトでもGoogle パックマンを再現したバージョンが配信されています。
172+
</p>
173+
174+
</div>
175+
</div>
176+
<script>
177+
const gameFrame = document.querySelector('.game-frame');
178+
window.addEventListener('load', function() {
179+
gameFrame.focus();
180+
});
181+
window.addEventListener('keydown', function(e) {
182+
if([32, 37, 38, 39, 40].indexOf(e.keyCode) > -1) {
183+
e.preventDefault();
184+
gameFrame.focus();
185+
}
186+
});
187+
</script>
188+
<script>
189+
document.getElementById('fullscreenButton').addEventListener('click', function () {
190+
const iframe = document.getElementById('gameFrame');
191+
if (iframe.requestFullscreen) {
192+
iframe.requestFullscreen();
193+
} else if (iframe.mozRequestFullScreen) { /* Firefox */
194+
iframe.mozRequestFullScreen();
195+
} else if (iframe.webkitRequestFullscreen) { /* Chrome, Safari and Opera */
196+
iframe.webkitRequestFullscreen();
197+
} else if (iframe.msRequestFullscreen) { /* IE/Edge */
198+
iframe.msRequestFullscreen();
199+
} else {
200+
alert("お使いのブラウザはフルスクリーンモードに対応していません。");
201+
}
202+
});
203+
</script>
204+
<footer>
205+
<p>&copy; 2025 アパマンショップ google </p>
206+
<p>さあ、あなたもGoogle パックマンでドットを食べてゴーストをかわすスリルを体験してみましょう！</p>
207+
<p><a href="https://suikagamejp.com/" target="_blank" rel="noopener">スイカゲーム</a> | <a href="https://kaloodinaz.github.io/2048-flappy/" target="_blank" rel="noopener">2048フラッピー</a></p>
208+
</footer>
209+
</body>
210+
</html>

0 commit comments

Comments
 (0)