{"id":23263,"date":"2026-04-12T18:42:00","date_gmt":"2026-04-12T16:42:00","guid":{"rendered":"https:\/\/www.chinasmartbuy.com\/blog\/?p=23263"},"modified":"2026-04-12T18:38:52","modified_gmt":"2026-04-12T16:38:52","slug":"html-doom-chrome-demo","status":"publish","type":"post","link":"https:\/\/www.chinasmartbuy.com\/blog\/html-doom-chrome-demo\/","title":{"rendered":"Un sito web dentro DOOM: ecco la demo su Chrome"},"content":{"rendered":"\n\n<style>\n  :root {\n    --red: #CC1B1B;\n    --red-light: rgba(204,27,27,0.08);\n    --text: #1a1a1a;\n    --text-muted: #666;\n    --text-faint: #aaa;\n    --card: #ffffff;\n    --border: #ebebeb;\n    --bebas: 'Bebas Neue', sans-serif;\n    --dm: 'DM Sans', sans-serif;\n  }\n  .fbp5-wrap * { box-sizing:border-box; margin:0; padding:0; }\n  .fbp5-wrap { font-family:var(--dm); color:var(--text); line-height:1.7; max-width:860px; margin:0 auto; padding:0 24px 80px; display:flex; flex-direction:column; gap:52px; }\n  .fbp5-intro { padding-top:36px; border-top:3px solid var(--red); }\n  .fbp5-intro p { font-size:17px; color:#333; line-height:1.85; margin-bottom:18px; }\n  .fbp5-intro strong { color:var(--text); font-weight:700; }\n  .fbp5-meta { display:flex; flex-wrap:wrap; gap:16px; margin-bottom:24px; }\n  .fbp5-meta-item { display:flex; align-items:center; gap:6px; font-size:13px; color:var(--text-muted); font-weight:500; }\n  .fbp5-meta-item span { color:var(--red); font-size:15px; }\n  .fbp5-section-label { display:inline-flex; align-items:center; gap:7px; font-size:11px; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; color:var(--red); margin-bottom:10px; }\n  .fbp5-section-label::before { content:''; display:block; width:18px; height:2px; background:var(--red); }\n  .fbp5-section h2 { font-family:var(--bebas); font-size:clamp(27px,4vw,39px); letter-spacing:0.04em; color:var(--text); line-height:1.05; margin-bottom:20px; }\n  .fbp5-section h2 span { color:var(--red); }\n  .fbp5-section p { font-size:17px; color:#333; line-height:1.78; margin-bottom:14px; }\n  .fbp5-highlight { background:var(--red-light); border-left:4px solid var(--red); border-radius:0 10px 10px 0; padding:15px 19px; margin:16px 0; font-size:16px; color:#333; line-height:1.65; }\n  .fbp5-highlight strong { color:var(--red); }\n  .fbp5-info { background:#f9f9f9; border:1px solid var(--border); border-radius:10px; padding:15px 19px; margin:16px 0; font-size:15px; color:var(--text-muted); line-height:1.65; }\n  .fbp5-spec-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:12px; margin:20px 0; }\n  .fbp5-spec-item { background:var(--card); border-radius:10px; border:1px solid var(--border); padding:14px 16px; display:flex; flex-direction:column; gap:4px; }\n  .fbp5-spec-item.accent { border-color:rgba(204,27,27,0.2); background:var(--red-light); }\n  .fbp5-spec-label { font-size:11px; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:var(--text-faint); }\n  .fbp5-spec-value { font-size:15px; font-weight:700; color:var(--text); line-height:1.2; }\n  .fbp5-spec-item.accent .fbp5-spec-value { color:var(--red); }\n  .fbp5-spec-sub { font-size:13px; color:var(--text-muted); }\n  .fbp5-scheda { background:var(--card); border:1px solid var(--border); border-radius:14px; overflow:hidden; margin:20px 0; }\n  .fbp5-scheda-header { background:var(--red); color:#fff; padding:14px 20px; font-family:var(--bebas); font-size:20px; letter-spacing:0.08em; }\n  .fbp5-scheda-row { display:flex; border-bottom:1px solid var(--border); }\n  .fbp5-scheda-row:last-child { border-bottom:none; }\n  .fbp5-scheda-key { width:42%; padding:11px 16px; font-size:13px; font-weight:700; color:var(--text-muted); text-transform:uppercase; letter-spacing:0.06em; background:#fafafa; flex-shrink:0; }\n  .fbp5-scheda-val { padding:11px 16px; font-size:14px; color:var(--text); font-weight:500; line-height:1.5; }\n  .fbp5-chips { display:flex; flex-wrap:wrap; gap:8px; margin:14px 0; }\n  .fbp5-chip { font-size:14px; font-weight:600; padding:7px 15px; border-radius:99px; border:1.5px solid var(--border); color:var(--text); background:var(--card); }\n  .fbp5-chip.red { border-color:rgba(204,27,27,0.3); background:var(--red-light); color:var(--red); }\n  .fbp5-img-single { margin:20px 0; }\n  .fbp5-img-single img { width:100%; height:auto; border-radius:10px; display:block; cursor:zoom-in; }\n<\/style>\n\n<div class=\"fbp5-wrap\" id=\"fbp5-k8m2q7\">\n  <div class=\"fbp5-intro\">\n    <div class=\"fbp5-meta\">\n      <div class=\"fbp5-meta-item\"><span>\ud83d\udcc5<\/span> 12 aprile<\/div>\n      <div class=\"fbp5-meta-item\"><span>\ud83d\udcb0<\/span> Nessun prezzo indicato<\/div>\n      <div class=\"fbp5-meta-item\"><span>\ud83c\udf0d<\/span> Mercato globale<\/div>\n    <\/div>\n    <p><strong>Un utente ha mostrato una demo decisamente fuori scala:<\/strong> una pagina HTML reale viene renderizzata dentro DOOM e usata come texture delle pareti di gioco. Il risultato capovolge il solito meme \u201cDOOM su ogni dispositivo\u201d e porta, questa volta, il web dentro il gioco.<\/p>\n    <p>La base tecnica \u00e8 <strong>canvas-draw-element<\/strong>, una funzionalit\u00e0 sperimentale in sviluppo su Chrome che permette di disegnare elementi DOM come dati pixel all\u2019interno di un canvas. In pratica, il contenuto della pagina diventa materiale grafico da proiettare nello scenario di DOOM.<\/p>\n  <\/div>\n\n  <div class=\"fbp5-img-single\">\n    <img decoding=\"async\" src=\"https:\/\/www.chinasmartbuy.com\/blog\/wp-content\/uploads\/2026\/04\/doom-html.png\" alt=\"Demo di HTML trasformato in texture all\u2019interno di DOOM\" loading=\"lazy\" class=\"rh-zoomable-image\" data-rh-lb-src=\"https:\/\/www.chinasmartbuy.com\/blog\/wp-content\/uploads\/2026\/04\/doom-html.png\" data-rh-lb-alt=\"Demo di HTML trasformato in texture all\u2019interno di DOOM\" id=\"rh-zoomable-1\">\n  <\/div>\n\n  <section class=\"fbp5-section\">\n    <div class=\"fbp5-section-label\">Demo Chrome<\/div>\n    <h2>HTML <span>come texture<\/span> dentro DOOM<\/h2>\n    <p>Il progetto mostrato da Robin mette insieme due mondi che di solito non si incrociano: il browser e uno dei giochi pi\u00f9 iconici di sempre. Qui non si tratta di far girare DOOM su un oggetto improbabile, ma di usare una pagina web come superficie visiva integrata nel gioco.<\/p>\n    <p>La funzione sperimentale di Chrome coinvolta nel test consente di convertire un elemento DOM in pixel e disegnarlo su canvas. Da l\u00ec, il contenuto pu\u00f2 essere usato come una vera e propria texture, finendo sulle pareti dell\u2019ambiente di DOOM.<\/p>\n\n    <div class=\"fbp5-highlight\">\n      <strong>Punto chiave:<\/strong> il web non viene semplicemente mostrato accanto a DOOM, ma entra direttamente nel rendering del gioco come parte della scena.\n    <\/div>\n\n    <div class=\"fbp5-spec-grid\">\n      <div class=\"fbp5-spec-item accent\">\n        <div class=\"fbp5-spec-label\">Funzione<\/div>\n        <div class=\"fbp5-spec-value\">canvas-draw-element<\/div>\n        <div class=\"fbp5-spec-sub\">feature sperimentale di Chrome<\/div>\n      <\/div>\n      <div class=\"fbp5-spec-item\">\n        <div class=\"fbp5-spec-label\">Effetto<\/div>\n        <div class=\"fbp5-spec-value\">HTML in texture<\/div>\n        <div class=\"fbp5-spec-sub\">contenuto web sulle pareti del gioco<\/div>\n      <\/div>\n      <div class=\"fbp5-spec-item\">\n        <div class=\"fbp5-spec-label\">Scenario<\/div>\n        <div class=\"fbp5-spec-value\">DOOM<\/div>\n        <div class=\"fbp5-spec-sub\">usato come contenitore della demo<\/div>\n      <\/div>\n      <div class=\"fbp5-spec-item\">\n        <div class=\"fbp5-spec-label\">Autore demo<\/div>\n        <div class=\"fbp5-spec-value\">Robin<\/div>\n        <div class=\"fbp5-spec-sub\">ha mostrato il risultato<\/div>\n      <\/div>\n    <\/div>\n\n    <p>\u00c8 un esperimento che vale pi\u00f9 per l\u2019idea che per l\u2019utilit\u00e0 pratica: il browser diventa una sorgente grafica e il gioco un display, con un ribaltamento totale del classico rapporto tra contenuto e contenitore.<\/p>\n  <\/section>\n\n  <section class=\"fbp5-section\">\n    <div class=\"fbp5-section-label\">Contesto<\/div>\n    <h2>Il solito meme su <span>DOOM<\/span>, ma al contrario<\/h2>\n    <p>Negli anni DOOM \u00e8 stato portato ovunque: su calcolatrici, frigoriferi, orologi e dispositivi assurdi di ogni tipo. Questa demo ribalta la formula e usa il gioco come destinazione, non come soggetto da far girare su hardware strano.<\/p>\n    <p>Il risultato resta una curiosit\u00e0 tecnica, ma mostra bene dove pu\u00f2 spingersi la sperimentazione browser: elementi web trattati come blocchi grafici, pronti a essere riutilizzati in contesti completamente diversi da quelli per cui sono nati.<\/p>\n  <\/section>\n\n  <div class=\"fbp5-scheda\">\n    <div class=\"fbp5-scheda-header\">Scheda rapida<\/div>\n    <div class=\"fbp5-scheda-row\">\n      <div class=\"fbp5-scheda-key\">Progetto<\/div>\n      <div class=\"fbp5-scheda-val\">Demo Chrome con HTML reso texture in DOOM<\/div>\n    <\/div>\n    <div class=\"fbp5-scheda-row\">\n      <div class=\"fbp5-scheda-key\">Tecnologia chiave<\/div>\n      <div class=\"fbp5-scheda-val\">canvas-draw-element<\/div>\n    <\/div>\n    <div class=\"fbp5-scheda-row\">\n      <div class=\"fbp5-scheda-key\">Cosa fa<\/div>\n      <div class=\"fbp5-scheda-val\">disegna un elemento DOM su canvas come dati pixel<\/div>\n    <\/div>\n    <div class=\"fbp5-scheda-row\">\n      <div class=\"fbp5-scheda-key\">Uso nella demo<\/div>\n      <div class=\"fbp5-scheda-val\">pagina HTML trasformata in texture di gioco<\/div>\n    <\/div>\n  <\/div>\n\n  \n<\/div>\n\n<div class=\"rh-lightbox\" hidden=\"hidden\">\n      <button class=\"rh-lightbox-close\" type=\"button\" aria-label=\"Chiudi immagine\">\u00d7<\/button>\n      <img class=\"rh-lightbox-img\" alt=\"\">\n      <div class=\"rh-lightbox-caption\"><\/div><\/div><style>\n    .rh-zoomable-figure,.rh-zoomable-image{cursor:zoom-in}\n    .rh-lightbox[hidden]{display:none!important}\n    .rh-lightbox{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;padding:24px}\n    .rh-lightbox-img{max-width:95vw;max-height:90vh;width:auto;height:auto;object-fit:contain;box-shadow:0 10px 30px rgba(0,0,0,.35)}\n    .rh-lightbox-caption{position:absolute;left:24px;right:24px;bottom:14px;text-align:center;color:#fff;font-size:13px;line-height:1.5}\n    .rh-lightbox-close{position:absolute;top:16px;right:20px;border:none;background:none;color:#fff;font-size:42px;line-height:1;cursor:pointer}\n  <\/style><script>\n    (function(){\n      if(window.__rhUnifiedLightboxBound)return;\n      window.__rhUnifiedLightboxBound=true;\n      const doc=document;\n      const lightbox=doc.querySelector('.rh-lightbox');\n      if(!lightbox)return;\n      const lbImg=lightbox.querySelector('.rh-lightbox-img');\n      const lbCaption=lightbox.querySelector('.rh-lightbox-caption');\n      const close=()=>{lightbox.setAttribute('hidden','hidden');lbImg.removeAttribute('src');lbCaption.textContent='';document.body.style.overflow='';};\n      const open=(el)=>{\n        const src=el.getAttribute('data-rh-lb-src')||el.getAttribute('src')||'';\n        const alt=el.getAttribute('data-rh-lb-alt')||el.getAttribute('alt')||'';\n        if(!src)return;\n        lbImg.src=src;\n        lbImg.alt=alt;\n        lbCaption.textContent=alt;\n        lightbox.removeAttribute('hidden');\n        document.body.style.overflow='hidden';\n      };\n      doc.addEventListener('click',function(e){\n        const figure=e.target.closest('.rh-zoomable-figure');\n        if(figure){e.preventDefault();open(figure);return;}\n        const img=e.target.closest('.rh-zoomable-image');\n        if(img){e.preventDefault();open(img);return;}\n        if(e.target===lightbox||e.target.closest('.rh-lightbox-close'))close();\n      });\n      doc.addEventListener('keydown',function(e){\n        if(!lightbox.hasAttribute('hidden')&&e.key==='Escape')close();\n      });\n    })();\n  <\/script><div class=\"rh-attribution-pills\" style=\"display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-start;margin:15px 0 0\"><a href=\"https:\/\/news.mydrivers.com\/1\/1115\/1115259.htm\" target=\"_blank\" rel=\"noopener\" style=\"display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:linear-gradient(135deg,#fff7ed,#ffedd5);color:#c2410c;text-decoration:none;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(249,115,22,.20);box-shadow:0 8px 22px rgba(249,115,22,.08)\">Via<\/a><\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Una demo basata su Chrome sperimentale porta contenuti HTML reali dentro DOOM, trasformandoli in texture per le pareti del gioco. Il trucco passa da canvas-draw-element, una funzione che disegna elementi DOM su canvas.<\/p>\n","protected":false},"author":5,"featured_media":23262,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_yoast_wpseo_focuskw_text_input":"HTML dentro DOOM","footnotes":""},"categories":[480],"tags":[],"class_list":["post-23263","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Un sito web dentro DOOM: ecco la demo su Chrome<\/title>\n<meta name=\"description\" content=\"Una demo Chrome mostra HTML reale dentro DOOM, renderizzato come texture sulle pareti grazie a canvas-draw-element.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.chinasmartbuy.com\/blog\/html-doom-chrome-demo\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Un sito web dentro DOOM: ecco la demo su Chrome\" \/>\n<meta property=\"og:description\" content=\"Una demo Chrome mostra HTML reale dentro DOOM, renderizzato come texture sulle pareti grazie a canvas-draw-element.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.chinasmartbuy.com\/blog\/html-doom-chrome-demo\/\" \/>\n<meta property=\"og:site_name\" content=\"ChinaSmartBuy\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/facebook.com\/chinasmartbuy\" \/>\n<meta property=\"article:published_time\" content=\"2026-04-12T16:42:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.chinasmartbuy.com\/blog\/wp-content\/uploads\/2026\/04\/doom-html.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"315\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Claudio Vitiello\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Claudio Vitiello\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.chinasmartbuy.com\\\/blog\\\/html-doom-chrome-demo\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.chinasmartbuy.com\\\/blog\\\/html-doom-chrome-demo\\\/\"},\"author\":{\"name\":\"Claudio Vitiello\",\"@id\":\"https:\\\/\\\/www.chinasmartbuy.com\\\/blog\\\/#\\\/schema\\\/person\\\/b7b10c8342befae95297010350db2e0e\"},\"headline\":\"Un sito web dentro DOOM: ecco la demo su Chrome\",\"datePublished\":\"2026-04-12T16:42:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.chinasmartbuy.com\\\/blog\\\/html-doom-chrome-demo\\\/\"},\"wordCount\":399,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.chinasmartbuy.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.chinasmartbuy.com\\\/blog\\\/html-doom-chrome-demo\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.chinasmartbuy.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/doom-html.jpg\",\"articleSection\":[\"News\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.chinasmartbuy.com\\\/blog\\\/html-doom-chrome-demo\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.chinasmartbuy.com\\\/blog\\\/html-doom-chrome-demo\\\/\",\"url\":\"https:\\\/\\\/www.chinasmartbuy.com\\\/blog\\\/html-doom-chrome-demo\\\/\",\"name\":\"Un sito web dentro DOOM: ecco la demo su Chrome\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.chinasmartbuy.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.chinasmartbuy.com\\\/blog\\\/html-doom-chrome-demo\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.chinasmartbuy.com\\\/blog\\\/html-doom-chrome-demo\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.chinasmartbuy.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/doom-html.jpg\",\"datePublished\":\"2026-04-12T16:42:00+00:00\",\"description\":\"Una demo Chrome mostra HTML reale dentro DOOM, renderizzato come texture sulle pareti grazie a canvas-draw-element.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.chinasmartbuy.com\\\/blog\\\/html-doom-chrome-demo\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.chinasmartbuy.com\\\/blog\\\/html-doom-chrome-demo\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.chinasmartbuy.com\\\/blog\\\/html-doom-chrome-demo\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.chinasmartbuy.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/doom-html.jpg\",\"contentUrl\":\"https:\\\/\\\/www.chinasmartbuy.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/doom-html.jpg\",\"width\":600,\"height\":315,\"caption\":\"Doom html\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.chinasmartbuy.com\\\/blog\\\/html-doom-chrome-demo\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.chinasmartbuy.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Un sito web dentro DOOM: ecco la demo su Chrome\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.chinasmartbuy.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.chinasmartbuy.com\\\/blog\\\/\",\"name\":\"ChinaSmartBuy\",\"description\":\"NEWS \u00b7 GUIDE \u00b7 OFFERTE\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.chinasmartbuy.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.chinasmartbuy.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.chinasmartbuy.com\\\/blog\\\/#organization\",\"name\":\"ChinaSmartBuy\",\"url\":\"https:\\\/\\\/www.chinasmartbuy.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.chinasmartbuy.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.chinasmartbuy.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/logo-chinasmartbuy-e1560864925407.png\",\"contentUrl\":\"https:\\\/\\\/www.chinasmartbuy.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/logo-chinasmartbuy-e1560864925407.png\",\"width\":100,\"height\":100,\"caption\":\"ChinaSmartBuy\"},\"image\":{\"@id\":\"https:\\\/\\\/www.chinasmartbuy.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"http:\\\/\\\/facebook.com\\\/chinasmartbuy\",\"https:\\\/\\\/t.me\\\/chinasmartbuy\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.chinasmartbuy.com\\\/blog\\\/#\\\/schema\\\/person\\\/b7b10c8342befae95297010350db2e0e\",\"name\":\"Claudio Vitiello\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3061c64003ff7f9ed10235588139757fe3796d5575755a8a728abd0bebb21d13?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3061c64003ff7f9ed10235588139757fe3796d5575755a8a728abd0bebb21d13?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3061c64003ff7f9ed10235588139757fe3796d5575755a8a728abd0bebb21d13?s=96&d=mm&r=g\",\"caption\":\"Claudio Vitiello\"},\"sameAs\":[\"http:\\\/\\\/www.klav.it\"],\"url\":\"https:\\\/\\\/www.chinasmartbuy.com\\\/blog\\\/author\\\/klav-it\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Un sito web dentro DOOM: ecco la demo su Chrome","description":"Una demo Chrome mostra HTML reale dentro DOOM, renderizzato come texture sulle pareti grazie a canvas-draw-element.","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:\/\/www.chinasmartbuy.com\/blog\/html-doom-chrome-demo\/","og_locale":"it_IT","og_type":"article","og_title":"Un sito web dentro DOOM: ecco la demo su Chrome","og_description":"Una demo Chrome mostra HTML reale dentro DOOM, renderizzato come texture sulle pareti grazie a canvas-draw-element.","og_url":"https:\/\/www.chinasmartbuy.com\/blog\/html-doom-chrome-demo\/","og_site_name":"ChinaSmartBuy","article_publisher":"http:\/\/facebook.com\/chinasmartbuy","article_published_time":"2026-04-12T16:42:00+00:00","og_image":[{"width":600,"height":315,"url":"https:\/\/www.chinasmartbuy.com\/blog\/wp-content\/uploads\/2026\/04\/doom-html.jpg","type":"image\/jpeg"}],"author":"Claudio Vitiello","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"Claudio Vitiello","Tempo di lettura stimato":"3 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.chinasmartbuy.com\/blog\/html-doom-chrome-demo\/#article","isPartOf":{"@id":"https:\/\/www.chinasmartbuy.com\/blog\/html-doom-chrome-demo\/"},"author":{"name":"Claudio Vitiello","@id":"https:\/\/www.chinasmartbuy.com\/blog\/#\/schema\/person\/b7b10c8342befae95297010350db2e0e"},"headline":"Un sito web dentro DOOM: ecco la demo su Chrome","datePublished":"2026-04-12T16:42:00+00:00","mainEntityOfPage":{"@id":"https:\/\/www.chinasmartbuy.com\/blog\/html-doom-chrome-demo\/"},"wordCount":399,"commentCount":0,"publisher":{"@id":"https:\/\/www.chinasmartbuy.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.chinasmartbuy.com\/blog\/html-doom-chrome-demo\/#primaryimage"},"thumbnailUrl":"https:\/\/www.chinasmartbuy.com\/blog\/wp-content\/uploads\/2026\/04\/doom-html.jpg","articleSection":["News"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.chinasmartbuy.com\/blog\/html-doom-chrome-demo\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.chinasmartbuy.com\/blog\/html-doom-chrome-demo\/","url":"https:\/\/www.chinasmartbuy.com\/blog\/html-doom-chrome-demo\/","name":"Un sito web dentro DOOM: ecco la demo su Chrome","isPartOf":{"@id":"https:\/\/www.chinasmartbuy.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.chinasmartbuy.com\/blog\/html-doom-chrome-demo\/#primaryimage"},"image":{"@id":"https:\/\/www.chinasmartbuy.com\/blog\/html-doom-chrome-demo\/#primaryimage"},"thumbnailUrl":"https:\/\/www.chinasmartbuy.com\/blog\/wp-content\/uploads\/2026\/04\/doom-html.jpg","datePublished":"2026-04-12T16:42:00+00:00","description":"Una demo Chrome mostra HTML reale dentro DOOM, renderizzato come texture sulle pareti grazie a canvas-draw-element.","breadcrumb":{"@id":"https:\/\/www.chinasmartbuy.com\/blog\/html-doom-chrome-demo\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.chinasmartbuy.com\/blog\/html-doom-chrome-demo\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.chinasmartbuy.com\/blog\/html-doom-chrome-demo\/#primaryimage","url":"https:\/\/www.chinasmartbuy.com\/blog\/wp-content\/uploads\/2026\/04\/doom-html.jpg","contentUrl":"https:\/\/www.chinasmartbuy.com\/blog\/wp-content\/uploads\/2026\/04\/doom-html.jpg","width":600,"height":315,"caption":"Doom html"},{"@type":"BreadcrumbList","@id":"https:\/\/www.chinasmartbuy.com\/blog\/html-doom-chrome-demo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.chinasmartbuy.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Un sito web dentro DOOM: ecco la demo su Chrome"}]},{"@type":"WebSite","@id":"https:\/\/www.chinasmartbuy.com\/blog\/#website","url":"https:\/\/www.chinasmartbuy.com\/blog\/","name":"ChinaSmartBuy","description":"NEWS \u00b7 GUIDE \u00b7 OFFERTE","publisher":{"@id":"https:\/\/www.chinasmartbuy.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.chinasmartbuy.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/www.chinasmartbuy.com\/blog\/#organization","name":"ChinaSmartBuy","url":"https:\/\/www.chinasmartbuy.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.chinasmartbuy.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.chinasmartbuy.com\/blog\/wp-content\/uploads\/2019\/06\/logo-chinasmartbuy-e1560864925407.png","contentUrl":"https:\/\/www.chinasmartbuy.com\/blog\/wp-content\/uploads\/2019\/06\/logo-chinasmartbuy-e1560864925407.png","width":100,"height":100,"caption":"ChinaSmartBuy"},"image":{"@id":"https:\/\/www.chinasmartbuy.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["http:\/\/facebook.com\/chinasmartbuy","https:\/\/t.me\/chinasmartbuy"]},{"@type":"Person","@id":"https:\/\/www.chinasmartbuy.com\/blog\/#\/schema\/person\/b7b10c8342befae95297010350db2e0e","name":"Claudio Vitiello","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/secure.gravatar.com\/avatar\/3061c64003ff7f9ed10235588139757fe3796d5575755a8a728abd0bebb21d13?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/3061c64003ff7f9ed10235588139757fe3796d5575755a8a728abd0bebb21d13?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3061c64003ff7f9ed10235588139757fe3796d5575755a8a728abd0bebb21d13?s=96&d=mm&r=g","caption":"Claudio Vitiello"},"sameAs":["http:\/\/www.klav.it"],"url":"https:\/\/www.chinasmartbuy.com\/blog\/author\/klav-it\/"}]}},"_links":{"self":[{"href":"https:\/\/www.chinasmartbuy.com\/blog\/wp-json\/wp\/v2\/posts\/23263","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.chinasmartbuy.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.chinasmartbuy.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.chinasmartbuy.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.chinasmartbuy.com\/blog\/wp-json\/wp\/v2\/comments?post=23263"}],"version-history":[{"count":2,"href":"https:\/\/www.chinasmartbuy.com\/blog\/wp-json\/wp\/v2\/posts\/23263\/revisions"}],"predecessor-version":[{"id":23266,"href":"https:\/\/www.chinasmartbuy.com\/blog\/wp-json\/wp\/v2\/posts\/23263\/revisions\/23266"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.chinasmartbuy.com\/blog\/wp-json\/wp\/v2\/media\/23262"}],"wp:attachment":[{"href":"https:\/\/www.chinasmartbuy.com\/blog\/wp-json\/wp\/v2\/media?parent=23263"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.chinasmartbuy.com\/blog\/wp-json\/wp\/v2\/categories?post=23263"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.chinasmartbuy.com\/blog\/wp-json\/wp\/v2\/tags?post=23263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}