Show HN: Maps and Splats – Mashup of 3D tile maps with Gaussian Splats
https://maps-and-splats.glitch.me/
Splats + Maps Test
Send to VR Device with hmd.link
Hi Twitter + HN crowd. Not seeing Google 3D Tiles? We have a daily API limit to control costs. Try loading again another day. Signup to our email list here to be notified when we launch a public product.
{
"by": "kfarr",
"descendants": 19,
"id": 40223510,
"kids": [
40226528,
40228904,
40227603,
40228645,
40226372,
40227747,
40230125,
40228667,
40230597,
40226205
],
"score": 87,
"text": "Hello HN!<p>I’m excited to share this open-source community mashup showing the power and possibility of combining 3D Gaussian splat scans with traditional mesh-based 3D tiles maps in the browser.<p>As you've probably seen on HN a bunch lately, Gaussian splats are a new method to allow custom 3D scans of scenes and objects [1] and Google Maps 3D Tiles API are the same 3D buildings and street views your familiar with in Google Earth or Google Maps, and recently they’ve been made available for inclusion in web apps.<p>Combining splats + 3d map mixes highly detailed real-world custom micro-scans with the macro-level 3D imagery from satellite data. This is useful for civil engineering, transportation planning, real estate, construction, creative production, and so much more – we’re just scratching the surface.<p>Demo1 with manual orbit controls:<p>- Video: <a href=\"https://twitter.com/kfarr/status/1773934700878561396\" rel=\"nofollow\">https://twitter.com/kfarr/status/1773934700878561396</a><p>- Live Demo: <a href=\"https://maps-and-splats.glitch.me/\" rel=\"nofollow\">https://maps-and-splats.glitch.me/</a><p>- Source: <a href=\"https://glitch.com/edit/#!/maps-and-splats?path=index.html\" rel=\"nofollow\">https://glitch.com/edit/#!/maps-and-splats?path=index.html</a><p>- Instructions: zoom in / out using scrollwheel and rotate with click and drag<p>Demo2 with animated camera path timeline:<p>- Video: <a href=\"https://twitter.com/3dstreetapp/status/1775203540442697782\" rel=\"nofollow\">https://twitter.com/3dstreetapp/status/1775203540442697782</a><p>- Live Demo: <a href=\"https://look-at-splat-maps.glitch.me/\" rel=\"nofollow\">https://look-at-splat-maps.glitch.me/</a><p>- Source: <a href=\"https://glitch.com/edit/#!/look-at-splat-maps\" rel=\"nofollow\">https://glitch.com/edit/#!/look-at-splat-maps</a><p>- Instructions for using timeline to make your own camera flight path: <a href=\"https://www.youtube.com/watch?v=QDWKina45f4\" rel=\"nofollow\">https://www.youtube.com/watch?v=QDWKina45f4</a><p>These demos combine: A-Frame / three.js, NYTimes three.js 3DTiles viewer component with Google 3D Tiles, 3DStreet Gaussian splat viewer component from Luma Labs scanned scenes, theatre.js animated camera path and timeline editor, Glitch hosting / IDE because they’re awesome for hacking projects like this<p>These demos are results of R&D from a larger project: <a href=\"https://3dstreet.org\" rel=\"nofollow\">https://3dstreet.org</a><p>Some of these API cost real money so I worked to get a temporary quota of 25,000 sessions. After that the 3dtiles won’t load, you’ll need to get your own API key from Google :)<p>[1] 2 min intro to 3D Gaussian splatting: <a href=\"https://www.youtube.com/watch?v=HVv_IQKlafQ\" rel=\"nofollow\">https://www.youtube.com/watch?v=HVv_IQKlafQ</a>",
"time": 1714572756,
"title": "Show HN: Maps and Splats – Mashup of 3D tile maps with Gaussian Splats",
"type": "story",
"url": "https://maps-and-splats.glitch.me/"
}
{
"author": null,
"date": null,
"description": "Basic example for 3D Tiles component showing google 3d Tiles.",
"image": null,
"logo": null,
"publisher": "Basic example",
"title": "A-Frame 3D Tiles Component - Basic example",
"url": "https://maps-and-splats.glitch.me/"
}
{
"url": "https://maps-and-splats.glitch.me/",
"title": "A-Frame 3D Tiles Component - Basic example",
"description": "Splats + Maps Test Send to VR Device with hmd.link Hi Twitter + HN crowd. Not seeing Google 3D Tiles? We have a daily API limit to control costs. Try loading again another...",
"links": [
"https://maps-and-splats.glitch.me/"
],
"image": "",
"content": "<div>\n <h2>Splats + Maps Test</h2>\n <p><a target=\"_blank\">Send to VR Device with hmd.link</a>\n </p>\n <p>\n Hi Twitter + HN crowd. Not seeing Google 3D Tiles? We have a daily API limit to control costs. Try loading again another day. <a target=\"_blank\" href=\"https://3dstreet.org/\">Signup to our email list here to be notified when we launch a public product.</a>\n </p>\n </div>",
"author": "",
"favicon": "",
"source": "maps-and-splats.glitch.me",
"published": "",
"ttr": 10,
"type": ""
}