{"id":195,"date":"2023-04-21T00:25:17","date_gmt":"2023-04-20T15:25:17","guid":{"rendered":"https:\/\/josodesign.net\/?p=195"},"modified":"2023-04-21T00:25:18","modified_gmt":"2023-04-20T15:25:18","slug":"2023-04-19-%e9%81%93%e3%81%ae%e9%a7%85%e5%b8%b8%e7%b7%8f","status":"publish","type":"post","link":"https:\/\/josodesign.net\/?p=195","title":{"rendered":"2023.04.19 \u9053\u306e\u99c5\u5e38\u7dcf"},"content":{"rendered":"<style>#pano197 div.pnlm-orientation-button {\n                    display: none;\n                }\n            .wpvr-floor-map .floor-plan-pointer.add-pulse:before {\n                border: 17px solid #cca92c;\n            }\n            @-webkit-keyframes pulse {\n                0% {\n                    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.7);\n                }\n                70% {\n                    -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);\n                }\n                100% {\n                    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);\n                }\n            }\n            @keyframes pulse {\n                0% {\n                    -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.7);\n                    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.7);\n                }\n                70% {\n                    -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);\n                    box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);\n                }\n                100% {\n                    -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);\n                    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);\n                }\n            }<\/style><div id=\"master-container\" class=\"wpvr-cardboard  \" style=\"max-width:100%; width: 100%; height: 500px; border-radius:0px; direction:ltr; border : 0pxpx none none\"><div id=\"pano2197\" class=\"pano-wrap pano-left\" style=\"width: 49%; border-radius:0px;\"><div id=\"center-pointer2197\" class=\"vr-pointer-container\"><span class=\"center-pointer\"><\/span><\/div><\/div><div id=\"pano197\" class=\"pano-wrap pano-right\" style=\"width: 100%; border-radius:0px;\"><div class=\"explainer\" id=\"explainer197\" style=\"display: none\"><span class=\"close-explainer-video\"><i class=\"fa fa-times\" aria-hidden=\"true\"><\/i><\/span><\/div><div class=\"wpvr-floor-map\" id=\"wpvr-floor-map197\" style=\"display: none\"><span class=\"close-floor-map-plan\"><i class=\"fa fa-times\" aria-hidden=\"true\"><\/i><\/span><img decoding=\"async\" loading=\"lazy\" src=\"\"><\/div><div class=\"wpvr-hotspot-tweak-contents-wrapper\" style=\"display: none\"><i class=\"fa fa-times cross\" data-id=\"197\" aria-hidden=\"true\"><\/i><div class=\"wpvr-hotspot-tweak-contents-flex\"><div class=\"wpvr-hotspot-tweak-contents\"><\/div><\/div><\/div><div class=\"custom-ifram-wrapper\" style=\"display: none;\"><i class=\"fa fa-times cross\" data-id=\"197\" aria-hidden=\"true\"><\/i><div class=\"custom-ifram-flex\"><div class=\"custom-ifram\"><\/div><\/div><\/div><\/div><\/div><script>jQuery(document).ready(function() {var response = [{\"panoid\":\"pano197\"},{\"autoLoad\":true,\"showControls\":true,\"compass\":false,\"orientationOnByDefault\":false,\"mouseZoom\":true,\"draggable\":true,\"disableKeyboardCtrl\":false,\"keyboardZoom\":true,\"preview\":\"\",\"autoRotate\":\"-5\",\"default\":{\"firstScene\":\"20230419\",\"sceneFadeDuration\":\"\",\"hfov\":100,\"maxHfov\":120,\"minHfov\":50},\"scenes\":{\"20230419\":{\"type\":\"equirectangular\",\"panorama\":\"https:\\\/\\\/josodesign.net\\\/wp\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/20230419_vr.jpg\",\"pitch\":null,\"yaw\":null,\"hfov\":100,\"maxHfov\":120,\"minHfov\":50,\"vaov\":180,\"haov\":360,\"hotSpots\":[]}}}];var scenes = response[1];if(scenes) {var scenedata = scenes.scenes;for(var i in scenedata) {var scenehotspot = scenedata[i].hotSpots;for(var i = 0; i < scenehotspot.length; i++) {if(scenehotspot[i].type === \"info\") {    scenehotspot[i][\"clickHandlerFunc\"] = wpvrhotspot;} else if(scenehotspot[i].type === \"scene\") {    scenehotspot[i][\"clickHandlerArgs\"] = scenehotspot[i][\"text\"];if(wpvr_public.is_pro_active) {    scenehotspot[i][\"clickHandlerFunc\"] = wpvrhotspotscene;}}if(scenehotspot[i][\"createTooltipArgs\"] != \"\") {scenehotspot[i][\"createTooltipFunc\"] = wpvrtooltip;}}}}var panoshow197 = pannellum.viewer(response[0][\"panoid\"], scenes);var response_duplicate = [{\"panoid\":\"pano197\"},{\"autoLoad\":true,\"showControls\":true,\"compass\":false,\"orientationOnByDefault\":false,\"mouseZoom\":true,\"draggable\":true,\"disableKeyboardCtrl\":false,\"keyboardZoom\":true,\"preview\":\"\",\"autoRotate\":false,\"default\":{\"firstScene\":\"20230419\",\"sceneFadeDuration\":\"\",\"hfov\":100,\"maxHfov\":120,\"minHfov\":50},\"scenes\":{\"20230419\":{\"type\":\"equirectangular\",\"panorama\":\"https:\\\/\\\/josodesign.net\\\/wp\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/20230419_vr.jpg\",\"pitch\":null,\"yaw\":null,\"hfov\":100,\"maxHfov\":120,\"minHfov\":50,\"vaov\":180,\"haov\":360,\"hotSpots\":[]}}}];var scenes_duplicate = response_duplicate[1];if(scenes_duplicate) {var scenedata = scenes_duplicate.scenes;for(var i in scenedata) {var scenehotspot = scenedata[i].hotSpots;for(var i = 0; i < scenehotspot.length; i++) {if(scenehotspot[i][\"clickHandlerArgs\"] != \"\") {scenehotspot[i][\"clickHandlerFunc\"] = wpvrhotspot;}if(scenehotspot[i][\"createTooltipArgs\"] != \"\") {scenehotspot[i][\"createTooltipFunc\"] = wpvrtooltip;}}}}var vr_mode = \"off\";jQuery(\"#pano197 .wpvr-floor-map .floor-plan-pointer\").on(\"click\",function(){\n           var scene_id = jQuery(this).attr(\"scene_id\");\n           panoshow197.loadScene(scene_id)\n           jQuery(\".floor-plan-pointer\").removeClass(\"add-pulse\")\n           jQuery(this).addClass(\"add-pulse\")\n    });\n    panoshow197.on(\"mousemove\", function (data){\n        jQuery(\".add-pulse\").css({\"transform\":\"rotate(\"+data.yaw+\"deg)\"});\n    });\npanoshow197.on(\"load\", function (){\n    \n\/\/              if(localStorage.getItem(\"vr_mode\") == \"off\") {\n               if( vr_mode == \"off\") {\n                  jQuery(\".vr-mode-title\").hide();\n             } \n             else {\n                jQuery(\"#pano2197 .pnlm-compass.pnlm-controls.pnlm-control\").css(\"display\",\"none\");\n                jQuery(\"#pano197 .pnlm-compass.pnlm-controls.pnlm-control\").css(\"display\",\"none\");\n                jQuery(\"#pano2197 .pnlm-panorama-info\").hide();\n                jQuery(\"#pano197 .pnlm-panorama-info\").hide();\n                jQuery(\".vr-mode-title\").show();\n             }\n             \n    \n          if (jQuery(\"#pano197\").children().children(\".pnlm-panorama-info:visible\").length > 0) {\n               jQuery(\"#controls197\").css(\"bottom\", \"55px\");\n           }\n           else {\n             jQuery(\"#controls197\").css(\"bottom\", \"5px\");\n           }\n        });\n        if (scenes.autoRotate) {\n          panoshow197.on(\"load\", function (){\n           setTimeout(function(){ panoshow197.startAutoRotate(scenes.autoRotate, 0); }, 3000);\n          });\n          panoshow197.on(\"scenechange\", function (){\n           setTimeout(function(){ panoshow197.startAutoRotate(scenes.autoRotate, 0); }, 3000);\n          });\n        }\n        var touchtime = 0;\n    jQuery(document).on(\"click\",\"#explainer_button_197\",function() {\n        jQuery(\"#explainer197\").slideToggle();\n        \/\/ jQuery(\".explainer\").slideToggle();\n      });\n\n      jQuery(document).on(\"click\",\".close-explainer-video\",function() {\n        jQuery(this).parent(\".explainer\").hide();\n      });\n      jQuery(document).on(\"click\",\"#pano197\",function(event) {\n        var isActiveModal = event.target.closest(\".custom-ifram-wrapper\");\n        var isForm = event.target.closest(\".wpvr-hotspot-tweak-contents\");\n        if( isActiveModal == null && isForm == null){\n             jQuery(\".custom-ifram-wrapper\").hide();\n             jQuery(this).removeClass(\"show-modal\");\n             jQuery(\".wpvr-hotspot-tweak-contents-wrapper\").hide(\"show-modal\");\n        }else if(isForm != null){\n            jQuery(this).addClass(\"show-modal\");\n        }\n      });\n\n    \n    jQuery(document).on(\"click\",\"#floor_map_button_197\",function() {\n        jQuery(\"#wpvr-floor-map197\").toggle().removeClass(\"fullwindow\");\n      });\n\n      jQuery(document).on(\"dblclick\",\"#wpvr-floor-map197\",function(){\n        jQuery(this).addClass(\"fullwindow\");\n        jQuery(this).parents(\".pano-wrap\").addClass(\"show-modal\");\n      });\n      \n      jQuery(document).on(\"click\",\".close-floor-map-plan\",function() {\n        jQuery(this).parent(\".wpvr-floor-map\").hide();\n        jQuery(this).parent(\".wpvr-floor-map\").removeClass(\"fullwindow\");\n        jQuery(this).parents(\".pano-wrap\").removeClass(\"show-modal\");\n      });\n\n    \n          jQuery(document).ready(function($){\n            jQuery(\"#sccontrols197\").hide();\n            jQuery(\".wpvr_slider_nav\").hide();\n              jQuery(\".vrgctrl197\").html('<i class=\"fa fa-angle-up\" aria-hidden=\"true\"><\/i>');\n          });\n          \n          var slide197 = \"down\";\n          jQuery(document).on(\"click\",\"#vrgcontrols197\",function() {\n\n            if (slide197 == \"up\") {\n              jQuery(\".vrgctrl197\").empty();\n              jQuery(\".vrgctrl197\").html('<i class=\"fa fa-angle-up\" aria-hidden=\"true\"><\/i>');\n              slide197 = \"down\";\n            }\n            else {\n              jQuery(\".vrgctrl197\").empty();\n              jQuery(\".vrgctrl197\").html('<i class=\"fa fa-angle-down\" aria-hidden=\"true\"><\/i>');\n              slide197 = \"up\";\n            }\n            jQuery(\".wpvr_slider_nav\").slideToggle();\n            jQuery(\"#sccontrols197\").slideToggle();\n          });\n          \n        jQuery(\"#pano197\").children(\".pnlm-ui\").find(\".pnlm-load-button p\").text(\"Click To Load Panorama\")\n        jQuery(\"#pano197 .pnlm-title-box\").on(\"mouseenter\", function(){\n                jQuery(this).attr(\"title\", jQuery(this).text());\n            });\n            jQuery(\"#pano197 .pnlm-title-box\").on(\"mouseleave\", function(){\n                jQuery(this).removeAttr(\"title\");\n            });});<\/script>\n\n\n<p>2023\u5e744\u670828\u65e5\uff08\u91d1\uff09\u30b0\u30e9\u30f3\u30c9\u30aa\u30fc\u30d7\u30f3\u3002\uff08\u5e02\u6c11\u306f\u4e00\u8db3\u5148\u306b\u524d\u65e5\u30d7\u30ec\u30aa\u30fc\u30d7\u30f3\u306b\u53c2\u52a0\u3067\u304d\u308b\u3063\u3066\uff09<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"\u3010\u9053\u306e\u99c5\u5e38\u7dcf\u30112023.04.19\uff08\u30a2\u30b0\u30ea\u30b5\u30a4\u30a8\u30f3\u30b9\u30d0\u30ec\u30fc\u5e38\u7dcf\uff1a\u8328\u57ce\u770c\u5e38\u7dcf\u5e02\uff09\" width=\"1140\" height=\"641\" src=\"https:\/\/www.youtube.com\/embed\/BlDTC_jEB1g?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>2023\u5e744\u670828\u65e5\uff08\u91d1\uff09\u30b0\u30e9\u30f3\u30c9\u30aa\u30fc\u30d7\u30f3\u3002\uff08\u5e02\u6c11\u306f\u4e00\u8db3\u5148\u306b\u524d\u65e5\u30d7\u30ec\u30aa\u30fc\u30d7\u30f3\u306b\u53c2\u52a0\u3067\u304d\u308b\u3063\u3066\uff09<\/p>\n","protected":false},"author":1,"featured_media":198,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"vkexunit_cta_each_option":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-195","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-michinoekijoso"],"_links":{"self":[{"href":"https:\/\/josodesign.net\/index.php?rest_route=\/wp\/v2\/posts\/195","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/josodesign.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/josodesign.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/josodesign.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/josodesign.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=195"}],"version-history":[{"count":4,"href":"https:\/\/josodesign.net\/index.php?rest_route=\/wp\/v2\/posts\/195\/revisions"}],"predecessor-version":[{"id":202,"href":"https:\/\/josodesign.net\/index.php?rest_route=\/wp\/v2\/posts\/195\/revisions\/202"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/josodesign.net\/index.php?rest_route=\/wp\/v2\/media\/198"}],"wp:attachment":[{"href":"https:\/\/josodesign.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=195"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/josodesign.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=195"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/josodesign.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=195"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}