{"id":14371,"date":"2026-06-18T14:41:36","date_gmt":"2026-06-18T15:41:36","guid":{"rendered":"https:\/\/lore-et-lumiere.studio\/project\/webgl-real-time-3d-online\/"},"modified":"2026-07-24T19:44:45","modified_gmt":"2026-07-24T20:44:45","slug":"webgl-real-time-3d-online","status":"publish","type":"portfolio_item","link":"https:\/\/lore-et-lumiere.studio\/en\/project\/webgl-real-time-3d-online\/","title":{"rendered":"WebGL \u2013 Real-Time 3D Online"},"content":{"rendered":"\n
\n
\"\"<\/figure>
\n

01<\/em><\/h1>\n\n\n\n

Beyond an object, installing a universe. Accessible to all, without compromise. <\/h2>\n\n\n\n
\"\"<\/figure>\n\n\n\n

WebGL is a graphics technology that runs directly in the browser, without downloading, without plugins. It enables real-time interactive 3D scene rendering on any connected device, with just a few seconds of loading. At Lore & Lumi\u00e8re, we combine it with iJewel, a specialized library designed for rendering precious materials: metals, stones, enamels, guilloch\u00e9. Together, they allow us to install not simply an object to contemplate, but a universe to explore, with visual fidelity that rivals film rendering standards. <\/p>\n<\/div><\/div>\n\n\n\n

\n\n\n\n
\n

02<\/em><\/h1>\n\n\n\n

An experience for everyone, calibrated for each<\/h2>\n\n\n\n
\"\"<\/figure>\n\n\n\n

One of the most demanding challenges of WebGL is accessibility without compromise. How do you offer a quality immersive and exploratory experience on an entry-level phone, while delivering something exceptional on the latest mobile models or on PC? At Lore & Lumi\u00e8re, the answer lies in the pipeline: each experience is designed with adaptive precision levels, calibrated in real time according to the device’s power. The viewer does not choose their quality level. They simply receive the best of what their screen can offer. <\/p>\n<\/div>

\"\"<\/figure><\/div>\n\n\n\n
\n\n\n\n
\"\"<\/figure>
\n

03<\/em><\/h1>\n\n\n\n

Lore & Lumi\u00e8re Expertise<\/h2>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Exploring a piece on the web is not experienced the same way as on a tablet. On smartphone or PC, scrolling is at the heart of the experience\u2014it is the primary narrative gesture. The codes of discovery are not the same, nor are the rhythms. Lore & Lumi\u00e8re masters this grammar specific to each medium, building interactive narratives designed for each discovery context. Our pipeline also ensures seamless compatibility with our Unreal Engine productions: what is designed for high-end directly feeds the web experience, without breaking artistic vision. A challenge we have met on several projects, of which the Serana Watch experience is the most accomplished demonstration. <\/p>\n<\/div><\/div>\n\n\n\n

\n\n\n\n
\n
View the online demonstration<\/a><\/div>\n<\/div>\n\n\n\n
<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

01 Beyond an object, installing a universe. Accessible to all, without compromise. WebGL is a graphics technology that runs directly in the browser, without downloading, without plugins. It enables real-time interactive 3D scene rendering on any connected device, with just a few seconds of loading. At Lore & Lumi\u00e8re, we […]<\/p>\n","protected":false},"author":4,"featured_media":14375,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"su_portfolio_item_director":"","su_portfolio_item_year":"","su_portfolio_item_client":"","su_portfolio_item_skills":""},"portfolio":[67],"class_list":["post-14371","portfolio_item","type-portfolio_item","status-publish","has-post-thumbnail","hentry","portfolio-empathic-viewer"],"acf":[],"yoast_head":"\nWebGL \u2013 Real-Time 3D in the Browser | Lore & Lumi\u00e8re<\/title>\n<meta name=\"description\" content=\"WebGL installs a 3D brand universe accessible to everyone, directly in the browser without downloading: Lore & Lumi\u00e8re masters this technology for prestigious houses.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/lore-et-lumiere.studio\/en\/project\/webgl-real-time-3d-online\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WebGL \u2013 Real-Time 3D in the Browser | Lore & Lumi\u00e8re\" \/>\n<meta property=\"og:description\" content=\"WebGL installs a 3D brand universe accessible to everyone, directly in the browser without downloading: Lore & Lumi\u00e8re masters this technology for prestigious houses.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/lore-et-lumiere.studio\/en\/project\/webgl-real-time-3d-online\/\" \/>\n<meta property=\"og:site_name\" content=\"Lore & Lumi\u00e8re\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-24T20:44:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/lore-et-lumiere.studio\/wp-content\/uploads\/2026\/06\/wpz-frame-76cb7e60-a99b-40a6-965e-9c6b09208a82.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1440\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/lore-et-lumiere.studio\\\/en\\\/project\\\/webgl-real-time-3d-online\\\/\",\"url\":\"https:\\\/\\\/lore-et-lumiere.studio\\\/en\\\/project\\\/webgl-real-time-3d-online\\\/\",\"name\":\"WebGL \u2013 Real-Time 3D in the Browser | Lore & Lumi\u00e8re\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/lore-et-lumiere.studio\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/lore-et-lumiere.studio\\\/en\\\/project\\\/webgl-real-time-3d-online\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/lore-et-lumiere.studio\\\/en\\\/project\\\/webgl-real-time-3d-online\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/lore-et-lumiere.studio\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/wpz-frame-76cb7e60-a99b-40a6-965e-9c6b09208a82.jpg\",\"datePublished\":\"2026-06-18T15:41:36+00:00\",\"dateModified\":\"2026-07-24T20:44:45+00:00\",\"description\":\"WebGL installs a 3D brand universe accessible to everyone, directly in the browser without downloading: Lore & Lumi\u00e8re masters this technology for prestigious houses.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/lore-et-lumiere.studio\\\/en\\\/project\\\/webgl-real-time-3d-online\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/lore-et-lumiere.studio\\\/en\\\/project\\\/webgl-real-time-3d-online\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/lore-et-lumiere.studio\\\/en\\\/project\\\/webgl-real-time-3d-online\\\/#primaryimage\",\"url\":\"https:\\\/\\\/lore-et-lumiere.studio\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/wpz-frame-76cb7e60-a99b-40a6-965e-9c6b09208a82.jpg\",\"contentUrl\":\"https:\\\/\\\/lore-et-lumiere.studio\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/wpz-frame-76cb7e60-a99b-40a6-965e-9c6b09208a82.jpg\",\"width\":2560,\"height\":1440},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/lore-et-lumiere.studio\\\/en\\\/project\\\/webgl-real-time-3d-online\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/lore-et-lumiere.studio\\\/en\\\/home\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WebGL \u2013 Real-Time 3D Online\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/lore-et-lumiere.studio\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/lore-et-lumiere.studio\\\/en\\\/\",\"name\":\"Lore & Lumi\u00e8re\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/lore-et-lumiere.studio\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/lore-et-lumiere.studio\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/lore-et-lumiere.studio\\\/en\\\/#organization\",\"name\":\"Lore & Lumi\u00e8re\",\"url\":\"https:\\\/\\\/lore-et-lumiere.studio\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/lore-et-lumiere.studio\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/lore-et-lumiere.studio\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/logo_site_xl.png\",\"contentUrl\":\"https:\\\/\\\/lore-et-lumiere.studio\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/logo_site_xl.png\",\"width\":512,\"height\":138,\"caption\":\"Lore & Lumi\u00e8re\"},\"image\":{\"@id\":\"https:\\\/\\\/lore-et-lumiere.studio\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"WebGL \u2013 Real-Time 3D in the Browser | Lore & Lumi\u00e8re","description":"WebGL installs a 3D brand universe accessible to everyone, directly in the browser without downloading: Lore & Lumi\u00e8re masters this technology for prestigious houses.","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:\/\/lore-et-lumiere.studio\/en\/project\/webgl-real-time-3d-online\/","og_locale":"en_US","og_type":"article","og_title":"WebGL \u2013 Real-Time 3D in the Browser | Lore & Lumi\u00e8re","og_description":"WebGL installs a 3D brand universe accessible to everyone, directly in the browser without downloading: Lore & Lumi\u00e8re masters this technology for prestigious houses.","og_url":"https:\/\/lore-et-lumiere.studio\/en\/project\/webgl-real-time-3d-online\/","og_site_name":"Lore & Lumi\u00e8re","article_modified_time":"2026-07-24T20:44:45+00:00","og_image":[{"width":2560,"height":1440,"url":"https:\/\/lore-et-lumiere.studio\/wp-content\/uploads\/2026\/06\/wpz-frame-76cb7e60-a99b-40a6-965e-9c6b09208a82.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/lore-et-lumiere.studio\/en\/project\/webgl-real-time-3d-online\/","url":"https:\/\/lore-et-lumiere.studio\/en\/project\/webgl-real-time-3d-online\/","name":"WebGL \u2013 Real-Time 3D in the Browser | Lore & Lumi\u00e8re","isPartOf":{"@id":"https:\/\/lore-et-lumiere.studio\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/lore-et-lumiere.studio\/en\/project\/webgl-real-time-3d-online\/#primaryimage"},"image":{"@id":"https:\/\/lore-et-lumiere.studio\/en\/project\/webgl-real-time-3d-online\/#primaryimage"},"thumbnailUrl":"https:\/\/lore-et-lumiere.studio\/wp-content\/uploads\/2026\/06\/wpz-frame-76cb7e60-a99b-40a6-965e-9c6b09208a82.jpg","datePublished":"2026-06-18T15:41:36+00:00","dateModified":"2026-07-24T20:44:45+00:00","description":"WebGL installs a 3D brand universe accessible to everyone, directly in the browser without downloading: Lore & Lumi\u00e8re masters this technology for prestigious houses.","breadcrumb":{"@id":"https:\/\/lore-et-lumiere.studio\/en\/project\/webgl-real-time-3d-online\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/lore-et-lumiere.studio\/en\/project\/webgl-real-time-3d-online\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/lore-et-lumiere.studio\/en\/project\/webgl-real-time-3d-online\/#primaryimage","url":"https:\/\/lore-et-lumiere.studio\/wp-content\/uploads\/2026\/06\/wpz-frame-76cb7e60-a99b-40a6-965e-9c6b09208a82.jpg","contentUrl":"https:\/\/lore-et-lumiere.studio\/wp-content\/uploads\/2026\/06\/wpz-frame-76cb7e60-a99b-40a6-965e-9c6b09208a82.jpg","width":2560,"height":1440},{"@type":"BreadcrumbList","@id":"https:\/\/lore-et-lumiere.studio\/en\/project\/webgl-real-time-3d-online\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/lore-et-lumiere.studio\/en\/home\/"},{"@type":"ListItem","position":2,"name":"WebGL \u2013 Real-Time 3D Online"}]},{"@type":"WebSite","@id":"https:\/\/lore-et-lumiere.studio\/en\/#website","url":"https:\/\/lore-et-lumiere.studio\/en\/","name":"Lore & Lumi\u00e8re","description":"","publisher":{"@id":"https:\/\/lore-et-lumiere.studio\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/lore-et-lumiere.studio\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/lore-et-lumiere.studio\/en\/#organization","name":"Lore & Lumi\u00e8re","url":"https:\/\/lore-et-lumiere.studio\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/lore-et-lumiere.studio\/en\/#\/schema\/logo\/image\/","url":"https:\/\/lore-et-lumiere.studio\/wp-content\/uploads\/2026\/06\/logo_site_xl.png","contentUrl":"https:\/\/lore-et-lumiere.studio\/wp-content\/uploads\/2026\/06\/logo_site_xl.png","width":512,"height":138,"caption":"Lore & Lumi\u00e8re"},"image":{"@id":"https:\/\/lore-et-lumiere.studio\/en\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/lore-et-lumiere.studio\/en\/wp-json\/wp\/v2\/portfolio_item\/14371","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lore-et-lumiere.studio\/en\/wp-json\/wp\/v2\/portfolio_item"}],"about":[{"href":"https:\/\/lore-et-lumiere.studio\/en\/wp-json\/wp\/v2\/types\/portfolio_item"}],"author":[{"embeddable":true,"href":"https:\/\/lore-et-lumiere.studio\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/lore-et-lumiere.studio\/en\/wp-json\/wp\/v2\/comments?post=14371"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lore-et-lumiere.studio\/en\/wp-json\/wp\/v2\/media\/14375"}],"wp:attachment":[{"href":"https:\/\/lore-et-lumiere.studio\/en\/wp-json\/wp\/v2\/media?parent=14371"}],"wp:term":[{"taxonomy":"portfolio","embeddable":true,"href":"https:\/\/lore-et-lumiere.studio\/en\/wp-json\/wp\/v2\/portfolio?post=14371"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}