{"id":30273,"date":"2024-08-27T13:35:11","date_gmt":"2024-08-27T11:35:11","guid":{"rendered":"https:\/\/nh-oring.de\/o-ring-game\/"},"modified":"2025-01-24T00:34:46","modified_gmt":"2025-01-23T23:34:46","slug":"o-ring-game","status":"publish","type":"page","link":"https:\/\/nh-oring.de\/en\/o-ring-game\/","title":{"rendered":"O-ring game"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"30273\" class=\"elementor elementor-30273 elementor-29682\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-68b8387 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"68b8387\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8fb20e4\" data-id=\"8fb20e4\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6194b4a elementor-widget elementor-widget-shortcode\" data-id=\"6194b4a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n<style>\r\n    .oringGameElementor .elementor-button {\r\n        font-size: 15px;\r\n        font-weight: 600;\r\n        fill: #000000;\r\n        color: #000000;\r\n        background-color: #C6C6C6;\r\n        border-radius: 5px 5px 5px 5px;\r\n        padding: 10px 20px 10px 20px;\r\n        width: 140px;\r\n    }\r\n    #gameWrapper {\r\n        justify-content: center;\r\n    }\r\n    #gameWrapper h2 {\r\n        font-size: 28px;\r\n    }\r\n    #gameContainer {\r\n        display: flex;\r\n        background-color: #999999;\r\n        padding: 20px;\r\n        border-radius: 10px;\r\n        position: relative;\r\n    }\r\n    #gameContainer::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background-image: url('https:\/\/nh-oring.de\/wp-content\/plugins\/wd-tools\/assets\/images\/game-background.png');\r\n        background-size: contain;\r\n        background-position: center;\r\n        background-repeat: no-repeat;\r\n        opacity: 0.3;\r\n        \/* z-index: -1; *\/\r\n    }\r\n    #gameHighScores li {\r\n        list-style: none;\r\n    }\r\n    #gameContainer canvas {\r\n        width: 65%;\r\n        border: 1px solid black;\r\n        z-index: 1;\r\n    }\r\n    #gameScoreboard {\r\n        width: 35%;\r\n        margin-left: 20px;\r\n        padding: 10px;\r\n        background-color: rgba(255, 255, 255, 0.6);\r\n        border: 1px solid #ccc;\r\n        position: relative;\r\n    }\r\n    #gameMenu, #gameOver {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        background-color: rgba(255, 255, 255, 0.9);\r\n        padding: 20px;\r\n        border-radius: 10px;\r\n        text-align: center;\r\n        z-index: 2;\r\n    }\r\n    #gameOver #playerName {\r\n        max-width: 160px;\r\n    }\r\n    #gameContainer button {\r\n        margin: 10px;\r\n        padding: 10px 20px;\r\n        font-size: 16px;\r\n        cursor: pointer;\r\n    }\r\n    #gameContainer input {\r\n        margin: 10px 0;\r\n        padding: 5px;\r\n        font-size: 16px;\r\n    }\r\n    #gameContainer ol#gameHighScores {\r\n        margin: 0 0 1.5em 1em;\r\n        font-size: 14px;\r\n    }\r\n    #gameMuteButton {\r\n        position: absolute;\r\n        bottom: 10px;\r\n        right: 10px;\r\n        font-size: 24px;\r\n        background: none;\r\n        border: none;\r\n        cursor: pointer;\r\n    }\r\n<\/style>\r\n<div class=\"oringGameElementor\">\r\n    <section class=\"elementor-section elementor-inner-section elementor-element elementor-section-boxed elementor-section-height-default elementor-section-height-default\">\r\n        <div class=\"elementor-container elementor-column-gap-default\">\r\n            <div class=\"elementor-column elementor-col-10 elementor-top-column elementor-element\" data-element_type=\"column\"><\/div>\r\n            <div class=\"elementor-column elementor-col-80 elementor-top-column elementor-element\" data-element_type=\"column\">\r\n                <div class=\"elementor-widget-wrap elementor-element-populated\">\r\n                    <div class=\"elementor-element elementor-widget elementor-widget-heading\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\r\n                        <div class=\"elementor-widget-container\">\r\n                            <script src=\"https:\/\/nh-oring.de\/wp-content\/plugins\/wd-tools\/assets\/js\/wd-tools-oring-game.js\" async><\/script>\r\n\r\n                            <div id=\"gameWrapper\">\r\n                                <div id=\"gameContainer\">\r\n                                    <canvas id=\"gameCanvas\" width=\"600\" height=\"800\"><\/canvas>\r\n                                    <div id=\"gameScoreboard\">\r\n                                        <h2>Scoreboard<\/h2>\r\n                                        <p>Score: <span id=\"gameScore\">0<\/span><\/p>\r\n                                        <h3>High Scores:<\/h3>\r\n                                        <ol id=\"gameHighScores\"><\/ol>\r\n                                        <button id=\"gameMuteButton\">\ud83d\udd0a<\/button>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div id=\"gameMenu\">\r\n                                    <h2>O-Ring Catcher<\/h2>\r\n                                    <button onclick=\"startGame()\">Start Game<\/button>\r\n                                <\/div>\r\n                                <div id=\"gameOver\" style=\"display: none;\">\r\n                                    <h2>Gl\u00fcckwunsch!<\/h2>\r\n                                    <p>Your Score: <span id=\"gameFinalScore\"><\/span><\/p>\r\n                                    <input type=\"text\" id=\"playerName\" placeholder=\"Enter your name\">\r\n                                    <button onclick=\"saveScore()\">Save Score<\/button>\r\n                                    <button onclick=\"restartGame()\">Restart<\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <audio id=\"gameCatchSound\" src=\"https:\/\/nh-oring.de\/wp-content\/plugins\/wd-tools\/assets\/mp3\/oring-game-catch.mp3\"><\/audio>\r\n                            <audio id=\"gameLoseLifeSound\" src=\"https:\/\/nh-oring.de\/wp-content\/plugins\/wd-tools\/assets\/mp3\/oring-game-quack_quack.mp3\"><\/audio>\r\n                            <audio id=\"gameOverSound\"  src=\"https:\/\/nh-oring.de\/wp-content\/plugins\/wd-tools\/assets\/mp3\/oring-game-shout_out.mp3\"><\/audio>\r\n                            <audio id=\"gameBackgroundMusic\" src=\"https:\/\/nh-oring.de\/wp-content\/plugins\/wd-tools\/assets\/mp3\/oring-game-music.mp3\"><\/audio>\r\n                        <\/div>\r\n                        <div class=\"elementor-element elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\r\n                            <div class=\"elementor-widget-container\">\r\n                                <div class=\"elementor-divider\">\r\n\t\t\t                        <span class=\"elementor-divider-separator\"><\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"elementor-column elementor-col-10 elementor-top-column elementor-element\" data-element_type=\"column\"><\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-30273","page","type-page","status-publish"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>O-ring game<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/nh-oring.de\/en\/o-ring-game\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"O-ring game\" \/>\n<meta property=\"og:url\" content=\"https:\/\/nh-oring.de\/en\/o-ring-game\/\" \/>\n<meta property=\"og:site_name\" content=\"NH O-RING - Einfacher geht\u00b4s nicht\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/nh.oring\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-23T23:34:46+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/nh-oring.de\\\/en\\\/o-ring-game\\\/\",\"url\":\"https:\\\/\\\/nh-oring.de\\\/en\\\/o-ring-game\\\/\",\"name\":\"O-ring game\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/nh-oring.de\\\/en\\\/#website\"},\"datePublished\":\"2024-08-27T11:35:11+00:00\",\"dateModified\":\"2025-01-23T23:34:46+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/nh-oring.de\\\/en\\\/o-ring-game\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/nh-oring.de\\\/en\\\/o-ring-game\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/nh-oring.de\\\/en\\\/o-ring-game\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/nh-oring.de\\\/en\\\/home\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"O-ring game\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/nh-oring.de\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/nh-oring.de\\\/en\\\/\",\"name\":\"NH O-RING - Einfacher geht\u00b4s nicht\",\"description\":\"Einfacher geht\u00b4s nicht\",\"publisher\":{\"@id\":\"https:\\\/\\\/nh-oring.de\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/nh-oring.de\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/nh-oring.de\\\/en\\\/#organization\",\"name\":\"NH O-RING\",\"url\":\"https:\\\/\\\/nh-oring.de\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/nh-oring.de\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/nh-oring.de\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/NH-Logo-FE5050.png\",\"contentUrl\":\"https:\\\/\\\/nh-oring.de\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/NH-Logo-FE5050.png\",\"width\":300,\"height\":296,\"caption\":\"NH O-RING\"},\"image\":{\"@id\":\"https:\\\/\\\/nh-oring.de\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/nh.oring\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCpcfPc7x5QysN0h3RKKpplQ\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"O-ring game","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/nh-oring.de\/en\/o-ring-game\/","og_locale":"en_US","og_type":"article","og_title":"O-ring game","og_url":"https:\/\/nh-oring.de\/en\/o-ring-game\/","og_site_name":"NH O-RING - Einfacher geht\u00b4s nicht","article_publisher":"https:\/\/www.facebook.com\/nh.oring","article_modified_time":"2025-01-23T23:34:46+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/nh-oring.de\/en\/o-ring-game\/","url":"https:\/\/nh-oring.de\/en\/o-ring-game\/","name":"O-ring game","isPartOf":{"@id":"https:\/\/nh-oring.de\/en\/#website"},"datePublished":"2024-08-27T11:35:11+00:00","dateModified":"2025-01-23T23:34:46+00:00","breadcrumb":{"@id":"https:\/\/nh-oring.de\/en\/o-ring-game\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nh-oring.de\/en\/o-ring-game\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/nh-oring.de\/en\/o-ring-game\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/nh-oring.de\/en\/home\/"},{"@type":"ListItem","position":2,"name":"O-ring game"}]},{"@type":"WebSite","@id":"https:\/\/nh-oring.de\/en\/#website","url":"https:\/\/nh-oring.de\/en\/","name":"NH O-RING - Einfacher geht\u00b4s nicht","description":"Einfacher geht\u00b4s nicht","publisher":{"@id":"https:\/\/nh-oring.de\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/nh-oring.de\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/nh-oring.de\/en\/#organization","name":"NH O-RING","url":"https:\/\/nh-oring.de\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/nh-oring.de\/en\/#\/schema\/logo\/image\/","url":"https:\/\/nh-oring.de\/wp-content\/uploads\/2021\/02\/NH-Logo-FE5050.png","contentUrl":"https:\/\/nh-oring.de\/wp-content\/uploads\/2021\/02\/NH-Logo-FE5050.png","width":300,"height":296,"caption":"NH O-RING"},"image":{"@id":"https:\/\/nh-oring.de\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/nh.oring","https:\/\/www.youtube.com\/channel\/UCpcfPc7x5QysN0h3RKKpplQ"]}]}},"_links":{"self":[{"href":"https:\/\/nh-oring.de\/en\/wp-json\/wp\/v2\/pages\/30273","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nh-oring.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nh-oring.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nh-oring.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nh-oring.de\/en\/wp-json\/wp\/v2\/comments?post=30273"}],"version-history":[{"count":1,"href":"https:\/\/nh-oring.de\/en\/wp-json\/wp\/v2\/pages\/30273\/revisions"}],"predecessor-version":[{"id":30274,"href":"https:\/\/nh-oring.de\/en\/wp-json\/wp\/v2\/pages\/30273\/revisions\/30274"}],"wp:attachment":[{"href":"https:\/\/nh-oring.de\/en\/wp-json\/wp\/v2\/media?parent=30273"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}