{"id":914,"date":"2026-05-07T10:02:18","date_gmt":"2026-05-07T08:02:18","guid":{"rendered":"https:\/\/merlinvest.art\/simulation\/"},"modified":"2026-06-15T16:27:30","modified_gmt":"2026-06-15T14:27:30","slug":"simulation","status":"publish","type":"page","link":"https:\/\/merlinvest.art\/en\/simulation\/","title":{"rendered":"Simulation"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"914\" class=\"elementor elementor-914 elementor-69\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-777352a e-flex e-con-boxed e-con e-parent\" data-id=\"777352a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b1cb1a elementor-widget elementor-widget-shortcode\" data-id=\"5b1cb1a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div id=\"arp-widget\" class=\"arp-widget\" data-product-id=\"0\" style=\"--arp-canvas-height: 560px;\">\n\n    <!-- \u2500\u2500\u2500 Left panel \u2500\u2500\u2500 -->\n    <aside class=\"arp-panel\">\n\n        <!-- Logo header -->\n        <div class=\"arp-panel__logo\">\n            <h2 class=\"arp-panel__title\">\n                Visualisez<br>l'\u0152uvre chez Vous            <\/h2>\n        <\/div>\n\n        <!-- Steps -->\n        <div class=\"arp-panel__steps\">\n\n            <!-- Step 1: Upload room photo -->\n            <div class=\"arp-step\">\n                <div class=\"arp-step__head\">\n                    <div class=\"arp-step__num\" id=\"arp-step-1\" aria-hidden=\"true\">1<\/div>\n                    <span class=\"arp-step__title\">Photo de votre pi\u00e8ce<\/span>\n                <\/div>\n\n                <div class=\"arp-upload\" id=\"arp-upload-zone\">\n                    <input type=\"file\" id=\"arp-room-input\" accept=\"image\/jpeg,image\/png,image\/webp\" class=\"arp-upload__input\" \/>\n                    <div class=\"arp-upload__placeholder\" id=\"arp-upload-placeholder\">\n                        <svg class=\"arp-upload__icon\" width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" aria-hidden=\"true\">\n                            <circle cx=\"20\" cy=\"20\" r=\"18\" stroke=\"currentColor\" stroke-width=\"1.2\"\/>\n                            <path d=\"M20 13v9M17 16l3-3 3 3\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <rect x=\"12\" y=\"23\" width=\"16\" height=\"2\" rx=\"1\" fill=\"currentColor\" opacity=\".4\"\/>\n                        <\/svg>\n                        <p class=\"arp-upload__text\">\n                            Glissez votre photo ici<br>ou cliquez pour parcourir                        <\/p>\n                        <strong class=\"arp-upload__hint\">JPG \u00b7 PNG \u00b7 WEBP \u00b7 max 8 Mo<\/strong>\n                    <\/div>\n                    <div class=\"arp-upload__preview\" id=\"arp-upload-preview\" style=\"display:none;\">\n                        <img decoding=\"async\" id=\"arp-upload-thumb\" src=\"\" alt=\"\" \/>\n                        <button type=\"button\" class=\"arp-upload__change\" id=\"arp-change-photo\">\n                            <span aria-hidden=\"true\">\u21ba<\/span>\n                            Changer la photo                        <\/button>\n                    <\/div>\n                <\/div>\n\n                <!-- Calibration ruler (shown after photo loaded) -->\n                <div class=\"arp-calibration\" id=\"arp-calibration\" hidden>\n                    <div class=\"arp-calibration__header\">\n                        <span class=\"arp-calibration__title\">\u00c9chelle<\/span>\n                        <button type=\"button\" class=\"arp-btn arp-btn--xs arp-btn--ghost\" id=\"arp-calibrate-toggle\">\n                            Afficher la r\u00e8gle                        <\/button>\n                    <\/div>\n                    <p class=\"arp-calibration__hint\">\n                        Placez la r\u00e8gle sur un objet de taille connue (canap\u00e9, porte, plinthe\u2026) puis saisissez sa taille r\u00e9elle.                    <\/p>\n                    <div class=\"arp-calibration__body\" id=\"arp-calibration-body\" hidden>\n                        <label class=\"arp-calibration__label\" for=\"arp-calibration-cm\">\n                            Cette distance repr\u00e9sente :                        <\/label>\n                        <div class=\"arp-calibration__row\">\n                            <input\n                                type=\"number\"\n                                id=\"arp-calibration-cm\"\n                                class=\"arp-calibration__input\"\n                                min=\"1\"\n                                max=\"10000\"\n                                step=\"1\"\n                                inputmode=\"numeric\"\n                                placeholder=\"ex. 90\"\n                            \/>\n                            <span class=\"arp-calibration__unit\">cm<\/span>\n                            <button type=\"button\" class=\"arp-btn arp-btn--xs arp-btn--ghost\" id=\"arp-calibration-clear\">\n                                Effacer                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Step 2: Choose artwork -->\n            <div class=\"arp-step\">\n                <div class=\"arp-step__head\">\n                    <div class=\"arp-step__num arp-step__num--off\" id=\"arp-step-2\" aria-hidden=\"true\">2<\/div>\n                    <span class=\"arp-step__title\">Choisir une \u0153uvre<\/span>\n                <\/div>\n\n                <div class=\"arp-autocomplete\" id=\"arp-autocomplete\">\n                    <input\n                        type=\"text\"\n                        id=\"arp-artwork-search\"\n                        class=\"arp-autocomplete__input\"\n                        placeholder=\"Rechercher une \u0153uvre\u2026\"\n                        autocomplete=\"off\"\n                    \/>\n                    <ul class=\"arp-autocomplete__list\" id=\"arp-autocomplete-list\" style=\"display:none;\"><\/ul>\n                <\/div>\n                <div class=\"arp-selected-artwork\" id=\"arp-selected-artwork\" style=\"display:none;\">\n                    <span id=\"arp-selected-name\"><\/span>\n                    <button type=\"button\" class=\"arp-btn arp-btn--xs\" id=\"arp-change-artwork\">\n                        Changer                    <\/button>\n                <\/div>\n            <\/div>\n\n        <\/div><!-- \/steps -->\n\n        <!-- Bottom action panel -->\n        <div class=\"arp-panel__bottom\">\n            <div class=\"arp-panel__bottom-label\">Pr\u00e9visualisation<\/div>\n            <div class=\"arp-panel__bottom-row\">\n                <button type=\"button\" class=\"arp-btn arp-btn--sm arp-btn--gold\" id=\"arp-download\">\n                    <svg width=\"12\" height=\"12\" viewBox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\">\n                        <path d=\"M7 2v7M4 9l3 3 3-3\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <rect x=\"2\" y=\"11\" width=\"10\" height=\"1.5\" rx=\".75\" fill=\"currentColor\" opacity=\".5\"\/>\n                    <\/svg>\n                    T\u00e9l\u00e9charger                <\/button>\n                <button type=\"button\" class=\"arp-btn arp-btn--sm\" id=\"arp-share-btn\">\n                    <svg width=\"12\" height=\"12\" viewBox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\">\n                        <circle cx=\"11\" cy=\"3\" r=\"1.8\" stroke=\"currentColor\" stroke-width=\"1.2\"\/>\n                        <circle cx=\"11\" cy=\"11\" r=\"1.8\" stroke=\"currentColor\" stroke-width=\"1.2\"\/>\n                        <circle cx=\"3\" cy=\"7\" r=\"1.8\" stroke=\"currentColor\" stroke-width=\"1.2\"\/>\n                        <path d=\"M4.6 6.1L9.4 3.9M4.6 7.9l4.8 2.2\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/>\n                    <\/svg>\n                    Partager                <\/button>\n            <\/div>\n        <\/div>\n\n    <\/aside><!-- \/panel -->\n\n    <!-- \u2500\u2500\u2500 Canvas area \u2500\u2500\u2500 -->\n    <div class=\"arp-canvas-wrap\">\n        <div class=\"arp-canvas-area\" id=\"arp-canvas-area\">\n\n            <div class=\"arp-dimensions-badge\" id=\"arp-dimensions-badge\" aria-hidden=\"true\"><\/div>\n\n            <!-- Empty state placeholder -->\n            <div class=\"arp-canvas-empty\" id=\"arp-canvas-placeholder\">\n                <svg class=\"arp-canvas-empty__icon\" width=\"62\" height=\"62\" viewBox=\"0 0 62 62\" fill=\"none\" aria-hidden=\"true\">\n                    <rect x=\"6\" y=\"14\" width=\"50\" height=\"37\" rx=\"4\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\n                    <path d=\"M6 35l14-12 11 11 9-9 14 10\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\" fill=\"none\" opacity=\".6\"\/>\n                    <circle cx=\"21\" cy=\"26\" r=\"4.5\" stroke=\"currentColor\" stroke-width=\"1.5\" opacity=\".6\"\/>\n                <\/svg>\n                <p class=\"arp-canvas-empty__title\">\n                    Importez la photo de votre pi\u00e8ce<br>pour commencer la mise en sc\u00e8ne                <\/p>\n                <small class=\"arp-canvas-empty__hint\">\n                    L'\u0153uvre sera superpos\u00e9e et ajustable<br>directement sur votre photo                <\/small>\n            <\/div>\n\n            <canvas id=\"arp-canvas\"><\/canvas>\n\n            <div class=\"arp-canvas-hint\" id=\"arp-canvas-hint\" aria-hidden=\"true\">\n                <span>Glisser<\/span>\n                D\u00e9placer                &nbsp;\u00b7&nbsp;\n                <span>Coins<\/span>\n                Redimensionner            <\/div>\n\n        <\/div>\n\n        <!-- Bottom toolbar -->\n        <div class=\"arp-toolbar\" id=\"arp-toolbar\">\n            <span class=\"arp-toolbar__empty\" id=\"arp-toolbar-empty\">\n                Importez une photo pour d\u00e9marrer la mise en sc\u00e8ne            <\/span>\n            <button type=\"button\" class=\"arp-toolbar__btn\" id=\"arp-reset\" hidden>\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                    <path d=\"M2 8a6 6 0 1 0 6-6 6.5 6.5 0 0 0-4.49 1.83L2 5.33\"\/>\n                    <path d=\"M2 2v3.33h3.33\"\/>\n                <\/svg>\n                R\u00e9initialiser            <\/button>\n            <div class=\"arp-toolbar__spacer\"><\/div>\n            <button type=\"button\" class=\"arp-toolbar__btn arp-toolbar__btn--secondary\" id=\"arp-view-product\" hidden>\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n                    <rect x=\"2\" y=\"2\" width=\"12\" height=\"12\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.3\"\/>\n                    <path d=\"M10 6L6 10M6 6h4v4\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n                Voir la fiche produit            <\/button>\n            <a href=\"#\" class=\"arp-toolbar__btn arp-toolbar__btn--cart\" id=\"arp-add-to-cart\" hidden>\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n                    <path d=\"M1 2h2l2 8h8l1.5-5H5\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <circle cx=\"8\" cy=\"13.5\" r=\"1.2\" fill=\"currentColor\"\/>\n                    <circle cx=\"12\" cy=\"13.5\" r=\"1.2\" fill=\"currentColor\"\/>\n                <\/svg>\n                Ajouter au panier            <\/a>\n        <\/div>\n\n    <\/div><!-- \/canvas-wrap -->\n\n    <!-- \u2500\u2500\u2500 Product modal \u2500\u2500\u2500 -->\n    <div class=\"arp-modal\" id=\"arp-product-modal\" style=\"display:none;\" role=\"dialog\" aria-modal=\"true\">\n        <div class=\"arp-modal__backdrop\" id=\"arp-modal-backdrop\"><\/div>\n        <div class=\"arp-modal__content arp-modal__content--lg\">\n            <button type=\"button\" class=\"arp-modal__close\" id=\"arp-modal-close\" aria-label=\"Fermer\">&times;<\/button>\n            <div id=\"arp-modal-body\"><\/div>\n        <\/div>\n    <\/div>\n\n    <!-- \u2500\u2500\u2500 Share modal (desktop fallback) \u2500\u2500\u2500 -->\n    <div class=\"arp-modal\" id=\"arp-share-modal\" style=\"display:none;\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"arp-share-title\">\n        <div class=\"arp-modal__backdrop\" id=\"arp-share-backdrop\"><\/div>\n        <div class=\"arp-modal__content arp-modal__content--share\">\n            <h3 id=\"arp-share-title\" class=\"arp-modal__title\">Partager cet aper\u00e7u<\/h3>\n            <p class=\"arp-modal__lead\">Image de la mise en sc\u00e8ne + lien produit<\/p>\n\n            <div class=\"arp-share-link\">\n                <svg width=\"13\" height=\"13\" viewBox=\"0 0 14 14\" fill=\"none\" class=\"arp-share-link__icon\" aria-hidden=\"true\">\n                    <path d=\"M6 3H3a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V9\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\"\/>\n                    <path d=\"M8 1h5v5M13 1L7 7\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n                <span class=\"arp-share-link__url\" id=\"arp-share-link-url\"><\/span>\n                <button type=\"button\" class=\"arp-share-link__copy\" id=\"arp-copy-link\">\n                    Copier                <\/button>\n            <\/div>\n\n            <div class=\"arp-modal__actions\">\n                <button type=\"button\" class=\"arp-modal__btn arp-modal__btn--ghost\" id=\"arp-download-share\">\n                    <svg width=\"13\" height=\"13\" viewBox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\">\n                        <path d=\"M7 2v7M4 9l3 3 3-3\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                    T\u00e9l\u00e9charger l&#039;image                <\/button>\n                <button type=\"button\" class=\"arp-modal__btn arp-modal__btn--accent\" id=\"arp-share-close\">\n                    Fermer                <\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\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":"","meta":{"_acf_changed":false,"_angie_page":false,"footnotes":""},"class_list":["post-914","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/merlinvest.art\/en\/wp-json\/wp\/v2\/pages\/914","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/merlinvest.art\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/merlinvest.art\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/merlinvest.art\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/merlinvest.art\/en\/wp-json\/wp\/v2\/comments?post=914"}],"version-history":[{"count":1,"href":"https:\/\/merlinvest.art\/en\/wp-json\/wp\/v2\/pages\/914\/revisions"}],"predecessor-version":[{"id":915,"href":"https:\/\/merlinvest.art\/en\/wp-json\/wp\/v2\/pages\/914\/revisions\/915"}],"wp:attachment":[{"href":"https:\/\/merlinvest.art\/en\/wp-json\/wp\/v2\/media?parent=914"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}