{"id":1420,"date":"2024-12-12T09:06:36","date_gmt":"2024-12-12T09:06:36","guid":{"rendered":"https:\/\/ghafari.co.uk\/?p=1420"},"modified":"2024-12-12T09:22:00","modified_gmt":"2024-12-12T09:22:00","slug":"3d-gaussian-splatting","status":"publish","type":"post","link":"https:\/\/ghafari.co.uk\/index.php\/2024\/12\/12\/3d-gaussian-splatting\/","title":{"rendered":"3D Gaussian Splatting"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1420\" class=\"elementor elementor-1420\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8ee161c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8ee161c\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f7b2d74 sc_layouts_column_icons_position_left\" data-id=\"f7b2d74\" data-element_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-c06bcf2 elementor-widget elementor-widget-spacer\" data-id=\"c06bcf2\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d91202 elementor-widget elementor-widget-video\" data-id=\"1d91202\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=-_XqcWv3PrY&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-08478e6 elementor-widget elementor-widget-spacer\" data-id=\"08478e6\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0e45c22 elementor-widget elementor-widget-text-editor\" data-id=\"0e45c22\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p data-pm-slice=\"1 1 []\"><strong>From Coffee Station to 3D Immersion: Exploring Gaussian Splatting<\/strong><\/p><p>When technology and creativity meet, the results can be extraordinary. Recently, I embarked on an experimental journey using the <strong>3D Gaussian Splatting<\/strong> technique, transforming an everyday scene into an immersive 3D experience. Here\u2019s how I turned a coffee station at Aurecon\u2019s Brisbane office into a digital masterpiece.<\/p><div><hr \/><\/div><h3>What is 3D Gaussian Splatting?<\/h3><p>3D Gaussian Splatting is a cutting-edge technique in computer graphics and AI-driven visualization. At its core, it uses machine learning to convert 2D images into a cohesive 3D representation. Unlike traditional 3D modeling, which relies on vertices and polygons, this approach employs Gaussian functions to define spatial points and their attributes, such as color and density. The result? Highly detailed, photorealistic 3D models that can be rendered in real-time.<\/p><p>The real beauty of Gaussian Splatting lies in its versatility. Once created, these 3D models can be integrated into:<\/p><ul data-spread=\"false\"><li><p><strong>Websites<\/strong> for interactive online viewing.<\/p><\/li><li><p><strong>Game engines<\/strong> like Unreal Engine for further exploration and interaction.<\/p><\/li><li><p><strong>VR environments<\/strong>, making the scene fully immersive.<\/p><\/li><\/ul><div><hr \/><\/div><h3>Capturing the Scene: The Coffee Station<\/h3><p>The process began with capturing a series of photographs of the coffee station on the first floor of the Aurecon office in Brisbane. Armed with a camera, I took <strong>35 images<\/strong> from various angles, ensuring every detail\u2014from the coffee machine to the countertop\u2014was thoroughly documented.<\/p><p>The coffee station, with its sleek design and intricate textures, proved to be an excellent subject. By meticulously photographing the scene, I provided the necessary data for the AI to process and reconstruct it in 3D.<\/p><div><hr \/><\/div><h3>Processing and Rendering<\/h3><p>The next step was to feed the images into a Gaussian Splatting pipeline. Running this on my laptop, the AI processed the images, aligned them, and generated a 3D representation. Despite the computational intensity of such a task, the entire process took only <strong>40 minutes<\/strong>, showcasing the efficiency of this technique even on modest hardware.<\/p><p>During the reconstruction, the algorithm:<\/p><ol start=\"1\" data-spread=\"false\"><li><p>Detected and aligned key features across the images.<\/p><\/li><li><p>Assigned Gaussian splats to represent points in the 3D space.<\/p><\/li><li><p>Merged the data to create a cohesive, photorealistic model.<\/p><\/li><\/ol><div><hr \/><\/div><h3>Interactive Integration<\/h3><p>The final 3D model was breathtaking. Using modern tools and frameworks, I integrated the model into:<\/p><ul data-spread=\"false\"><li><p><strong>A website<\/strong>, enabling users to interact with and explore the coffee station online.<\/p><\/li><li><p><strong>Unreal Engine<\/strong>, allowing for detailed inspection and creative possibilities within a game-like environment.<\/p><\/li><li><p><strong>VR<\/strong>, transforming the scene into a fully immersive experience where users could virtually \u201cstand\u201d at the coffee station.<\/p><\/li><\/ul><div><hr \/><\/div><h3>Why Gaussian Splatting Stands Out<\/h3><p>This technique offers several advantages:<\/p><ul data-spread=\"false\"><li><p><strong>Speed and Accessibility<\/strong>: Creating a high-quality 3D model in just 40 minutes on a laptop is impressive.<\/p><\/li><li><p><strong>Photorealism<\/strong>: The AI captures minute details, from reflections to textures.<\/p><\/li><li><p><strong>Interactivity<\/strong>: Models can be explored in real-time, both online and in VR.<\/p><\/li><li><p><strong>Versatility<\/strong>: Whether for virtual tours, game environments, or design visualization, Gaussian Splatting has vast applications.<\/p><\/li><\/ul><div><hr \/><\/div><h3>Final Thoughts<\/h3><p>From a simple coffee station to a fully interactive 3D model, this project highlights the potential of Gaussian Splatting. As AI continues to advance, techniques like this will become indispensable in industries ranging from architecture to entertainment. The ability to quickly and efficiently create immersive 3D environments opens up endless possibilities.<\/p><p>Whether you\u2019re an artist, a game developer, or simply a tech enthusiast, Gaussian Splatting offers a glimpse into the future of 3D content creation. And who knows? Maybe your next coffee break could inspire a digital masterpiece too.<\/p><p>\u00a0<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1790601 elementor-widget elementor-widget-heading\" data-id=\"1790601\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Discover the interactive online version below\n<\/h4>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d8b9351 elementor-widget elementor-widget-spacer\" data-id=\"d8b9351\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0ff1970 elementor-widget elementor-widget-text-editor\" data-id=\"0ff1970\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Click and drag to explore the scene, scroll to seamlessly zoom in and out, and use the &#8216;Scene 2&#8217; button to load the Coffee Station.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a40dcf8 elementor-widget elementor-widget-spacer\" data-id=\"a40dcf8\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e0db37 elementor-widget elementor-widget-html\" data-id=\"7e0db37\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div style=\"position: relative; text-align: center;\">\r\n    <iframe \r\n        id=\"myIframe\"\r\n        src=\"https:\/\/ghafari.co.uk\/gsplat\/\" \r\n        width=\"560\" \r\n        height=\"315\" \r\n        style=\"border:none;\"\r\n        allowfullscreen>\r\n    <\/iframe>\r\n    <br>\r\n    <button \r\n        id=\"fullscreenButton\" \r\n        style=\"margin-top: 10px; padding: 10px 20px; font-size: 16px; cursor: pointer;\">\r\n        Go Full Screen\r\n    <\/button>\r\n<\/div>\r\n\r\n<script>\r\n    document.getElementById('fullscreenButton').addEventListener('click', function () {\r\n        var iframe = document.getElementById('myIframe');\r\n        if (iframe.requestFullscreen) {\r\n            iframe.requestFullscreen();\r\n        } else if (iframe.mozRequestFullScreen) { \/\/ Firefox\r\n            iframe.mozRequestFullScreen();\r\n        } else if (iframe.webkitRequestFullscreen) { \/\/ Chrome, Safari and Opera\r\n            iframe.webkitRequestFullscreen();\r\n        } else if (iframe.msRequestFullscreen) { \/\/ IE\/Edge\r\n            iframe.msRequestFullscreen();\r\n        } else {\r\n            alert('Your browser does not support fullscreen mode for iframes.');\r\n        }\r\n    });\r\n<\/script>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-59df782 elementor-widget elementor-widget-spacer\" data-id=\"59df782\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\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":"<p>From Coffee Station to 3D Immersion: Exploring Gaussian Splatting When technology and creativity meet, the results can be extraordinary. Recently, I embarked on an experimental journey using the 3D Gaussian Splatting technique,&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[50],"tags":[],"class_list":["post-1420","post","type-post","status-publish","format-standard","hentry","category-misc"],"_links":{"self":[{"href":"https:\/\/ghafari.co.uk\/index.php\/wp-json\/wp\/v2\/posts\/1420","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ghafari.co.uk\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ghafari.co.uk\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ghafari.co.uk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ghafari.co.uk\/index.php\/wp-json\/wp\/v2\/comments?post=1420"}],"version-history":[{"count":10,"href":"https:\/\/ghafari.co.uk\/index.php\/wp-json\/wp\/v2\/posts\/1420\/revisions"}],"predecessor-version":[{"id":1432,"href":"https:\/\/ghafari.co.uk\/index.php\/wp-json\/wp\/v2\/posts\/1420\/revisions\/1432"}],"wp:attachment":[{"href":"https:\/\/ghafari.co.uk\/index.php\/wp-json\/wp\/v2\/media?parent=1420"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ghafari.co.uk\/index.php\/wp-json\/wp\/v2\/categories?post=1420"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ghafari.co.uk\/index.php\/wp-json\/wp\/v2\/tags?post=1420"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}