{"id":1362,"date":"2026-09-30T18:09:30","date_gmt":"2026-09-30T09:09:30","guid":{"rendered":"https:\/\/piyopipipi.com\/game\/?page_id=1362"},"modified":"2026-09-30T18:10:50","modified_gmt":"2026-09-30T09:10:50","slug":"game-home","status":"publish","type":"page","link":"https:\/\/piyopipipi.com\/game\/","title":{"rendered":"GAME Home"},"content":{"rendered":"\n\t<section class=\"piyo-game-explorer\">\n\n\n\t\t<!-- ==================================================\n\t\t     \u4eba\u6570\n\t\t================================================== -->\n\n\t\t<div class=\"piyo-game-filter-group\">\n\n\t\t\t<div class=\"piyo-game-filter-title\">\n\t\t\t\t\u4f55\u4eba\u3067\u904a\u3076\uff1f\n\t\t\t<\/div>\n\n\t\t\t<div class=\"piyo-game-player-buttons\">\n\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"is-active\"\n\t\t\t\t\tdata-player=\"players-1\"\n\t\t\t\t\taria-pressed=\"true\"\n\t\t\t\t>\n\t\t\t\t\t1\u4eba\n\t\t\t\t<\/button>\n\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tdata-player=\"players-2\"\n\t\t\t\t\taria-pressed=\"false\"\n\t\t\t\t>\n\t\t\t\t\t2\u4eba\n\t\t\t\t<\/button>\n\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tdata-player=\"players-3\"\n\t\t\t\t\taria-pressed=\"false\"\n\t\t\t\t>\n\t\t\t\t\t3\u4eba\n\t\t\t\t<\/button>\n\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tdata-player=\"players-4\"\n\t\t\t\t\taria-pressed=\"false\"\n\t\t\t\t>\n\t\t\t\t\t4\u4eba\n\t\t\t\t<\/button>\n\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tdata-player=\"players-5plus\"\n\t\t\t\t\taria-pressed=\"false\"\n\t\t\t\t>\n\t\t\t\t\t5\u4eba\u4ee5\u4e0a\n\t\t\t\t<\/button>\n\n\t\t\t<\/div>\n\n\t\t<\/div>\n\n\n\t\t<!-- ==================================================\n\t\t     \u30b8\u30e3\u30f3\u30eb\n\t\t================================================== -->\n\n\t\t<div class=\"piyo-game-filter-group\">\n\n\t\t\t<div class=\"piyo-game-filter-title\">\n\t\t\t\t\u30b8\u30e3\u30f3\u30eb\u3067\u7d5e\u308b\n\t\t\t<\/div>\n\n\t\t\t<div class=\"piyo-game-genre-buttons\">\n\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"is-active\"\n\t\t\t\t\tdata-genre=\"all\"\n\t\t\t\t\taria-pressed=\"true\"\n\t\t\t\t>\n\t\t\t\t\t\u3059\u3079\u3066\n\t\t\t\t<\/button>\n\n\t\t\t\t\n\t\t\t<\/div>\n\n\t\t<\/div>\n\n\n\t\t<!-- ==================================================\n\t\t     \u30b2\u30fc\u30e0\u540d\u4e00\u89a7\n\t\t================================================== -->\n\n\t\t<div class=\"piyo-game-list\">\n\n\t\t\t\n\t\t<\/div>\n\n\n\t\t<p\n\t\t\tclass=\"piyo-game-no-results\"\n\t\t\thidden\n\t\t>\n\t\t\t\u6761\u4ef6\u306b\u8a72\u5f53\u3059\u308b\u30b2\u30fc\u30e0\u306f\u3042\u308a\u307e\u305b\u3093\u3002\n\t\t<\/p>\n\n\t<\/section>\n\n\n\t<script>\n\tdocument.addEventListener(\n\t\t'DOMContentLoaded',\n\t\tfunction () {\n\n\t\t\tdocument\n\t\t\t\t.querySelectorAll('.piyo-game-explorer')\n\t\t\t\t.forEach(function (root) {\n\n\t\t\t\t\tlet selectedPlayer = 'players-1';\n\t\t\t\t\tlet selectedGenre  = 'all';\n\n\t\t\t\t\tconst playerButtons =\n\t\t\t\t\t\troot.querySelectorAll('[data-player]');\n\n\t\t\t\t\tconst genreButtons =\n\t\t\t\t\t\troot.querySelectorAll('[data-genre]');\n\n\t\t\t\t\tconst items =\n\t\t\t\t\t\troot.querySelectorAll('.piyo-game-item');\n\n\t\t\t\t\tconst noResults =\n\t\t\t\t\t\troot.querySelector('.piyo-game-no-results');\n\n\n\t\t\t\t\tfunction updateList() {\n\n\t\t\t\t\t\tlet visibleCount = 0;\n\n\n\t\t\t\t\t\titems.forEach(function (item) {\n\n\t\t\t\t\t\t\tconst players =\n\t\t\t\t\t\t\t\titem.dataset.players\n\t\t\t\t\t\t\t\t\t.split(' ')\n\t\t\t\t\t\t\t\t\t.filter(Boolean);\n\n\t\t\t\t\t\t\tconst genres =\n\t\t\t\t\t\t\t\titem.dataset.genres\n\t\t\t\t\t\t\t\t\t.split(' ')\n\t\t\t\t\t\t\t\t\t.filter(Boolean);\n\n\n\t\t\t\t\t\t\tconst playerMatch =\n\t\t\t\t\t\t\t\tplayers.includes(\n\t\t\t\t\t\t\t\t\tselectedPlayer\n\t\t\t\t\t\t\t\t);\n\n\n\t\t\t\t\t\t\tconst genreMatch =\n\t\t\t\t\t\t\t\tselectedGenre === 'all'\n\t\t\t\t\t\t\t\t||\n\t\t\t\t\t\t\t\tgenres.includes(\n\t\t\t\t\t\t\t\t\tselectedGenre\n\t\t\t\t\t\t\t\t);\n\n\n\t\t\t\t\t\t\tconst show =\n\t\t\t\t\t\t\t\tplayerMatch\n\t\t\t\t\t\t\t\t&&\n\t\t\t\t\t\t\t\tgenreMatch;\n\n\n\t\t\t\t\t\t\titem.hidden = !show;\n\n\n\t\t\t\t\t\t\tif ( show ) {\n\t\t\t\t\t\t\t\tvisibleCount++;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t});\n\n\n\t\t\t\t\t\tnoResults.hidden =\n\t\t\t\t\t\t\tvisibleCount !== 0;\n\t\t\t\t\t}\n\n\n\t\t\t\t\t\/* \u4eba\u6570\u5207\u308a\u66ff\u3048 *\/\n\n\t\t\t\t\tplayerButtons.forEach(\n\t\t\t\t\t\tfunction (button) {\n\n\t\t\t\t\t\t\tbutton.addEventListener(\n\t\t\t\t\t\t\t\t'click',\n\t\t\t\t\t\t\t\tfunction () {\n\n\t\t\t\t\t\t\t\t\tselectedPlayer =\n\t\t\t\t\t\t\t\t\t\tbutton.dataset.player;\n\n\n\t\t\t\t\t\t\t\t\tplayerButtons.forEach(\n\t\t\t\t\t\t\t\t\t\tfunction (item) {\n\n\t\t\t\t\t\t\t\t\t\t\titem.classList.remove(\n\t\t\t\t\t\t\t\t\t\t\t\t'is-active'\n\t\t\t\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\t\t\t\titem.setAttribute(\n\t\t\t\t\t\t\t\t\t\t\t\t'aria-pressed',\n\t\t\t\t\t\t\t\t\t\t\t\t'false'\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t);\n\n\n\t\t\t\t\t\t\t\t\tbutton.classList.add(\n\t\t\t\t\t\t\t\t\t\t'is-active'\n\t\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\t\tbutton.setAttribute(\n\t\t\t\t\t\t\t\t\t\t'aria-pressed',\n\t\t\t\t\t\t\t\t\t\t'true'\n\t\t\t\t\t\t\t\t\t);\n\n\n\t\t\t\t\t\t\t\t\tupdateList();\n\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t}\n\t\t\t\t\t);\n\n\n\t\t\t\t\t\/* \u30b8\u30e3\u30f3\u30eb\u5207\u308a\u66ff\u3048 *\/\n\n\t\t\t\t\tgenreButtons.forEach(\n\t\t\t\t\t\tfunction (button) {\n\n\t\t\t\t\t\t\tbutton.addEventListener(\n\t\t\t\t\t\t\t\t'click',\n\t\t\t\t\t\t\t\tfunction () {\n\n\t\t\t\t\t\t\t\t\tselectedGenre =\n\t\t\t\t\t\t\t\t\t\tbutton.dataset.genre;\n\n\n\t\t\t\t\t\t\t\t\tgenreButtons.forEach(\n\t\t\t\t\t\t\t\t\t\tfunction (item) {\n\n\t\t\t\t\t\t\t\t\t\t\titem.classList.remove(\n\t\t\t\t\t\t\t\t\t\t\t\t'is-active'\n\t\t\t\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\t\t\t\titem.setAttribute(\n\t\t\t\t\t\t\t\t\t\t\t\t'aria-pressed',\n\t\t\t\t\t\t\t\t\t\t\t\t'false'\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t);\n\n\n\t\t\t\t\t\t\t\t\tbutton.classList.add(\n\t\t\t\t\t\t\t\t\t\t'is-active'\n\t\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\t\tbutton.setAttribute(\n\t\t\t\t\t\t\t\t\t\t'aria-pressed',\n\t\t\t\t\t\t\t\t\t\t'true'\n\t\t\t\t\t\t\t\t\t);\n\n\n\t\t\t\t\t\t\t\t\tupdateList();\n\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t}\n\t\t\t\t\t);\n\n\n\t\t\t\t\tupdateList();\n\n\t\t\t\t});\n\n\t\t}\n\t);\n\t<\/script>\n\n\t\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"swell_btn_cv_data":"","footnotes":"","_wp_rev_ctl_limit":""},"class_list":["post-1362","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/piyopipipi.com\/game\/wp-json\/wp\/v2\/pages\/1362","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/piyopipipi.com\/game\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/piyopipipi.com\/game\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/piyopipipi.com\/game\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/piyopipipi.com\/game\/wp-json\/wp\/v2\/comments?post=1362"}],"version-history":[{"count":2,"href":"https:\/\/piyopipipi.com\/game\/wp-json\/wp\/v2\/pages\/1362\/revisions"}],"predecessor-version":[{"id":1364,"href":"https:\/\/piyopipipi.com\/game\/wp-json\/wp\/v2\/pages\/1362\/revisions\/1364"}],"wp:attachment":[{"href":"https:\/\/piyopipipi.com\/game\/wp-json\/wp\/v2\/media?parent=1362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}