{"id":1277,"date":"2026-07-16T10:42:31","date_gmt":"2026-07-16T10:42:31","guid":{"rendered":"https:\/\/hkfhy.visibleone.dev\/?page_id=9"},"modified":"2026-08-27T16:42:29","modified_gmt":"2026-08-27T16:42:29","slug":"puzzle_game","status":"publish","type":"page","link":"https:\/\/hkfhy.visibleone.dev\/en\/puzzle_game\/","title":{"rendered":"Puzzle with a Twist"},"content":{"rendered":"\n<section block-name=\"banner\" class=\"banner relative overflow-hidden z-0\">\n    <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/images\/banner\/banner-bg.svg\" alt=\"\"\n    class=\"absolute right-0 bottom-0 h-full xl:w-[80%] 5xl:w-auto [object-fit:unset] max-md:object-cover\" \/>\n    <div class=\"container pb-10 md:pb-20 py-[100px] md:pt-32 lg:pt-40 xl:pt-[180px] 5xl:pt-[225px] relative\">\n        <div class=\"container-sm\">\n            <div class=\"flex max-md:flex-col md:justify-between md:items-center gap-5\">\n                <div class=\"xl:max-w-[1100px] w-full relative max-md:pt-5 z-0\">\n                    <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/themes\/hkfhy\/public\/images\/banner\/banner-arrow.svg\" alt=\"\"\n                    class=\"absolute right-0 bottom-0 max-md:hidden max-5xl:scale-[.6] -z-[1] mix-blend-multiply\" \/>\n                \n                    <ul class=\"breadcrumbs-menu\">\n                        <li class=\"breadcrumb-list\"><a class=\"page-link\" href=\"https:\/\/hkfhy.visibleone.dev\/en\/\">Home<\/a><\/li><li class=\"breadcrumb-list\"><a class=\"page-link active\" href=\"#\">Puzzle with a Twist<\/a><\/li>                    <\/ul>\n\n                    <div class=\"pt-5 md:pt-10\">\n                        <div class=\"flex items-center gap-[10px]\">\n                            <span class=\"block rounded-full bg-peach w-[10px] h-[10px]\"><\/span>\n                            <p class=\"text-eyebrow text-pinkDark\">\n                                \u4e0d\u4e00\u6a23\u7684\u62fc\u5716                            <\/p>\n                            <span class=\"block rounded-full bg-peach w-[10px] h-[10px]\"><\/span>\n                        <\/div>\n                        \n                        <h1 class=\"heading1 text-primary md:pt-1\">\n                            Puzzle with a Twist                        <\/h1>\n                         \n                    <\/div>\n                    \n\n                     \n                <\/div>\n\n                <div>\n                    <img decoding=\"async\" src=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/07\/Graphic-1.svg\" alt=\"Puzzle with a Twist\" class=\"max-w-[320px] aspect-square object-contain\" \/>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<section block-name=\"game-embed\" class=\"game-embed max-w-[1760px] mx-auto py-10\">\n    <div class=\"px-5 md:px-10 xl:px-20 py-8 md:py-10\">\n                    <div class=\"game-shortcode\">\n                \t<div class=\"vip-app\" id=\"vip-yAJW3z\" data-default-size=\"3\">\n\n\t\t\t\t<div class=\"vip-header\">\n\t\t\t\t\t\t\t<div class=\"vip-eyebrow\">Accessibility Awareness Puzzle<\/div>\n\t\t\t\t\t\t\t\t\t\t<h2 class=\"vip-title\">Through Their <em>Eyes<\/em><\/h2>\n\t\t\t\t\t\t\t\t\t\t<p class=\"vip-sub\">Solve a classic jigsaw while a filter over the board shows you how the same image looks with glaucoma, macular degeneration, or cataracts. Choose a picture, pick a condition, and see what the puzzle is really like.<\/p>\n\t\t\t\t\t<\/div>\n\t\t\n\t\t<div class=\"vip-layout\">\n\t\t\t<div class=\"vip-board-wrap\">\n\t\t\t\t<div class=\"vip-board-frame\">\n\t\t\t\t\t<div class=\"vip-board-stage\">\n\t\t\t\t\t\t<div class=\"vip-board\"><\/div>\n\t\t\t\t\t\t<div class=\"vip-overlay-layer\"><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<p class=\"vip-instructions\">\n\t\t\t\t\t<b>Tap a piece, then tap another<\/b> to swap them \u2014 or drag one piece onto another. Fit every piece into place to finish.\t\t\t\t<\/p>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"vip-sidebar\">\n\t\t\t\t<div class=\"vip-panel\">\n\t\t\t\t\t<p class=\"vip-panel-title\">Difficulty<\/p>\n\t\t\t\t\t<div class=\"vip-pillrow\">\n\t\t\t\t\t\t<button type=\"button\" class=\"vip-pill is-active\" data-size=\"3\">3\u00d73 \u00b7 Beginner<\/button>\n\t\t\t\t\t\t<button type=\"button\" class=\"vip-pill\" data-size=\"4\">4\u00d74 \u00b7 Intermediate<\/button>\n\t\t\t\t\t\t<button type=\"button\" class=\"vip-pill\" data-size=\"5\">5\u00d75 \u00b7 Advanced<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"vip-panel\">\n\t\t\t\t\t<p class=\"vip-panel-title\">Picture<\/p>\n\t\t\t\t\t<div class=\"vip-thumbrow\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\"\n\t\t\t\t\t\t\t\tclass=\"vip-thumb\"\n\t\t\t\t\t\t\t\tdata-image=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/08\/c-2_sample-0320-35-1024x1024.png\"\n\t\t\t\t\t\t\t\tstyle=\"background-image:url('https:\/\/hkfhy.visibleone.dev\/wp-content\/uploads\/2026\/08\/c-2_sample-0320-35-1024x1024.png');\"\n\t\t\t\t\t\t\t\taria-label=\"Garden in bloom\"\n\t\t\t\t\t\t\t\ttitle=\"Garden in bloom\"><\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\"\n\t\t\t\t\t\t\t\tclass=\"vip-thumb\"\n\t\t\t\t\t\t\t\tdata-image=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/plugins\/visual-impairment-puzzle-1.2.1\/assets\/images\/img-lake.svg\"\n\t\t\t\t\t\t\t\tstyle=\"background-image:url('https:\/\/hkfhy.visibleone.dev\/wp-content\/plugins\/visual-impairment-puzzle-1.2.1\/assets\/images\/img-lake.svg');\"\n\t\t\t\t\t\t\t\taria-label=\"Lake at dusk\"\n\t\t\t\t\t\t\t\ttitle=\"Lake at dusk\"><\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\"\n\t\t\t\t\t\t\t\tclass=\"vip-thumb\"\n\t\t\t\t\t\t\t\tdata-image=\"https:\/\/hkfhy.visibleone.dev\/wp-content\/plugins\/visual-impairment-puzzle-1.2.1\/assets\/images\/img-city.svg\"\n\t\t\t\t\t\t\t\tstyle=\"background-image:url('https:\/\/hkfhy.visibleone.dev\/wp-content\/plugins\/visual-impairment-puzzle-1.2.1\/assets\/images\/img-city.svg');\"\n\t\t\t\t\t\t\t\taria-label=\"City skyline at sunset\"\n\t\t\t\t\t\t\t\ttitle=\"City skyline at sunset\"><\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"vip-thumb vip-thumb-upload\" title=\"Upload your own photo\" aria-label=\"Upload your own photo\">\n\t\t\t\t\t\t\t\t+\n\t\t\t\t\t\t\t\t<input type=\"file\" accept=\"image\/*\" class=\"vip-upload-input\" style=\"display:none;\" \/>\n\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"vip-panel\">\n\t\t\t\t\t<p class=\"vip-panel-title\">Simulate<\/p>\n\t\t\t\t\t<div class=\"vip-eyerow\">\n\t\t\t\t\t\t<button type=\"button\" class=\"vip-eye-toggle is-active\" data-condition=\"none\">\n\t\t\t\t\t\t\t<span class=\"vip-iris-wrap\"><span class=\"vip-iris-none\"><\/span><\/span>\n\t\t\t\t\t\t\t<span class=\"label\">Typical<br>vision<\/span>\n\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t<button type=\"button\" class=\"vip-eye-toggle\" data-condition=\"tunnel\">\n\t\t\t\t\t\t\t<span class=\"vip-iris-wrap\"><span class=\"vip-iris-tunnel\"><\/span><\/span>\n\t\t\t\t\t\t\t<span class=\"label\">Glaucoma<\/span>\n\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t<button type=\"button\" class=\"vip-eye-toggle\" data-condition=\"macular\">\n\t\t\t\t\t\t\t<span class=\"vip-iris-wrap\"><span class=\"vip-iris-macular\"><\/span><\/span>\n\t\t\t\t\t\t\t<span class=\"label\">Macular<br>degen.<\/span>\n\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t<button type=\"button\" class=\"vip-eye-toggle\" data-condition=\"cataract\">\n\t\t\t\t\t\t\t<span class=\"vip-iris-wrap\"><span class=\"vip-iris-cataract\"><\/span><\/span>\n\t\t\t\t\t\t\t<span class=\"label\">Cataracts<\/span>\n\t\t\t\t\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"vip-panel\">\n\t\t\t\t\t<p class=\"vip-panel-title\">Progress<\/p>\n\t\t\t\t\t<div class=\"vip-stats\">\n\t\t\t\t\t\t<div class=\"vip-stat\"><b class=\"vip-stat-time\">00:00<\/b><span>Time<\/span><\/div>\n\t\t\t\t\t\t<div class=\"vip-stat\"><b class=\"vip-stat-moves\">0<\/b><span>Moves<\/span><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"vip-panel\">\n\t\t\t\t\t<div class=\"vip-reference\">\n\t\t\t\t\t\t<div class=\"vip-reference-img\"><\/div>\n\t\t\t\t\t\t<p>Reference \u2014 this is the picture you&#039;re assembling, shown without any filter.<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<button type=\"button\" class=\"vip-newbtn\">Shuffle \/ New Puzzle<\/button>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t<div class=\"vip-modal-backdrop\" aria-hidden=\"true\">\n\t\t\t<div class=\"vip-modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"vip-yAJW3z-modal-title\">\n\t\t\t\t<button type=\"button\" class=\"vip-modal-close\" aria-label=\"Close\">&times;<\/button>\n\t\t\t\t<p class=\"vip-modal-eyebrow\">Puzzle complete<\/p>\n\t\t\t\t<h3 id=\"vip-yAJW3z-modal-title\">Nicely done.<\/h3>\n\t\t\t\t<div class=\"vip-modal-stats\">\n\t\t\t\t\t<div class=\"vip-stat\"><b class=\"vip-modal-time\">00:00<\/b><span>Time<\/span><\/div>\n\t\t\t\t\t<div class=\"vip-stat\"><b class=\"vip-modal-moves\">0<\/b><span>Moves<\/span><\/div>\n\t\t\t\t\t<div class=\"vip-stat\"><b class=\"vip-modal-condition\">Typical vision<\/b><span>Simulated<\/span><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"vip-modal-fact\"><\/div>\n\t\t\t\t<div class=\"vip-modal-actions\">\n\t\t\t\t\t<button type=\"button\" class=\"vip-modal-close-btn\">Close<\/button>\n\t\t\t\t\t<button type=\"button\" class=\"vip-primary vip-modal-playagain\">Play again<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t<\/div>\n\t            <\/div>\n            <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":580,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-1277","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hkfhy.visibleone.dev\/en\/wp-json\/wp\/v2\/pages\/1277","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hkfhy.visibleone.dev\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hkfhy.visibleone.dev\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hkfhy.visibleone.dev\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hkfhy.visibleone.dev\/en\/wp-json\/wp\/v2\/comments?post=1277"}],"version-history":[{"count":2,"href":"https:\/\/hkfhy.visibleone.dev\/en\/wp-json\/wp\/v2\/pages\/1277\/revisions"}],"predecessor-version":[{"id":1614,"href":"https:\/\/hkfhy.visibleone.dev\/en\/wp-json\/wp\/v2\/pages\/1277\/revisions\/1614"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hkfhy.visibleone.dev\/en\/wp-json\/wp\/v2\/media\/580"}],"wp:attachment":[{"href":"https:\/\/hkfhy.visibleone.dev\/en\/wp-json\/wp\/v2\/media?parent=1277"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}