SuperSplat\u3092\u30ed\u30fc\u30ab\u30eb\u69cb\u7bc9\u3057\u3066Gaussian Splat\u3092\u51e6\u7406\u3057\u3001WebXR\u3067\u53ef\u8996\u5316\u3059\u308b\u6d41\u308c<\/title><\/p>\n<style>\n :root{\n --bg:#ffffff;\n --panel:#ffffff;\n --panel2:#f8fafc;\n --text:#172033;\n --muted:#5b667a;\n --line:#d8e0ee;\n --accent:#0066cc;\n --accent2:#007f5f;\n --warn:#8a5a00;\n --danger:#b42318;\n --code:#f6f8fa;\n --shadow:0 12px 30px rgba(15,23,42,.08);\n }\n *{box-sizing:border-box}\n html{scroll-behavior:smooth}\n body{\n margin:0;\n font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Noto Sans JP\",\"Hiragino Kaku Gothic ProN\",Meiryo,sans-serif;\n line-height:1.72;\n color:var(--text);\n background:#ffffff;\n }\n a{color:var(--accent)}\n .wrap{max-width:1180px;margin:0 auto;padding:28px 18px 72px}\n header.hero{\n padding:46px 28px;\n border:1px solid var(--line);\n border-radius:28px;\n background:linear-gradient(135deg,#ffffff,#f8fbff);\n box-shadow:var(--shadow);\n position:relative;\n overflow:hidden;\n }\n header.hero:after{\n content:\"\";\n position:absolute;\n right:-90px;\n top:-90px;\n width:260px;\n height:260px;\n border-radius:50%;\n background:radial-gradient(circle,rgba(0,102,204,.08),transparent 65%);\n }\n .badge{\n display:inline-flex;gap:.5em;align-items:center;\n padding:.35rem .72rem;border:1px solid var(--line);border-radius:999px;\n color:var(--accent2);background:#eefaf5;font-size:.9rem;\n }\n h1{font-size:clamp(2rem,4vw,3.6rem);line-height:1.15;margin:.8rem 0 1rem;letter-spacing:.01em}\n h2{font-size:clamp(1.45rem,2.6vw,2.15rem);line-height:1.25;margin:3rem 0 1rem;padding-bottom:.45rem;border-bottom:1px solid var(--line)}\n h3{font-size:1.25rem;margin:2rem 0 .7rem}\n h4{font-size:1.05rem;margin:1.4rem 0 .5rem;color:var(--accent2)}\n p{margin:.75rem 0}\n .lead{font-size:1.14rem;color:#243047;max-width:900px}\n .muted{color:var(--muted)}\n .grid{display:grid;gap:18px}\n .grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}\n .grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}\n @media (max-width:860px){.grid.cols-2,.grid.cols-3{grid-template-columns:1fr}}\n .card{\n border:1px solid var(--line);\n background:linear-gradient(180deg,#ffffff,#f8fafc);\n border-radius:22px;\n padding:20px;\n box-shadow:0 10px 26px rgba(0,0,0,.18);\n }\n .card h3{margin-top:0}\n .ok{color:var(--accent2)}\n .warn{color:var(--warn)}\n .danger{color:var(--danger)}\n .toc{\n margin:22px 0;\n padding:16px 18px;\n border:1px solid var(--line);\n border-radius:20px;\n background:#ffffff;\n }\n .toc a{display:inline-block;margin:.2rem .8rem .2rem 0;text-decoration:none}\n table{width:100%;border-collapse:collapse;margin:1rem 0;border:1px solid var(--line);border-radius:14px;overflow:hidden}\n th,td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}\n th{background:#eef6ff;text-align:left;color:#172033}\n tr:last-child td{border-bottom:0}\n code,kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,\"Liberation Mono\",monospace}\n code{background:#eef6ff;padding:.12rem .35rem;border-radius:7px;color:#172033}\n pre{\n margin:1rem 0;\n padding:16px 18px;\n border:1px solid var(--line);\n background:var(--code);\n color:#1f2937;\n border-radius:18px;\n overflow:auto;\n line-height:1.55;\n box-shadow:inset 0 0 0 1px rgba(15,23,42,.03);\n }\n pre code{background:transparent;padding:0;border-radius:0}\n .note{\n border-left:4px solid var(--accent);\n background:#eef6ff;\n padding:14px 16px;\n border-radius:14px;\n margin:1rem 0;\n }\n .warning{\n border-left:4px solid var(--warn);\n background:#fff8e6;\n padding:14px 16px;\n border-radius:14px;\n margin:1rem 0;\n }\n .bad{\n border-left:4px solid var(--danger);\n background:#fff1f1;\n padding:14px 16px;\n border-radius:14px;\n margin:1rem 0;\n }\n .flow{\n display:grid;\n grid-template-columns:repeat(7,1fr);\n gap:10px;\n align-items:stretch;\n margin:18px 0;\n }\n .step{\n min-height:90px;\n padding:12px;\n border:1px solid var(--line);\n border-radius:16px;\n background:#f4f9ff;\n font-size:.94rem;\n position:relative;\n }\n .step b{display:block;color:var(--accent2);margin-bottom:.25rem}\n .step:not(:last-child):after{\n content:\"\u2192\";\n position:absolute;\n right:-14px;\n top:50%;\n transform:translateY(-50%);\n color:var(--accent);\n font-weight:bold;\n z-index:2;\n }\n @media (max-width:920px){.flow{grid-template-columns:1fr}.step:not(:last-child):after{content:\"\u2193\";right:50%;top:auto;bottom:-20px;transform:translateX(50%)}}\n .small{font-size:.92rem}\n .pill{\n display:inline-block;padding:.2rem .55rem;border:1px solid var(--line);border-radius:999px;background:#f8fafc;margin:.12rem .18rem .12rem 0;color:#243047\n }\n footer{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--line);color:var(--muted)}\n <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<div class=\"wrap\">\n<header class=\"hero\">\n <span class=\"badge\">Gaussian Splatting \/ SuperSplat \/ WebXR \u5b9f\u88c5\u30e1\u30e2<\/span><\/p>\n<p class=\"lead\">\n \u3053\u3053\u3067\u306f\u3001PlayCanvas\u306e <strong>SuperSplat Editor<\/strong> \u3092\u30ed\u30fc\u30ab\u30eb\u3067\u52d5\u304b\u3057\u3001\u5fc5\u8981\u306b\u5fdc\u3058\u3066<br \/>\n <strong>SplatTransform CLI<\/strong> \u3067\u5909\u63db\u30fb\u5727\u7e2e\u30fb\u9593\u5f15\u304d\u30fb\u885d\u7a81\u30c7\u30fc\u30bf\u751f\u6210\u3092\u884c\u3044\u3001<br \/>\n <strong>SuperSplat Viewer<\/strong> \u307e\u305f\u306f\u30a8\u30c7\u30a3\u30bf\u66f8\u304d\u51fa\u3057HTML\u3092\u4f7f\u3063\u3066WebXR\u5bfe\u5fdc\u30d3\u30e5\u30fc\u30a2\u3068\u3057\u3066\u516c\u958b\u3059\u308b\u307e\u3067\u3092\u5984\u60f3\u3059\u308b\u3002\n <\/p>\n<p class=\"muted\">\u4f5c\u6210\u65e5: 2026-05-27 \/ \u60f3\u5b9a\u74b0\u5883: Ubuntu 24.04 \u307e\u305f\u306f Windows + Node.js 18\u4ee5\u4e0a \/ \u516c\u958b\u5148: Nginx, Flask, GitHub Pages, \u793e\u5185\u30b5\u30fc\u30d0\u30fc<\/p>\n<\/header>\n<nav class=\"toc\">\n <strong>\u76ee\u6b21\uff1a<\/strong><br \/>\n <a href=\"#overview\">\u5168\u4f53\u50cf<\/a><br \/>\n <a href=\"#roles\">3\u3064\u306e\u5f79\u5272<\/a><br \/>\n <a href=\"#local-editor\">SuperSplat\u3092\u30ed\u30fc\u30ab\u30eb\u8d77\u52d5<\/a><br \/>\n <a href=\"#processing\">Splat\u51e6\u7406<\/a><br \/>\n <a href=\"#export\">Viewer\u66f8\u304d\u51fa\u3057<\/a><br \/>\n <a href=\"#webxr\">WebXR\u53ef\u8996\u5316<\/a><br \/>\n <a href=\"#server\">Nginx\/Flask\u7d44\u307f\u8fbc\u307f<\/a><br \/>\n <a href=\"#trouble\">\u30c8\u30e9\u30d6\u30eb\u5bfe\u7b56<\/a><br \/>\n <\/nav>\n<section id=\"overview\">\n<h2>1. \u5168\u4f53\u50cf\uff1a\u6700\u77ed\u69cb\u6210\u3068\u5b9f\u904b\u7528\u69cb\u6210<\/h2>\n<p>\n \u307e\u305a\u7d50\u8ad6\u3002<strong>SuperSplat\u5358\u4f53\u3092\u300c\u51e6\u7406\u30a8\u30f3\u30b8\u30f3\u300d\u3068\u8003\u3048\u308b\u3088\u308a\u3001Editor\u30fbCLI\u30fbViewer\u3092\u5206\u3051\u308b<\/strong>\u306e\u304c\u6b63\u89e3\u306b\u8fd1\u3044\u3002<br \/>\n Editor\u306f\u8996\u899a\u7684\u306a\u524a\u9664\u30fb\u8abf\u6574\u306b\u5f37\u304f\u3001CLI\u306f\u5927\u91cf\u51e6\u7406\u30fb\u5909\u63db\u30fb\u9593\u5f15\u304d\u30fb\u885d\u7a81\u30c7\u30fc\u30bf\u751f\u6210\u306b\u5f37\u3044\u3002<br \/>\n Viewer\u306fWeb\u30da\u30fc\u30b8\u3068\u3057\u3066\u914d\u4fe1\u3057\u3001WebXR\u5bfe\u5fdc\u7aef\u672b\u306a\u3089AR\/VR\u8868\u793a\u306b\u9032\u3081\u308b\u3002\n <\/p>\n<div class=\"flow\">\n<div class=\"step\"><b>\u64ae\u5f71\u30fb\u751f\u6210<\/b>Polycam \/ Postshot \/ COLMAP \/ Nerfstudio\u7b49\u3067PLY\u3084Splat\u7cfb\u30c7\u30fc\u30bf\u3092\u4f5c\u308b<\/div>\n<div class=\"step\"><b>\u7de8\u96c6<\/b>SuperSplat Editor\u3067\u4e0d\u8981\u90e8\u5206\u524a\u9664\u3001\u5411\u304d\u8abf\u6574\u3001\u898b\u6804\u3048\u78ba\u8a8d<\/div>\n<div class=\"step\"><b>CLI\u51e6\u7406<\/b>SplatTransform\u3067SOG\u5316\u3001\u9593\u5f15\u304d\u3001NaN\u9664\u53bb\u3001\u5ea7\u6a19\u5909\u63db\u3001\u885d\u7a81\u30c7\u30fc\u30bf\u751f\u6210<\/div>\n<div class=\"step\"><b>\u8a2d\u5b9a<\/b>settings.json\u3067\u30ab\u30e1\u30e9\u3001\u6ce8\u91c8\u3001\u80cc\u666f\u3001\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092\u5b9a\u7fa9<\/div>\n<div class=\"step\"><b>Viewer<\/b>HTML Export\u307e\u305f\u306fsupersplat-viewer\u3067\u8868\u793a<\/div>\n<div class=\"step\"><b>HTTPS\u914d\u4fe1<\/b>Nginx \/ Flask \/ GitHub Pages\u7b49\u3067\u516c\u958b<\/div>\n<div class=\"step\"><b>WebXR<\/b>Quest \/ Android\u7b49\u306eWebXR\u5bfe\u5fdc\u30d6\u30e9\u30a6\u30b6\u3067AR\/VR\u8868\u793a<\/div>\n<\/p><\/div>\n<div class=\"note\">\n <strong>\u6700\u77ed\u691c\u8a3c\uff1a<\/strong><br \/>\n SuperSplat Editor\u3092\u8d77\u52d5 \u2192 PLY\u3092\u8aad\u307f\u8fbc\u307f \u2192 <code>File > Export > Viewer App\u2026<\/code> \u2192<br \/>\n ZIP\u3067\u51fa\u529b \u2192 <code>python -m http.server<\/code> \u3067\u958b\u304f\u3002\u3053\u308c\u3067\u901a\u5e38\u30d6\u30e9\u30a6\u30b6\u8868\u793a\u306f\u8a66\u305b\u308b\u3002<br \/>\n WebXR\u307e\u3067\u884c\u304f\u306a\u3089\u3001\u7aef\u672b\u304b\u3089\u30a2\u30af\u30bb\u30b9\u3067\u304d\u308bHTTPS\u914d\u4fe1\u304c\u307b\u307c\u5fc5\u9808\u3002\n <\/div>\n<\/section>\n<section id=\"roles\">\n<h2>2. \u4f7f\u3046\u3082\u306e\u306e\u5f79\u5272<\/h2>\n<div class=\"grid cols-3\">\n<div class=\"card\">\n<h3>SuperSplat Editor<\/h3>\n<p>3D Gaussian Splat\u306e\u8aad\u307f\u8fbc\u307f\u3001\u78ba\u8a8d\u3001\u7de8\u96c6\u3001\u6700\u9069\u5316\u3001\u516c\u958b\u30fb\u66f8\u304d\u51fa\u3057\u3092\u884c\u3046\u30d6\u30e9\u30a6\u30b6\u30d9\u30fc\u30b9\u306e\u30a8\u30c7\u30a3\u30bf\u3002<\/p>\n<p><span class=\"pill\">\u8996\u899a\u7de8\u96c6<\/span><span class=\"pill\">\u30c8\u30ea\u30df\u30f3\u30b0<\/span><span class=\"pill\">Viewer\u66f8\u304d\u51fa\u3057<\/span><\/p>\n<\/p><\/div>\n<div class=\"card\">\n<h3>SplatTransform<\/h3>\n<p>CLI\u307e\u305f\u306f\u30e9\u30a4\u30d6\u30e9\u30ea\u3068\u3057\u3066\u4f7f\u3048\u308b\u5909\u63db\u30fb\u51e6\u7406\u30c4\u30fc\u30eb\u3002PLY\u3001SOG\u3001SPZ\u3001SPLAT\u3001KSPLAT\u306a\u3069\u3092\u6271\u3044\u3001SOG\u5316\u3001\u9593\u5f15\u304d\u3001\u56de\u8ee2\u3001\u30b9\u30b1\u30fc\u30eb\u3001\u885d\u7a81\u7528Voxel\u751f\u6210\u306a\u3069\u306b\u4f7f\u3046\u3002<\/p>\n<p><span class=\"pill\">CLI\u51e6\u7406<\/span><span class=\"pill\">SOG\u5727\u7e2e<\/span><span class=\"pill\">\u885d\u7a81\u30c7\u30fc\u30bf<\/span><\/p>\n<\/p><\/div>\n<div class=\"card\">\n<h3>SuperSplat Viewer<\/h3>\n<p>\u81ea\u524dWeb\u30b5\u30a4\u30c8\u306b\u7d44\u307f\u8fbc\u3080\u8868\u793a\u30e9\u30f3\u30bf\u30a4\u30e0\u3002Splat\u30d5\u30a1\u30a4\u30eb\u3068settings.json\u3092\u8aad\u307f\u3001\u6ce8\u91c8\u3001\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3001WebXR\u5bfe\u5fdc\u8868\u793a\u3092\u884c\u3046\u3002<\/p>\n<p><span class=\"pill\">Web\u8868\u793a<\/span><span class=\"pill\">WebXR<\/span><span class=\"pill\">\u81ea\u524d\u914d\u4fe1<\/span><\/p>\n<\/p><\/div>\n<\/p><\/div>\n<table>\n<thead>\n<tr>\n<th>\u3084\u308a\u305f\u3044\u3053\u3068<\/th>\n<th>\u4f7f\u3046\u3082\u306e<\/th>\n<th>\u7406\u7531<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>PLY\u3092\u624b\u3067\u898b\u306a\u304c\u3089\u4e0d\u8981\u90e8\u5206\u3092\u6d88\u3059<\/td>\n<td>SuperSplat Editor<\/td>\n<td>\u8996\u899a\u7684\u306b\u7de8\u96c6\u3067\u304d\u308b\u305f\u3081\u3002\u73fe\u5834\u30c7\u30fc\u30bf\u306e\u6383\u9664\u306b\u5411\u304f\u3002<\/td>\n<\/tr>\n<tr>\n<td>\u5927\u91cf\u30d5\u30a1\u30a4\u30eb\u3092\u4e00\u62ec\u3067\u5727\u7e2e\u30fb\u5909\u63db\u3059\u308b<\/td>\n<td>SplatTransform<\/td>\n<td>CLI\u5316\u3067\u304d\u308b\u305f\u3081\u3002\u6848\u4ef6DB\u3084\u30d0\u30c3\u30c1\u51e6\u7406\u306b\u8f09\u305b\u3084\u3059\u3044\u3002<\/td>\n<\/tr>\n<tr>\n<td>Web\u30da\u30fc\u30b8\u306bSplat\u3092\u57cb\u3081\u8fbc\u3080<\/td>\n<td>SuperSplat Viewer<\/td>\n<td>\u9759\u7684Web\u30a2\u30d7\u30ea\u3068\u3057\u3066\u914d\u4fe1\u3067\u304d\u3001URL\u30d1\u30e9\u30e1\u30fc\u30bf\u3084settings.json\u3067\u5236\u5fa1\u3067\u304d\u308b\u3002<\/td>\n<\/tr>\n<tr>\n<td>Quest\u3084Android\u3067AR\/VR\u8868\u793a\u3059\u308b<\/td>\n<td>SuperSplat Viewer + HTTPS<\/td>\n<td>WebXR\u306f\u5bfe\u5fdc\u30d6\u30e9\u30a6\u30b6\u30fb\u5bfe\u5fdc\u7aef\u672b\u30fb\u5b89\u5168\u306a\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u304c\u5fc5\u8981\u3002<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/section>\n<section id=\"local-editor\">\n<h2>3. SuperSplat Editor\u3092\u30ed\u30fc\u30ab\u30eb\u306b\u6301\u3063\u3066\u304f\u308b<\/h2>\n<p>\n \u516c\u5f0fREADME\u3067\u306f\u3001Node.js 18\u4ee5\u4e0a\u3092\u524d\u63d0\u306b\u3001GitHub\u304b\u3089\u30af\u30ed\u30fc\u30f3\u3057\u3066 <code>npm install<\/code>\u3001<code>npm run develop<\/code> \u3067<br \/>\n <code>http:\/\/localhost:3000<\/code> \u3092\u958b\u304f\u6d41\u308c\u306b\u306a\u3063\u3066\u3044\u308b\u3002\n <\/p>\n<h3>Ubuntu \/ WSL \/ macOS<\/h3>\n<pre><code># Node.js 18\u4ee5\u4e0a\u3092\u78ba\u8a8d\nnode -v\nnpm -v\n\n# \u30ea\u30dd\u30b8\u30c8\u30ea\u53d6\u5f97\ngit clone https:\/\/github.com\/playcanvas\/supersplat.git\ncd supersplat\n\n# \u4f9d\u5b58\u95a2\u4fc2\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\nnpm install\n\n# \u958b\u767a\u30b5\u30fc\u30d0\u30fc\u8d77\u52d5\nnpm run develop\n\n# \u30d6\u30e9\u30a6\u30b6\u3067\u958b\u304f\n# http:\/\/localhost:3000\n<\/code><\/pre>\n<h3>Windows PowerShell<\/h3>\n<pre><code>git clone https:\/\/github.com\/playcanvas\/supersplat.git\ncd supersplat\nnpm install\nnpm run develop\n<\/code><\/pre>\n<div class=\"warning\">\n <strong>\u30ad\u30e3\u30c3\u30b7\u30e5\u6ce8\u610f\uff1a<\/strong><br \/>\n SuperSplat\u306fWeb\u30a2\u30d7\u30ea\u306a\u306e\u3067\u3001Service Worker\u3084\u30d6\u30e9\u30a6\u30b6\u30ad\u30e3\u30c3\u30b7\u30e5\u304c\u6b8b\u308b\u3053\u3068\u304c\u3042\u308b\u3002<br \/>\n \u8868\u793a\u304c\u53e4\u3044\u3001\u5909\u66f4\u304c\u53cd\u6620\u3055\u308c\u306a\u3044\u3001\u30ed\u30fc\u30c9\u304c\u304a\u304b\u3057\u3044\u5834\u5408\u306f\u3001Chrome DevTools\u306eApplication \u2192 Service Workers\u3067<br \/>\n \u201cUpdate on reload\u201d \u3084 \u201cBypass for network\u201d \u3092\u6709\u52b9\u5316\u3057\u3001\u30ad\u30e3\u30c3\u30b7\u30e5\u3092\u6d88\u3059\u3002\n <\/div>\n<h3>\u8aad\u307f\u8fbc\u3080\u30d5\u30a1\u30a4\u30eb<\/h3>\n<p>\n \u4ee3\u8868\u7684\u306b\u306f <code>.ply<\/code> \u3092\u8aad\u307f\u8fbc\u3080\u3002\u307b\u304b\u306e\u5f62\u5f0f\u304b\u3089\u6765\u305f\u30c7\u30fc\u30bf\u306f\u3001\u5148\u306bSplatTransform\u3067PLY\u3084SOG\u3078\u5909\u63db\u3057\u3066\u304a\u304f\u3068\u6271\u3044\u3084\u3059\u3044\u3002\n <\/p>\n<\/section>\n<section id=\"processing\">\n<h2>4. SplatTransform\u3067Splat\u3092\u51e6\u7406\u3059\u308b<\/h2>\n<p>\n \u5b9f\u904b\u7528\u3067\u306f\u3001Editor\u3067\u5168\u90e8\u3084\u308d\u3046\u3068\u3057\u306a\u3044\u65b9\u304c\u3088\u3044\u3002<br \/>\n \u6848\u4ef6\u5358\u4f4d\u30fb\u73fe\u5834\u5358\u4f4d\u3067\u51e6\u7406\u3092\u81ea\u52d5\u5316\u3059\u308b\u306a\u3089\u3001SplatTransform\u3092\u5165\u308c\u3066CLI\u51e6\u7406\u306b\u56de\u3059\u3002\n <\/p>\n<h3>\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<\/h3>\n<pre><code>npm install -g @playcanvas\/splat-transform\n\n# \u52d5\u4f5c\u78ba\u8a8d\nsplat-transform --version\nsplat-transform --help\n<\/code><\/pre>\n<h3>\u57fa\u672c\u5909\u63db<\/h3>\n<pre><code># PLY \u2192 compressed PLY\nsplat-transform input.ply output.compressed.ply\n\n# PLY \u2192 SOG\u3002Web\u914d\u4fe1\u5411\u3051\u306e\u5727\u7e2e\u5f62\u5f0f\u3068\u3057\u3066\u6271\u3044\u3084\u3059\u3044\nsplat-transform input.ply output.sog\n\n# compressed PLY \u2192 \u901a\u5e38PLY\u3078\u623b\u3059\nsplat-transform input.compressed.ply output.ply\n\n# PLY \u2192 \u5358\u4f53HTML Viewer\nsplat-transform input.ply output.html\n\n# PLY \u2192 \u5206\u96e2\u578bHTML Viewer\u3002CSS\/JS\/SOG\u3092\u5225\u30d5\u30a1\u30a4\u30eb\u306b\u3059\u308b\nsplat-transform -U input.ply output.html\n<\/code><\/pre>\n<h3>\u8efd\u91cf\u5316\u30fb\u6383\u9664<\/h3>\n<pre><code># NaN\u3084Inf\u3092\u542b\u3080\u58ca\u308c\u305fGaussian\u3092\u9664\u53bb\nsplat-transform input.ply --filter-nan clean.ply\n\n# 25%\u3060\u3051\u6b8b\u3057\u3066\u8efd\u91cf\u5316\nsplat-transform input.ply -F 25% decimated.ply\n\n# 50,000\u500b\u306b\u9593\u5f15\u304f\nsplat-transform input.ply --decimate 50000 decimated_50k.ply\n\n# \u900f\u660e\u5ea6\u304c\u4f4e\u3044\u3082\u306e\u3092\u843d\u3068\u3059\u4f8b\nsplat-transform input.ply -V opacity,gt,0.5 opacity_filtered.ply\n\n# \u7403\u9762\u8abf\u548c\u95a2\u6570\u306e\u9ad8\u6b21\u6210\u5206\u3092\u843d\u3068\u3057\u3066\u8efd\u304f\u3059\u308b\nsplat-transform input.ply --filter-harmonics 2 harmonics2.ply\n<\/code><\/pre>\n<h3>\u5ea7\u6a19\u5909\u63db\u30fb\u7d71\u5408<\/h3>\n<pre><code># \u30b9\u30b1\u30fc\u30eb\u8abf\u6574\nsplat-transform input.ply -s 0.5 scaled.ply\n\n# \u5e73\u884c\u79fb\u52d5\nsplat-transform input.ply -t 0,0,10 translated.ply\n\n# Y\u8ef8\u307e\u308f\u308a\u306b90\u5ea6\u56de\u8ee2\nsplat-transform input.ply -r 0,90,0 rotated.ply\n\n# \u8907\u6570Splat\u3092\u7d71\u5408\nsplat-transform sceneA.ply sceneB.ply merged.ply\n<\/code><\/pre>\n<h3>\u6b69\u884c\u30e2\u30fc\u30c9\u7528\u306e\u885d\u7a81\u30c7\u30fc\u30bf\u3092\u4f5c\u308b<\/h3>\n<p>\n WebXR\u3084\u4e00\u4eba\u79f0\u30a6\u30a9\u30fc\u30af\u3092\u8003\u3048\u308b\u306a\u3089\u3001\u898b\u305f\u76ee\u306eSplat\u3068\u306f\u5225\u306b\u885d\u7a81\u30c7\u30fc\u30bf\u304c\u5fc5\u8981\u306b\u306a\u308b\u3002<br \/>\n SplatTransform\u306f <code>.voxel.json<\/code> \u3084\u885d\u7a81\u30e1\u30c3\u30b7\u30e5\u306e\u751f\u6210\u306b\u4f7f\u3048\u308b\u3002\n <\/p>\n<pre><code># \u5c4b\u5185\u30b7\u30fc\u30f3\u4f8b\nsplat-transform room.ply \\\n --filter-cluster --seed-pos 0,1,0 \\\n --voxel-external-fill --voxel-carve \\\n -K room.voxel.json\n\n# \u5c4b\u5916\u30fb\u5730\u5f62\u30b7\u30fc\u30f3\u4f8b\nsplat-transform terrain.ply \\\n --filter-cluster --seed-pos 0,0,0 \\\n --voxel-floor-fill \\\n -K terrain.voxel.json\n<\/code><\/pre>\n<div class=\"note\">\n <strong>seed-pos\u306e\u8003\u3048\u65b9\uff1a<\/strong><br \/>\n <code>--seed-pos<\/code> \u306f\u300c\u3053\u3053\u304c\u6b69\u3051\u308b\u30fb\u4e2d\u5fc3\u306b\u3057\u305f\u3044\u300d\u3068\u3044\u3046\u70b9\u3092\u6307\u5b9a\u3059\u308b\u3002<br \/>\n \u73fe\u5834\u7a7a\u9593\u306e\u5834\u5408\u306f\u3001\u5165\u53e3\u4ed8\u8fd1\u3084\u901a\u8def\u4e2d\u592e\u306a\u3069\u3001\u78ba\u5b9f\u306b\u7a7a\u9593\u5185\u90e8\u306b\u3042\u308b\u5ea7\u6a19\u3092\u9078\u3076\u3002<br \/>\n \u3053\u3053\u3092\u5916\u3059\u3068\u3001\u5fc5\u8981\u306a\u30af\u30e9\u30b9\u30bf\u307e\u3067\u6d88\u3048\u308b\u3002\u4fbf\u5229\u3060\u304c\u3001\u5207\u308c\u5473\u306e\u3088\u3059\u304e\u308b\u5305\u4e01\u3002\n <\/div>\n<\/section>\n<section id=\"export\">\n<h2>5. Viewer\u3068\u3057\u3066\u66f8\u304d\u51fa\u3059<\/h2>\n<h3>A. Editor\u304b\u3089\u66f8\u304d\u51fa\u3059<\/h3>\n<p>SuperSplat Editor\u3067\u7de8\u96c6\u5f8c\u3001\u4ee5\u4e0b\u306e\u64cd\u4f5c\u3067\u30d3\u30e5\u30fc\u30a2\u3092\u66f8\u304d\u51fa\u3059\u3002<\/p>\n<ol>\n<li><code>File<\/code> \u3092\u958b\u304f<\/li>\n<li><code>Export<\/code> \u30b5\u30d6\u30e1\u30cb\u30e5\u30fc\u3092\u958b\u304f<\/li>\n<li><code>Viewer App\u2026<\/code> \u3092\u9078\u3076<\/li>\n<li>HTML\u5358\u4f53\u307e\u305f\u306fZIP Package\u3092\u9078\u629e\u3059\u308b<\/li>\n<\/ol>\n<table>\n<thead>\n<tr>\n<th>\u5f62\u5f0f<\/th>\n<th>\u7279\u5fb4<\/th>\n<th>\u5411\u3044\u3066\u3044\u308b\u7528\u9014<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>HTML\u5358\u4f53<\/td>\n<td>Splat\u304cBase64\u3067HTML\u5185\u306b\u57cb\u3081\u8fbc\u307e\u308c\u308b\u3002\u30c0\u30d6\u30eb\u30af\u30ea\u30c3\u30af\u3067\u958b\u304d\u3084\u3059\u3044\u304c\u3001Base64\u5316\u3067\u30b5\u30a4\u30ba\u304c\u5897\u3048\u308b\u3002<\/td>\n<td>\u5c0f\u3055\u306a\u30c7\u30e2\u3001\u30e1\u30fc\u30eb\u6dfb\u4ed8\u3001USB\u6e21\u3057<\/td>\n<\/tr>\n<tr>\n<td>ZIP Package<\/td>\n<td>HTML\u3068 <code>.compressed.ply<\/code> \u306a\u3069\u3092\u5206\u96e2\u3002\u8efd\u304f\u3001\u30ed\u30fc\u30c9\u3057\u3084\u3059\u3044\u304cHTTP\u30b5\u30fc\u30d0\u30fc\u914d\u4fe1\u304c\u5fc5\u8981\u3002<\/td>\n<td>Web\u516c\u958b\u3001Nginx\u914d\u4fe1\u3001Flask\u7d44\u307f\u8fbc\u307f\u3001\u5b9f\u904b\u7528<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3>B. CLI\u304b\u3089HTML Viewer\u3092\u66f8\u304d\u51fa\u3059<\/h3>\n<pre><code># \u5358\u4f53HTML\nsplat-transform input.ply output.html\n\n# \u5206\u96e2\u578bHTML\nsplat-transform -U input.ply output.html\n\n# settings.json\u3092\u4f7f\u3063\u3066\u30d3\u30e5\u30fc\u30a2\u8a2d\u5b9a\u8fbc\u307f\u3067\u51fa\u3059\nsplat-transform -E settings.json input.ply output.html\n<\/code><\/pre>\n<h3>C. supersplat-viewer\u3092npm\u3067\u7d44\u307f\u8fbc\u3080<\/h3>\n<p>\n \u81ea\u524dWeb\u30a2\u30d7\u30ea\u306b\u7d44\u307f\u8fbc\u3080\u5834\u5408\u306f\u3001<code>@playcanvas\/supersplat-viewer<\/code> \u3092\u4f7f\u3046\u3002<br \/>\n \u30d1\u30c3\u30b1\u30fc\u30b8\u306fViewer\u306e <code>index.html<\/code>\u3001<code>index.css<\/code>\u3001<code>index.js<\/code> \u3092\u6587\u5b57\u5217\u3068\u3057\u3066\u53d6\u308a\u51fa\u305b\u308b\u3002\n <\/p>\n<pre><code>npm install @playcanvas\/supersplat-viewer\n<\/code><\/pre>\n<pre><code>import { html, css, js } from '@playcanvas\/supersplat-viewer';\n\nconsole.log(html);\nconsole.log(css);\nconsole.log(js);\n<\/code><\/pre>\n<h3>settings.json\u306e\u6700\u5c0f\u4f8b<\/h3>\n<p>Viewer\u306fSplat\u672c\u4f53\u3068\u306f\u5225\u306b\u3001\u30ab\u30e1\u30e9\u3001\u80cc\u666f\u3001\u6ce8\u91c8\u3001\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3001\u958b\u59cb\u30e2\u30fc\u30c9\u306a\u3069\u3092 <code>settings.json<\/code> \u3067\u5236\u5fa1\u3067\u304d\u308b\u3002<\/p>\n<pre><code>{\n \"version\": 2,\n \"tonemapping\": \"linear\",\n \"highPrecisionRendering\": false,\n \"background\": {\n \"color\": [0, 0, 0]\n },\n \"postEffectSettings\": {\n \"sharpness\": { \"enabled\": false, \"amount\": 0 },\n \"bloom\": { \"enabled\": false, \"intensity\": 0.1, \"blurLevel\": 2 },\n \"grading\": { \"enabled\": false, \"brightness\": 1, \"contrast\": 1, \"saturation\": 1, \"tint\": [1, 1, 1] },\n \"vignette\": { \"enabled\": false, \"intensity\": 0.5, \"inner\": 0.3, \"outer\": 0.75, \"curvature\": 1 },\n \"fringing\": { \"enabled\": false, \"intensity\": 0.5 }\n },\n \"cameras\": [\n {\n \"initial\": {\n \"position\": [0, 1, -1],\n \"target\": [0, 0, 0],\n \"fov\": 75\n }\n }\n ],\n \"animTracks\": [],\n \"annotations\": [],\n \"startMode\": \"default\"\n}\n<\/code><\/pre>\n<h3>URL\u30d1\u30e9\u30e1\u30fc\u30bf\u4f8b<\/h3>\n<pre><code># Viewer\u306eindex.html\u306b\u5bfe\u3057\u3066\u3001\u8aad\u307f\u8fbc\u3080Splat\u3068settings\u3092\u6307\u5b9a\nhttps:\/\/example.com\/splat-viewer\/index.html?content=.\/scene.sog&settings=.\/settings.json\n\n# UI\u3092\u6d88\u3059\nhttps:\/\/example.com\/splat-viewer\/index.html?content=.\/scene.sog&settings=.\/settings.json&noui\n\n# \u7d71\u8a08\u8868\u793a\nhttps:\/\/example.com\/splat-viewer\/index.html?content=.\/scene.sog&settings=.\/settings.json&ministats\n\n# WebGPU\u3092\u4f7f\u3046\u6307\u5b9a\u3002\u5bfe\u5fdc\u30d6\u30e9\u30a6\u30b6\u30fb\u7aef\u672b\u306e\u307f\nhttps:\/\/example.com\/splat-viewer\/index.html?content=.\/scene.sog&settings=.\/settings.json&webgpu\n<\/code><\/pre>\n<\/section>\n<section id=\"webxr\">\n<h2>6. WebXR\u3067\u53ef\u8996\u5316\u3059\u308b<\/h2>\n<p>\n SuperSplat Viewer\u306f\u3001\u5bfe\u5fdc\u7aef\u672b\u3067\u306fWebXR\u306b\u3088\u308bAR\/VR\u8868\u793a\u306b\u9032\u3081\u308b\u3002<br \/>\n \u305f\u3060\u3057\u3001WebXR\u306f\u300c\u8868\u793aHTML\u3092\u958b\u3051\u3070\u5fc5\u305a\u51fa\u308b\u300d\u3082\u306e\u3067\u306f\u306a\u3044\u3002<br \/>\n <strong>WebXR\u5bfe\u5fdc\u30d6\u30e9\u30a6\u30b6\u3001WebXR\u5bfe\u5fdc\u7aef\u672b\u3001\u5b89\u5168\u306a\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u3001\u5341\u5206\u306aGPU\u6027\u80fd<\/strong>\u304c\u5fc5\u8981\u306b\u306a\u308b\u3002\n <\/p>\n<h3>WebXR\u8868\u793a\u306b\u5fc5\u8981\u306a\u6761\u4ef6<\/h3>\n<table>\n<thead>\n<tr>\n<th>\u6761\u4ef6<\/th>\n<th>\u5185\u5bb9<\/th>\n<th>\u6ce8\u610f<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>\u5bfe\u5fdc\u7aef\u672b<\/td>\n<td>Meta Quest\u7cfb\u3001Android\u306eWebXR\u5bfe\u5fdc\u30d6\u30e9\u30a6\u30b6\u306a\u3069<\/td>\n<td>iOS Safari\u306fWebXR\u306e\u6271\u3044\u304c\u5236\u9650\u3055\u308c\u3084\u3059\u3044\u3002\u691c\u8a3c\u7aef\u672b\u306f\u5206\u3051\u308b\u3002<\/td>\n<\/tr>\n<tr>\n<td>\u5bfe\u5fdc\u30d6\u30e9\u30a6\u30b6<\/td>\n<td>Quest Browser\u3001Chrome\u7cfb\u306a\u3069<\/td>\n<td>\u7aef\u672b\u30fbOS\u30fb\u30d6\u30e9\u30a6\u30b6\u306e\u7d44\u307f\u5408\u308f\u305b\u3067\u6319\u52d5\u304c\u5909\u308f\u308b\u3002<\/td>\n<\/tr>\n<tr>\n<td>HTTPS<\/td>\n<td>\u672c\u756a\u30fbLAN\u7aef\u672b\u304b\u3089\u306fHTTPS\u914d\u4fe1\u304c\u57fa\u672c<\/td>\n<td><code>localhost<\/code> \u306f\u4f8b\u5916\u7684\u306b\u8a31\u3055\u308c\u308b\u304c\u3001Quest\u304b\u3089PC\u306elocalhost\u306f\u898b\u3048\u306a\u3044\u3002<\/td>\n<\/tr>\n<tr>\n<td>\u8efd\u91cf\u30c7\u30fc\u30bf<\/td>\n<td>SOG\u5316\u3001\u9593\u5f15\u304d\u3001\u4e0d\u8981\u9818\u57df\u524a\u9664<\/td>\n<td>\u91cd\u3044PLY\u3092\u305d\u306e\u307e\u307eVR\u306b\u6295\u3052\u308b\u3068\u3060\u3044\u305f\u3044\u6b7b\u306c\u3002VR\u9154\u3044\u3088\u308a\u5148\u306bGPU\u304c\u9154\u3046\u3002<\/td>\n<\/tr>\n<tr>\n<td>\u958b\u59cb\u8996\u70b9<\/td>\n<td>settings.json\u307e\u305f\u306fStudio\u3067\u958b\u59cb\u30ab\u30e1\u30e9\u3092\u8abf\u6574<\/td>\n<td>\u521d\u671f\u4f4d\u7f6e\u304c\u60aa\u3044\u3068\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u58c1\u306e\u4e2d\u3084\u865a\u7121\u304b\u3089\u30b9\u30bf\u30fc\u30c8\u3059\u308b\u3002<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3>\u30ed\u30fc\u30ab\u30eb\u691c\u8a3c\u306e\u6bb5\u968e<\/h3>\n<ol>\n<li>PC\u30d6\u30e9\u30a6\u30b6\u3067\u901a\u5e38\u8868\u793a\u3067\u304d\u308b\u304b\u78ba\u8a8d<\/li>\n<li>\u30b9\u30de\u30db\u30fbQuest\u304b\u3089\u540c\u3058URL\u306b\u30a2\u30af\u30bb\u30b9\u3067\u304d\u308b\u304b\u78ba\u8a8d<\/li>\n<li>HTTPS\u5316\u3059\u308b<\/li>\n<li>WebXR\u30dc\u30bf\u30f3\u304c\u51fa\u308b\u304b\u78ba\u8a8d<\/li>\n<li>VR\/AR\u306b\u5165\u3063\u305f\u77ac\u9593\u306e\u8996\u70b9\u30fb\u30b9\u30b1\u30fc\u30eb\u30fb\u91cd\u3055\u3092\u78ba\u8a8d<\/li>\n<\/ol>\n<h3>HTTPS\u30ed\u30fc\u30ab\u30eb\u914d\u4fe1\u4f8b\uff1amkcert + http-server<\/h3>\n<p>LAN\u5185\u306eQuest\u3084Android\u304b\u3089\u8a66\u3059\u5834\u5408\u3001\u81ea\u5df1\u7f72\u540d\u8a3c\u660e\u66f8\u3067\u306f\u30d6\u30e9\u30a6\u30b6\u304c\u5acc\u304c\u308b\u3053\u3068\u304c\u3042\u308b\u3002\u958b\u767a\u7528\u306b\u306f <code>mkcert<\/code> \u304c\u4fbf\u5229\u3002<\/p>\n<pre><code># Ubuntu\u4f8b\nsudo apt update\nsudo apt install -y libnss3-tools\n# mkcert\u306e\u5c0e\u5165\u65b9\u6cd5\u306f\u74b0\u5883\u306b\u3088\u308a\u7570\u306a\u308b\u305f\u3081\u3001GitHub releases\u7b49\u304b\u3089\u53d6\u5f97\n\nmkcert -install\n\n# \u81ea\u5206\u306ePC\u306eLAN IP\u3092\u78ba\u8a8d\nip addr\n\n# \u4f8b: 192.168.1.50 \u306e\u8a3c\u660e\u66f8\u3092\u4f5c\u308b\nmkcert 192.168.1.50 localhost 127.0.0.1\n\n# http-server\u3092\u4f7f\u3046\nnpm install -g http-server\n\n# Viewer\u30d5\u30a1\u30a4\u30eb\u3092\u7f6e\u3044\u305f\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u3067\u8d77\u52d5\nhttp-server . -S -C .\/192.168.1.50+2.pem -K .\/192.168.1.50+2-key.pem -p 8443\n\n# Quest\/Android\u5074\n# https:\/\/192.168.1.50:8443\/\n<\/code><\/pre>\n<div class=\"warning\">\n <strong>\u8a3c\u660e\u66f8\u306e\u4fe1\u983c\u554f\u984c\uff1a<\/strong><br \/>\n \u30b9\u30de\u30db\u3084Quest\u5074\u306bmkcert\u306e\u30eb\u30fc\u30c8\u8a3c\u660e\u66f8\u3092\u5165\u308c\u306a\u3044\u3068\u3001HTTPS\u3067\u3082\u8b66\u544a\u304c\u51fa\u308b\u3002<br \/>\n \u5b9f\u52d9\u3067\u306f\u3001\u624b\u9593\u3092\u8003\u3048\u308b\u3068\u516c\u958b\u30c9\u30e1\u30a4\u30f3 + Let’s Encrypt + Nginx \u306e\u65b9\u304c\u5b89\u5b9a\u3059\u308b\u3002\n <\/div>\n<\/section>\n<section id=\"server\">\n<h2>7. Nginx \/ Flask\u306b\u7d44\u307f\u8fbc\u3080<\/h2>\n<h3>\u63a8\u5968\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u69cb\u6210<\/h3>\n<pre><code>\/var\/www\/supersplat-sites\/\n cases\/\n case_0001\/\n index.html\n scene.sog\n settings.json\n poster.webp\n room.voxel.json\n room.voxel.bin\n case_0002\/\n index.html\n scene.sog\n settings.json\n viewer\/\n index.html\n index.css\n index.js\n<\/code><\/pre>\n<h3>Nginx\u3067\u9759\u7684\u914d\u4fe1\u3059\u308b\u4f8b<\/h3>\n<pre><code>server {\n listen 443 ssl http2;\n server_name splat.example.com;\n\n root \/var\/www\/supersplat-sites;\n index index.html;\n\n ssl_certificate \/etc\/letsencrypt\/live\/splat.example.com\/fullchain.pem;\n ssl_certificate_key \/etc\/letsencrypt\/live\/splat.example.com\/privkey.pem;\n\n location \/ {\n try_files $uri $uri\/ =404;\n }\n\n # \u5927\u304d\u3081\u306eSplat\u30d5\u30a1\u30a4\u30eb\u3092\u6271\u3046\u306a\u3089\u5fc5\u8981\u306b\u5fdc\u3058\u3066\u8abf\u6574\n client_max_body_size 1024M;\n\n # \u5225\u30c9\u30e1\u30a4\u30f3\u306e\u30a2\u30d7\u30ea\u304b\u3089\u8aad\u307f\u8fbc\u3080\u5834\u5408\u3060\u3051CORS\u3092\u691c\u8a0e\n # add_header Access-Control-Allow-Origin \"https:\/\/your-app.example.com\" always;\n}\n<\/code><\/pre>\n<h3>Flask\u304b\u3089iframe\u3067\u8868\u793a\u3059\u308b\u4f8b<\/h3>\n<p>\u4e00\u756a\u7c21\u5358\u306a\u306e\u306f\u3001Viewer\u3092\u9759\u7684\u30d5\u30a1\u30a4\u30eb\u3068\u3057\u3066\u7f6e\u304d\u3001Flask\u5074\u306f\u6848\u4ef6ID\u306b\u5fdc\u3058\u3066iframe\u306eURL\u3092\u7d44\u307f\u7acb\u3066\u308b\u65b9\u5f0f\u3002<\/p>\n<pre><code># app.py\nfrom flask import Flask, render_template, abort\nfrom pathlib import Path\n\napp = Flask(__name__)\n\nBASE = Path(\"\/var\/www\/supersplat-sites\/cases\")\n\n@app.route(\"\/cases\/<case_id>\/splat\")\ndef case_splat(case_id):\n case_dir = BASE \/ case_id\n if not case_dir.exists():\n abort(404)\n\n viewer_url = f\"\/static\/supersplat-viewer\/index.html?content=\/splat-data\/{case_id}\/scene.sog&settings=\/splat-data\/{case_id}\/settings.json\"\n return render_template(\"case_splat.html\", viewer_url=viewer_url, case_id=case_id)\n<\/code><\/pre>\n<pre><code>\n<!doctype html>\n<html lang=\"ja\">\n<head>\n <meta charset=\"utf-8\">\n <title>Splat Viewer - {{ case_id }}<\/title>\n <style>\n html, body { margin:0; height:100%; }\n iframe { width:100%; height:100vh; border:0; }\n <\/style>\n<\/head>\n<body>\n <iframe src=\"{{ viewer_url }}\" allow=\"xr-spatial-tracking; fullscreen\" allowfullscreen><\/iframe>\n<\/body>\n<\/html>\n<\/code><\/pre>\n<div class=\"note\">\n <strong>\u6848\u4ef6\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\u3068\u306e\u63a5\u7d9a\uff1a<\/strong><br \/>\n DB\u306b\u306f <code>case_id<\/code>\u3001Splat\u30d5\u30a1\u30a4\u30eb\u30d1\u30b9\u3001settings.json\u30d1\u30b9\u3001\u30b5\u30e0\u30cd\u30a4\u30eb\u3001\u516c\u958b\u72b6\u614b\u3001\u6a29\u9650\u3001\u64ae\u5f71\u65e5\u3001\u73fe\u5834\u4f4d\u7f6e\u60c5\u5831\u3092\u6301\u305f\u305b\u308b\u3068\u3088\u3044\u3002<br \/>\n Kaleido\u7cfb\u306e\u73fe\u5834\u8a18\u9332\u306b\u5165\u308c\u308b\u306a\u3089\u3001Splat\u306f\u300c\u6dfb\u4ed8\u30d5\u30a1\u30a4\u30eb\u300d\u3067\u306f\u306a\u304f\u300c\u7a7a\u9593\u8a3c\u8de1\u300d\u3068\u3057\u3066\u6271\u3046\u65b9\u304c\u8a2d\u8a08\u304c\u304d\u308c\u3044\u3002\n <\/div>\n<h3>Flask\u3067Splat\u30d5\u30a1\u30a4\u30eb\u3092\u4fdd\u8b77\u914d\u4fe1\u3059\u308b\u4f8b<\/h3>\n<p>\u516c\u958bURL\u306b\u76f4\u63a5\u30d5\u30a1\u30a4\u30eb\u3092\u7f6e\u304f\u3068\u3001URL\u3092\u77e5\u3063\u3066\u3044\u308b\u4eba\u304c\u898b\u3089\u308c\u308b\u3002\u696d\u52d9\u30c7\u30fc\u30bf\u3067\u306f\u8a8d\u8a3c\u4ed8\u304d\u914d\u4fe1\u306b\u3059\u308b\u3002<\/p>\n<pre><code>from flask import send_from_directory, abort\nfrom pathlib import Path\n\n@app.route(\"\/secure-splat\/<case_id>\/<path:filename>\")\ndef secure_splat(case_id, filename):\n # \u3053\u3053\u3067\u30ed\u30b0\u30a4\u30f3\u30fb\u6a29\u9650\u30c1\u30a7\u30c3\u30af\u3092\u5fc5\u305a\u884c\u3046\n # if not current_user.can_view(case_id): abort(403)\n\n base = Path(\"\/var\/www\/private-splats\") \/ case_id\n if not base.exists():\n abort(404)\n\n return send_from_directory(base, filename)\n<\/code><\/pre>\n<\/section>\n<section id=\"quality\">\n<h2>8. \u73fe\u5834\u30c7\u30fc\u30bf\u3067\u306e\u54c1\u8cea\u8abf\u6574<\/h2>\n<table>\n<thead>\n<tr>\n<th>\u75c7\u72b6<\/th>\n<th>\u539f\u56e0\u5019\u88dc<\/th>\n<th>\u5bfe\u51e6<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>\u8868\u793a\u304c\u91cd\u3044<\/td>\n<td>PLY\u304c\u5927\u304d\u3059\u304e\u308b\u3001\u4e0d\u8981\u90e8\u5206\u304c\u591a\u3044\u3001\u900f\u660e\u5ea6\u306e\u4f4e\u3044Gaussian\u304c\u591a\u3044<\/td>\n<td>SOG\u5316\u3001\u9593\u5f15\u304d\u3001\u4e0d\u8981\u9818\u57df\u524a\u9664\u3001<code>--filter-nan<\/code>\u3001<code>-F 25%<\/code> \u306a\u3069<\/td>\n<\/tr>\n<tr>\n<td>VR\u3067\u9154\u3044\u3084\u3059\u3044<\/td>\n<td>\u521d\u671f\u4f4d\u7f6e\u30fb\u30b9\u30b1\u30fc\u30eb\u30fbFOV\u30fb\u30d5\u30ec\u30fc\u30e0\u30ec\u30fc\u30c8\u304c\u60aa\u3044<\/td>\n<td>\u958b\u59cb\u30ab\u30e1\u30e9\u3092\u8abf\u6574\u3001\u8efd\u91cf\u5316\u3001FOV\u3092\u898b\u76f4\u3059<\/td>\n<\/tr>\n<tr>\n<td>\u58c1\u306e\u4e2d\u304b\u3089\u59cb\u307e\u308b<\/td>\n<td>settings.json\u306e\u521d\u671f\u30ab\u30e1\u30e9\u304c\u4e0d\u9069\u5207<\/td>\n<td>Studio\u307e\u305f\u306fsettings.json\u3067 <code>cameras.initial<\/code> \u3092\u4fee\u6b63<\/td>\n<\/tr>\n<tr>\n<td>\u6b69\u884c\u3067\u304d\u306a\u3044\/\u7a81\u304d\u629c\u3051\u308b<\/td>\n<td>\u885d\u7a81\u30c7\u30fc\u30bf\u304c\u306a\u3044\u3001Voxel\u751f\u6210\u304c\u4e0d\u9069\u5207<\/td>\n<td><code>.voxel.json<\/code> \/ <code>.voxel.bin<\/code> \/ collision GLB\u3092\u751f\u6210\u3057\u3001Viewer\u306b\u6307\u5b9a<\/td>\n<\/tr>\n<tr>\n<td>Quest\u3067XR\u30dc\u30bf\u30f3\u304c\u51fa\u306a\u3044<\/td>\n<td>HTTP\u914d\u4fe1\u3001\u975e\u5bfe\u5fdc\u30d6\u30e9\u30a6\u30b6\u3001iframe\u6a29\u9650\u4e0d\u8db3<\/td>\n<td>HTTPS\u5316\u3001Quest Browser\u3067\u78ba\u8a8d\u3001iframe\u306b <code>allow=\"xr-spatial-tracking\"<\/code> \u3092\u4ed8\u4e0e<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/section>\n<section id=\"trouble\">\n<h2>9. \u3088\u304f\u3042\u308b\u30c8\u30e9\u30d6\u30eb\u3068\u76f4\u3057\u65b9<\/h2>\n<h3>npm install\u3067\u5931\u6557\u3059\u308b<\/h3>\n<pre><code># Node.js\u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u78ba\u8a8d\nnode -v\n\n# 18\u672a\u6e80\u306a\u3089\u66f4\u65b0\n# Ubuntu\u4f8b: nvm\u3092\u4f7f\u3046\u306e\u304c\u697d\ncurl -o- https:\/\/raw.githubusercontent.com\/nvm-sh\/nvm\/master\/install.sh | bash\nsource ~\/.bashrc\nnvm install 20\nnvm use 20\n\n# \u518d\u5b9f\u884c\nnpm install\n<\/code><\/pre>\n<h3>localhost:3000\u304c\u958b\u304b\u306a\u3044<\/h3>\n<pre><code># 3000\u756a\u3092\u4f7f\u3063\u3066\u3044\u308b\u30d7\u30ed\u30bb\u30b9\u3092\u78ba\u8a8d\nsudo lsof -i :3000\n\n# \u5fc5\u8981\u306a\u3089\u505c\u6b62\nkill -9 <PID>\n<\/code><\/pre>\n<h3>LAN\u306eQuest\/Android\u304b\u3089\u898b\u3048\u306a\u3044<\/h3>\n<ul>\n<li>PC\u306e\u30d5\u30a1\u30a4\u30a2\u30a6\u30a9\u30fc\u30eb\u3067\u30dd\u30fc\u30c8\u304c\u958b\u3044\u3066\u3044\u308b\u304b\u78ba\u8a8d<\/li>\n<li><code>localhost<\/code> \u3067\u306f\u306a\u304fPC\u306eLAN IP\u3067\u30a2\u30af\u30bb\u30b9\u3059\u308b<\/li>\n<li>\u540c\u3058Wi-Fi\u306b\u3044\u308b\u304b\u78ba\u8a8d<\/li>\n<li>WebXR\u691c\u8a3c\u306a\u3089HTTPS\u5316\u3059\u308b<\/li>\n<\/ul>\n<h3>\u30d5\u30a1\u30a4\u30eb\u30b5\u30a4\u30ba\u304c\u5927\u304d\u3059\u304e\u308b<\/h3>\n<pre><code># SOG\u5316\nsplat-transform input.ply output.sog\n\n# 25%\u306b\u9593\u5f15\u304d\nsplat-transform input.ply -F 25% output_25pct.ply\n\n# \u9593\u5f15\u3044\u3066\u304b\u3089SOG\u5316\nsplat-transform input.ply -F 25% output_25pct.sog\n<\/code><\/pre>\n<\/section>\n<section id=\"recommended-flow\">\n<h2>10. \u304a\u3059\u3059\u3081\u306e\u5b9f\u88c5\u30d5\u30ed\u30fc<\/h2>\n<h3>PoC<\/h3>\n<ol>\n<li>\u30b5\u30f3\u30d7\u30ebPLY\u3092\u7528\u610f<\/li>\n<li>SuperSplat Editor\u3092\u30ed\u30fc\u30ab\u30eb\u8d77\u52d5<\/li>\n<li>\u8aad\u307f\u8fbc\u307f\u3001\u4e0d\u8981\u90e8\u5206\u3092\u524a\u9664<\/li>\n<li>Viewer App\u3092ZIP\u3067\u66f8\u304d\u51fa\u3057<\/li>\n<li><code>python -m http.server<\/code> \u3067PC\u30d6\u30e9\u30a6\u30b6\u78ba\u8a8d<\/li>\n<li>Nginx\u306eHTTPS\u914d\u4fe1\u306b\u7f6e\u304f<\/li>\n<li>Quest\/Android\u3067WebXR\u78ba\u8a8d<\/li>\n<\/ol>\n<h3>\u696d\u52d9\u30b7\u30b9\u30c6\u30e0\u5316<\/h3>\n<ol>\n<li>\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3055\u308c\u305fPLY\u3092\u6848\u4ef6ID\u3067\u4fdd\u5b58<\/li>\n<li>SplatTransform\u3067 <code>clean.ply<\/code>\u3001<code>scene.sog<\/code>\u3001<code>settings.json<\/code> \u3092\u751f\u6210<\/li>\n<li>\u5fc5\u8981\u306b\u5fdc\u3058\u3066 <code>voxel<\/code> \/ collision GLB\u3092\u751f\u6210<\/li>\n<li>Flask\u306e\u6848\u4ef6\u753b\u9762\u304b\u3089Viewer\u3092iframe\u8868\u793a<\/li>\n<li>\u516c\u958b\u7bc4\u56f2\u3001\u6a29\u9650\u3001\u30ed\u30b0\u3001\u524a\u9664\u3001\u30d0\u30c3\u30af\u30a2\u30c3\u30d7\u3092\u7ba1\u7406<\/li>\n<li>\u91cd\u8981\u73fe\u5834\u30c7\u30fc\u30bf\u306fPlayCanvas\u516c\u958bURL\u3067\u306f\u306a\u304f\u3001\u81ea\u524d\u30b5\u30fc\u30d0\u30fc\u914d\u4fe1\u306b\u3059\u308b<\/li>\n<\/ol>\n<div class=\"note\">\n <strong>Kaleido\u57fa\u76e4\u3092\u91cd\u306d\u308b\u62e1\u5145\u6848\uff1a<\/strong><br \/>\n SuperSplat \/ WebXR\u3092\u5358\u4f53\u306e3D\u30d3\u30e5\u30fc\u30a2\u3068\u3057\u3066\u4f7f\u3046\u3060\u3051\u3067\u306a\u304f\u3001Kaleido\u5074\u306e\u6848\u4ef6\u7ba1\u7406\u3001\u5199\u771f\u7ba1\u7406\u3001GIS\u3001\u30b9\u30c6\u30fc\u30bf\u30b9\u7ba1\u7406\u3001PDF\u51fa\u529b\u3001AI\u691c\u77e5\u7d50\u679c\u3068\u63a5\u7d9a\u3059\u308b\u3068\u3001<br \/>\n <strong>\u300c\u898b\u3089\u308c\u308b3D\u300d\u304b\u3089\u300c\u6e2c\u308c\u308b\u30fb\u8a18\u9332\u3067\u304d\u308b\u30fb\u5831\u544a\u3067\u304d\u308b\u73fe\u5834\u7a7a\u9593\u300d<\/strong>\u306b\u767a\u5c55\u3055\u305b\u3089\u308c\u308b\u3002\n <\/div>\n<h4>Kaleido \u00d7 Gaussian Splat \u306e\u57fa\u672c\u767a\u60f3<\/h4>\n<p>\n Gaussian Splat\u3092\u73fe\u5834\u306e\u80cc\u666f\u7a7a\u9593\u3068\u3057\u3066\u6271\u3044\u3001\u305d\u306e\u4e0a\u306bKaleido\u306e\u696d\u52d9\u30ec\u30a4\u30e4\u30fc\u3092\u91cd\u306d\u308b\u3002<br \/>\n \u3064\u307e\u308a\u3001Splat\u306f\u5358\u306a\u308b\u6dfb\u4ed8\u30d5\u30a1\u30a4\u30eb\u3067\u306f\u306a\u304f\u3001\u6848\u4ef6\u3054\u3068\u306e<strong>\u7a7a\u9593\u8a3c\u8de1<\/strong>\u306b\u306a\u308b\u3002<br \/>\n \u305d\u3053\u3078\u63a1\u5bf8\u3001\u7a7a\u9593\u30bf\u30b0\u3001\u5199\u771f\u3001PDF\u3001AI\u691c\u77e5\u7d50\u679c\u3001\u30b3\u30e1\u30f3\u30c8\u3001\u5bfe\u5fdc\u30b9\u30c6\u30fc\u30bf\u30b9\u3092\u3072\u3082\u4ed8\u3051\u308b\u3002\n <\/p>\n<table>\n<thead>\n<tr>\n<th>\u30ec\u30a4\u30e4\u30fc<\/th>\n<th>\u5185\u5bb9<\/th>\n<th>\u696d\u52d9\u4e0a\u306e\u4fa1\u5024<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>3D\u80cc\u666f\u30ec\u30a4\u30e4\u30fc<\/td>\n<td>Gaussian Splat\u3001SOG\u3001PLY\u3001Viewer\u8a2d\u5b9a<\/td>\n<td>\u73fe\u5834\u5168\u4f53\u3092\u9060\u9694\u3067\u78ba\u8a8d\u3067\u304d\u308b\u3002\u5199\u771f\u3060\u3051\u3067\u306f\u5206\u304b\u3089\u306a\u3044\u4f4d\u7f6e\u95a2\u4fc2\u3092\u6b8b\u305b\u308b\u3002<\/td>\n<\/tr>\n<tr>\n<td>\u63a1\u5bf8\u30ec\u30a4\u30e4\u30fc<\/td>\n<td>2\u70b9\u9593\u8ddd\u96e2\u3001\u6298\u308c\u7dda\u9577\u3001\u9762\u7a4d\u3001\u9ad8\u3055\u3001\u5e45\u3001\u52fe\u914d\u306e\u30e1\u30e2<\/td>\n<td>\u64c1\u58c1\u3001\u30d6\u30ed\u30c3\u30af\u5840\u3001\u8a2d\u5099\u3001\u9053\u8def\u640d\u50b7\u306a\u3069\u306e\u5bf8\u6cd5\u3092\u73fe\u5834\u7a7a\u9593\u4e0a\u306b\u4fdd\u5b58\u3067\u304d\u308b\u3002<\/td>\n<\/tr>\n<tr>\n<td>\u7a7a\u9593\u30bf\u30b0 \/ \u7a7a\u6c17\u30bf\u30b0<\/td>\n<td>3D\u7a7a\u9593\u306b\u6d6e\u304b\u3076\u6ce8\u91c8\u3001\u5199\u771f\u3001\u52d5\u753b\u3001PDF\u3001\u56f3\u9762\u3001\u30b3\u30e1\u30f3\u30c8\u3001\u30b9\u30c6\u30fc\u30bf\u30b9<\/td>\n<td>\u300c\u3053\u306e\u3072\u3073\u5272\u308c\u300d\u300c\u3053\u306e\u8a2d\u5099\u300d\u300c\u3053\u306e\u5371\u967a\u7b87\u6240\u300d\u3092\u5ea7\u6a19\u4ed8\u304d\u3067\u5171\u6709\u3067\u304d\u308b\u3002<\/td>\n<\/tr>\n<tr>\n<td>AI\u691c\u77e5\u30ec\u30a4\u30e4\u30fc<\/td>\n<td>YOLO \/ ONNX \/ OpenVINO\u7b49\u306e\u691c\u77e5\u7d50\u679c\u3001\u4fe1\u983c\u5ea6\u3001\u30af\u30e9\u30b9\u540d\u3001\u88dc\u6b63\u5c65\u6b74<\/td>\n<td>AI\u304c\u898b\u3064\u3051\u305f\u5019\u88dc\u3092\u4eba\u304c\u4fee\u6b63\u3057\u3001\u5f8c\u304b\u3089\u518d\u5b66\u7fd2\u30c7\u30fc\u30bf\u3068\u3057\u3066\u56de\u53ce\u3067\u304d\u308b\u3002<\/td>\n<\/tr>\n<tr>\n<td>\u696d\u52d9\u7ba1\u7406\u30ec\u30a4\u30e4\u30fc<\/td>\n<td>\u6848\u4ef6ID\u3001\u7269\u4ef6ID\u3001\u76f8\u8ac7\u8005\u3001\u62c5\u5f53\u8005\u3001\u72b6\u614b\u3001\u66f4\u65b0\u5c65\u6b74\u3001PDF\u5e33\u7968<\/td>\n<td>\u30d3\u30e5\u30fc\u30a2\u3067\u7d42\u308f\u3089\u305a\u3001\u53d7\u4ed8\u30fb\u78ba\u8a8d\u30fb\u5bfe\u5fdc\u30fb\u5b8c\u4e86\u307e\u3067\u696d\u52d9\u30d5\u30ed\u30fc\u306b\u4e57\u305b\u3089\u308c\u308b\u3002<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h4>\u63a1\u5bf8\u6a5f\u80fd\u306e\u8003\u3048\u65b9<\/h4>\n<p>\n \u63a1\u5bf8\u306f\u3001\u6700\u521d\u304b\u3089\u6e2c\u91cf\u7d1a\u306e\u7cbe\u5ea6\u3092\u72d9\u3046\u3088\u308a\u3001\u6bb5\u968e\u3092\u5206\u3051\u308b\u65b9\u304c\u73fe\u5b9f\u7684\u3002<br \/>\n \u307e\u305a\u306f<strong>\u53c2\u8003\u63a1\u5bf8<\/strong>\u3068\u3057\u30662\u70b9\u9593\u8ddd\u96e2\u3084\u9ad8\u3055\u30e1\u30e2\u3092\u4ed8\u3051\u3001LiDAR\u3001ARCore\u3001\u65e2\u77e5\u5bf8\u6cd5\u306e\u30b9\u30b1\u30fc\u30eb\u677f\u3001\u56f3\u9762\u5bf8\u6cd5\u306a\u3069\u3067\u30b9\u30b1\u30fc\u30eb\u88dc\u6b63\u3067\u304d\u308b\u5834\u5408\u3060\u3051\u7cbe\u5ea6\u8868\u793a\u3092\u4e0a\u3052\u308b\u3002<br \/>\n Gaussian Splat\u306f\u898b\u305f\u76ee\u306e\u518d\u73fe\u6027\u304c\u9ad8\u3044\u4e00\u65b9\u3001\u5143\u30c7\u30fc\u30bf\u3084\u5fa9\u5143\u6761\u4ef6\u306b\u3088\u3063\u3066\u30b9\u30b1\u30fc\u30eb\u8aa4\u5dee\u304c\u51fa\u308b\u306e\u3067\u3001\u5831\u544a\u66f8\u306b\u306f\u300c\u53c2\u8003\u5024\u300d\u300c\u6821\u6b63\u6e08\u307f\u300d\u300c\u6e2c\u91cf\u5024\u300d\u306a\u3069\u306e\u533a\u5206\u3092\u6301\u305f\u305b\u308b\u3079\u304d\u3002\n <\/p>\n<pre><code>measurements\n- id\n- case_id\n- scene_id\n- type # distance \/ height \/ area \/ slope \/ memo\n- points_json # [{x,y,z}, {x,y,z}, ...]\n- value\n- unit\n- accuracy_level # reference \/ calibrated \/ survey\n- note\n- created_by\n- created_at\n<\/code><\/pre>\n<h4>\u7a7a\u9593\u30bf\u30b0 \/ \u7a7a\u6c17\u30bf\u30b0\u306e\u8a2d\u8a08<\/h4>\n<p>\n \u7a7a\u9593\u30bf\u30b0\u306f\u3001Splat\u4e0a\u306e\u5ea7\u6a19\u306b\u76f4\u63a5\u7f6e\u304f\u300c\u73fe\u5834\u30e1\u30e2\u300d\u3067\u3042\u308a\u3001Kaleido\u3089\u3057\u304f\u8a00\u3048\u3070<strong>\u7a7a\u9593\u306b\u6d6e\u304b\u3076\u696d\u52d9\u30ab\u30fc\u30c9<\/strong>\u306b\u306a\u308b\u3002<br \/>\n \u30bf\u30b0\u306b\u306f\u30c6\u30ad\u30b9\u30c8\u3060\u3051\u3067\u306a\u304f\u3001\u5199\u771f\u3001\u70b9\u691c\u9805\u76ee\u3001AI\u691c\u77e5\u7d50\u679c\u3001\u662f\u6b63\u524d\u5f8c\u306e\u6bd4\u8f03\u3001PDF\u56f3\u9762\u3001\u62c5\u5f53\u8005\u30b3\u30e1\u30f3\u30c8\u3001\u30b9\u30c6\u30fc\u30bf\u30b9\u3092\u6301\u305f\u305b\u308b\u3002<br \/>\n WebXR\u3067\u306f\u3001\u30bf\u30b0\u304c\u7a7a\u9593\u5185\u306b\u6d6e\u3044\u3066\u898b\u3048\u308b\u305f\u3081\u3001\u73fe\u5834\u306b\u3044\u308b\u3088\u3046\u306a\u611f\u899a\u3067\u78ba\u8a8d\u3067\u304d\u308b\u3002\n <\/p>\n<pre><code>spatial_tags\n- id\n- case_id\n- scene_id\n- tag_type # crack \/ warning \/ photo \/ pdf \/ ai_result \/ task\n- position_json # {x,y,z}\n- rotation_json # {x,y,z,w} \u307e\u305f\u306f viewer\u5411\u304d\n- title\n- body\n- attachment_ids_json\n- status\n- severity\n- created_by\n- updated_at\n<\/code><\/pre>\n<h4>\u5b9f\u88c5\u3059\u308b\u3068\u5f37\u3044\u753b\u9762\u69cb\u6210<\/h4>\n<ol>\n<li>\u6848\u4ef6\u8a73\u7d30\u753b\u9762\u306bSplat Viewer\u3092\u57cb\u3081\u8fbc\u3080<\/li>\n<li>\u53f3\u5074\u306b\u300c\u5199\u771f\u30fb\u63a1\u5bf8\u30fb\u30bf\u30b0\u30fbAI\u5019\u88dc\u30fb\u5c65\u6b74\u300d\u306e\u30d1\u30cd\u30eb\u3092\u7f6e\u304f<\/li>\n<li>Viewer\u5185\u3067\u30af\u30ea\u30c3\u30af\u3057\u305f\u4f4d\u7f6e\u306b\u7a7a\u9593\u30bf\u30b0\u3092\u8ffd\u52a0\u3059\u308b<\/li>\n<li>2\u70b9\u30af\u30ea\u30c3\u30af\u3067\u8ddd\u96e2\u30013\u70b9\u4ee5\u4e0a\u3067\u9762\u7a4d\u3084\u7bc4\u56f2\u3092\u8a18\u9332\u3059\u308b<\/li>\n<li>\u30bf\u30b0\u3068\u63a1\u5bf8\u3092PDF\u5e33\u7968\u3078\u81ea\u52d5\u53cd\u6620\u3059\u308b<\/li>\n<li>\u540c\u3058\u73fe\u5834\u306e\u6642\u7cfb\u5217Splat\u3092\u5207\u308a\u66ff\u3048\u3001\u52a3\u5316\u30fb\u88dc\u4fee\u524d\u5f8c\u3092\u6bd4\u8f03\u3059\u308b<\/li>\n<\/ol>\n<div class=\"warning\">\n <strong>\u5b9f\u88c5\u4e0a\u306e\u6ce8\u610f\uff1a<\/strong><br \/>\n Gaussian Splat\u306e\u63a1\u5bf8\u306f\u3001\u5143\u30c7\u30fc\u30bf\u306b\u6b63\u3057\u3044\u30b9\u30b1\u30fc\u30eb\u304c\u5165\u3063\u3066\u3044\u308b\u304b\u3067\u4fa1\u5024\u304c\u5927\u304d\u304f\u5909\u308f\u308b\u3002<br \/>\n \u696d\u52d9\u5229\u7528\u3067\u306f\u3001\u64ae\u5f71\u6642\u306b\u30b9\u30b1\u30fc\u30eb\u677f\u3092\u7f6e\u304f\u3001LiDAR\u7531\u6765\u306e\u5ea7\u6a19\u3092\u4f7f\u3046\u3001\u65e2\u77e5\u5bf8\u6cd5\u3067\u6821\u6b63\u3059\u308b\u3001\u3068\u3044\u3046\u904b\u7528\u30eb\u30fc\u30eb\u3092\u30bb\u30c3\u30c8\u306b\u3059\u308b\u3002<br \/>\n \u3053\u3053\u3092\u66d6\u6627\u306b\u3059\u308b\u3068\u3001\u898b\u305f\u76ee\u306f\u672a\u6765\u3001\u6570\u5024\u306f\u30d5\u30a1\u30f3\u30bf\u30b8\u30fc\u306b\u306a\u308b\u3002\n <\/div>\n<h4>\u6700\u7d42\u5f62\u306e\u30a4\u30e1\u30fc\u30b8<\/h4>\n<p>\n \u6700\u7d42\u7684\u306b\u306f\u3001Kaleido\u57fa\u76e4\u4e0a\u3067\u300c\u73fe\u5834\u7a7a\u9593\u3092\u898b\u308b\u300d\u300c\u63a1\u5bf8\u3059\u308b\u300d\u300c\u30bf\u30b0\u3092\u7f6e\u304f\u300d\u300cAI\u5019\u88dc\u3092\u78ba\u8a8d\u3059\u308b\u300d\u300c\u62c5\u5f53\u8005\u304c\u4fee\u6b63\u3059\u308b\u300d\u300c\u5e33\u7968\u3092\u51fa\u3059\u300d\u300c\u5c65\u6b74\u3092\u6bd4\u8f03\u3059\u308b\u300d\u307e\u3067\u3092\u4e00\u3064\u306e\u753b\u9762\u3067\u6271\u3048\u308b\u3002<br \/>\n \u3053\u308c\u306f\u3001360\u30d1\u30ce\u30e9\u30de\u30d3\u30e5\u30fc\u30a2\u306e\u5ef6\u9577\u3067\u306f\u306a\u304f\u3001<strong>\u7a7a\u9593DB\u4ed8\u304d\u306e\u73fe\u5834\u696d\u52d9OS<\/strong>\u306b\u8fd1\u3044\u3002<br \/>\n \u64c1\u58c1\u30fb\u30d6\u30ed\u30c3\u30af\u5840\u76f8\u8ac7\u3001\u9053\u8def\u4fdd\u5168\u3001\u96fb\u529b\u8a2d\u5099\u70b9\u691c\u3001\u6587\u5316\u8ca1\u8a18\u9332\u3001\u707d\u5bb3\u73fe\u5834\u8a18\u9332\u306e\u3069\u308c\u306b\u3082\u8ee2\u7528\u3057\u3084\u3059\u3044\u3002\n <\/p>\n<div class=\"bad\">\n <strong>\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u4e0a\u306e\u6ce8\u610f\uff1a<\/strong><br \/>\n \u73fe\u5834\u30fb\u30a4\u30f3\u30d5\u30e9\u30fb\u65bd\u8a2d\u5185\u90e8\u30fb\u4f4f\u6c11\u76f8\u8ac7\u30c7\u30fc\u30bf\u306f\u3001URL\u3092\u77e5\u3063\u3066\u3044\u308c\u3070\u898b\u3089\u308c\u308b\u516c\u958b\u5f62\u5f0f\u306b\u3057\u306a\u3044\u3002<br \/>\n Splat\u306f\u5199\u771f\u3088\u308a\u60c5\u5831\u91cf\u304c\u591a\u3044\u3002\u69cb\u9020\u30fb\u5c0e\u7dda\u30fb\u8a2d\u5099\u914d\u7f6e\u307e\u3067\u898b\u3048\u3066\u3057\u307e\u3046\u306e\u3067\u3001\u516c\u958b\u4e8b\u6545\u306e\u7834\u58ca\u529b\u306f\u5199\u771f\u6570\u679a\u3088\u308a\u5f37\u3044\u3002\n <\/div>\n<\/section>\n<section id=\"sources\">\n<h2>\u53c2\u8003\u8cc7\u6599<\/h2>\n<ul>\n<li><a href=\"https:\/\/developer.playcanvas.com\/user-manual\/supersplat\/viewer\/self-hosting\/\">Self-Hosting the Viewer \/ PlayCanvas Docs<\/a><\/li>\n<li><a href=\"https:\/\/developer.playcanvas.com\/user-manual\/supersplat\/studio\/experience-settings\/\">Experience Settings \/ PlayCanvas Docs<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/playcanvas\/supersplat-viewer\">playcanvas\/supersplat-viewer GitHub<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/playcanvas\/splat-transform\">playcanvas\/splat-transform GitHub<\/a><\/li>\n<\/ul>\n<\/section>\n<footer>\n<p>\n \u307e\u3068\u3081\uff1a<strong>\u7de8\u96c6\u306fSuperSplat Editor\u3001\u51e6\u7406\u306fSplatTransform\u3001\u516c\u958b\u30fbWebXR\u306fSuperSplat Viewer<\/strong>\u3002<br \/>\n \u3053\u306e\u5206\u696d\u306b\u3059\u308b\u3068\u3001PoC\u304b\u3089\u696d\u52d9\u30b7\u30b9\u30c6\u30e0\u307e\u3067\u62e1\u5f35\u3057\u3084\u3059\u3044\u6c17\u304c\u3059\u308b\u3002\u00a9\u682a\u5f0f\u4f1a\u793e\u30d3\u30fc\u30fb\u30ca\u30ec\u30c3\u30b8\u30fb\u30c7\u30b6\u30a4\u30f3\n <\/p>\n<\/footer>\n<\/div>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>SuperSplat\u3092\u30ed\u30fc\u30ab\u30eb\u69cb\u7bc9\u3057\u3066Gaussian Splat\u3092\u51e6\u7406\u3057\u3001WebXR\u3067\u53ef\u8996\u5316\u3059\u308b\u6d41\u308c Gaussian Splatting \/ SuperSplat \/ WebXR \u5b9f\u88c5\u30e1\u30e2 \u3053\u3053\u3067\u306f\u3001PlayCanv […]<\/p>\n","protected":false},"author":1,"featured_media":1875,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"saved_in_kubio":false,"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"sns_share_botton_hide":"","vkExUnit_sns_title":"","_vk_print_noindex":"","sitemap_hide":"","vkExUnit_EyeCatch_disable":"","_veu_custom_css":"","veu_display_promotion_alert":"","vkexunit_cta_each_option":"","_jetpack_memberships_contains_paid_content":false,"_lightning_design_setting":{"layout":"default"},"footnotes":"","jetpack_post_was_ever_published":false},"categories":[5,71,61,60,54,8,24,7],"tags":[],"class_list":["post-1870","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ai","category-ar","category-dx","category-60","category-54","category-news","category-24","category-academic"],"aioseo_notices":[],"veu_head_title_object":{"title":"","add_site_title":""},"jetpack_featured_media_url":"https:\/\/beeknowledge.co.jp\/wp-content\/uploads\/2026\/05\/17_36_37.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/beeknowledge.co.jp\/index.php?rest_route=\/wp\/v2\/posts\/1870","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beeknowledge.co.jp\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/beeknowledge.co.jp\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/beeknowledge.co.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/beeknowledge.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1870"}],"version-history":[{"count":5,"href":"https:\/\/beeknowledge.co.jp\/index.php?rest_route=\/wp\/v2\/posts\/1870\/revisions"}],"predecessor-version":[{"id":1877,"href":"https:\/\/beeknowledge.co.jp\/index.php?rest_route=\/wp\/v2\/posts\/1870\/revisions\/1877"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/beeknowledge.co.jp\/index.php?rest_route=\/wp\/v2\/media\/1875"}],"wp:attachment":[{"href":"https:\/\/beeknowledge.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1870"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/beeknowledge.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1870"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/beeknowledge.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1870"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

$\"\"$ <\/div>\n

\n
\n
\n
\n
\n SuperSplat\u3092\u30ed\u30fc\u30ab\u30eb\u69cb\u7bc9\u3057\u3066Gaussian Splat\u3092\u51e6\u7406\u3057\u3001WebXR\u3067\u53ef\u8996\u5316\u3059\u308b\u6d41\u308c<\/title><\/p>\n<style>\n :root{\n --bg:#ffffff;\n --panel:#ffffff;\n --panel2:#f8fafc;\n --text:#172033;\n --muted:#5b667a;\n --line:#d8e0ee;\n --accent:#0066cc;\n --accent2:#007f5f;\n --warn:#8a5a00;\n --danger:#b42318;\n --code:#f6f8fa;\n --shadow:0 12px 30px rgba(15,23,42,.08);\n }\n *{box-sizing:border-box}\n html{scroll-behavior:smooth}\n body{\n margin:0;\n font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Noto Sans JP\",\"Hiragino Kaku Gothic ProN\",Meiryo,sans-serif;\n line-height:1.72;\n color:var(--text);\n background:#ffffff;\n }\n a{color:var(--accent)}\n .wrap{max-width:1180px;margin:0 auto;padding:28px 18px 72px}\n header.hero{\n padding:46px 28px;\n border:1px solid var(--line);\n border-radius:28px;\n background:linear-gradient(135deg,#ffffff,#f8fbff);\n box-shadow:var(--shadow);\n position:relative;\n overflow:hidden;\n }\n header.hero:after{\n content:\"\";\n position:absolute;\n right:-90px;\n top:-90px;\n width:260px;\n height:260px;\n border-radius:50%;\n background:radial-gradient(circle,rgba(0,102,204,.08),transparent 65%);\n }\n .badge{\n display:inline-flex;gap:.5em;align-items:center;\n padding:.35rem .72rem;border:1px solid var(--line);border-radius:999px;\n color:var(--accent2);background:#eefaf5;font-size:.9rem;\n }\n h1{font-size:clamp(2rem,4vw,3.6rem);line-height:1.15;margin:.8rem 0 1rem;letter-spacing:.01em}\n h2{font-size:clamp(1.45rem,2.6vw,2.15rem);line-height:1.25;margin:3rem 0 1rem;padding-bottom:.45rem;border-bottom:1px solid var(--line)}\n h3{font-size:1.25rem;margin:2rem 0 .7rem}\n h4{font-size:1.05rem;margin:1.4rem 0 .5rem;color:var(--accent2)}\n p{margin:.75rem 0}\n .lead{font-size:1.14rem;color:#243047;max-width:900px}\n .muted{color:var(--muted)}\n .grid{display:grid;gap:18px}\n .grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}\n .grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}\n @media (max-width:860px){.grid.cols-2,.grid.cols-3{grid-template-columns:1fr}}\n .card{\n border:1px solid var(--line);\n background:linear-gradient(180deg,#ffffff,#f8fafc);\n border-radius:22px;\n padding:20px;\n box-shadow:0 10px 26px rgba(0,0,0,.18);\n }\n .card h3{margin-top:0}\n .ok{color:var(--accent2)}\n .warn{color:var(--warn)}\n .danger{color:var(--danger)}\n .toc{\n margin:22px 0;\n padding:16px 18px;\n border:1px solid var(--line);\n border-radius:20px;\n background:#ffffff;\n }\n .toc a{display:inline-block;margin:.2rem .8rem .2rem 0;text-decoration:none}\n table{width:100%;border-collapse:collapse;margin:1rem 0;border:1px solid var(--line);border-radius:14px;overflow:hidden}\n th,td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}\n th{background:#eef6ff;text-align:left;color:#172033}\n tr:last-child td{border-bottom:0}\n code,kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,\"Liberation Mono\",monospace}\n code{background:#eef6ff;padding:.12rem .35rem;border-radius:7px;color:#172033}\n pre{\n margin:1rem 0;\n padding:16px 18px;\n border:1px solid var(--line);\n background:var(--code);\n color:#1f2937;\n border-radius:18px;\n overflow:auto;\n line-height:1.55;\n box-shadow:inset 0 0 0 1px rgba(15,23,42,.03);\n }\n pre code{background:transparent;padding:0;border-radius:0}\n .note{\n border-left:4px solid var(--accent);\n background:#eef6ff;\n padding:14px 16px;\n border-radius:14px;\n margin:1rem 0;\n }\n .warning{\n border-left:4px solid var(--warn);\n background:#fff8e6;\n padding:14px 16px;\n border-radius:14px;\n margin:1rem 0;\n }\n .bad{\n border-left:4px solid var(--danger);\n background:#fff1f1;\n padding:14px 16px;\n border-radius:14px;\n margin:1rem 0;\n }\n .flow{\n display:grid;\n grid-template-columns:repeat(7,1fr);\n gap:10px;\n align-items:stretch;\n margin:18px 0;\n }\n .step{\n min-height:90px;\n padding:12px;\n border:1px solid var(--line);\n border-radius:16px;\n background:#f4f9ff;\n font-size:.94rem;\n position:relative;\n }\n .step b{display:block;color:var(--accent2);margin-bottom:.25rem}\n .step:not(:last-child):after{\n content:\"\u2192\";\n position:absolute;\n right:-14px;\n top:50%;\n transform:translateY(-50%);\n color:var(--accent);\n font-weight:bold;\n z-index:2;\n }\n @media (max-width:920px){.flow{grid-template-columns:1fr}.step:not(:last-child):after{content:\"\u2193\";right:50%;top:auto;bottom:-20px;transform:translateX(50%)}}\n .small{font-size:.92rem}\n .pill{\n display:inline-block;padding:.2rem .55rem;border:1px solid var(--line);border-radius:999px;background:#f8fafc;margin:.12rem .18rem .12rem 0;color:#243047\n }\n footer{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--line);color:var(--muted)}\n <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<div class=\"wrap\">\n<header class=\"hero\">\n <span class=\"badge\">Gaussian Splatting \/ SuperSplat \/ WebXR \u5b9f\u88c5\u30e1\u30e2<\/span><\/p>\n<p class=\"lead\">\n \u3053\u3053\u3067\u306f\u3001PlayCanvas\u306e <strong>SuperSplat Editor<\/strong> \u3092\u30ed\u30fc\u30ab\u30eb\u3067\u52d5\u304b\u3057\u3001\u5fc5\u8981\u306b\u5fdc\u3058\u3066<br \/>\n <strong>SplatTransform CLI<\/strong> \u3067\u5909\u63db\u30fb\u5727\u7e2e\u30fb\u9593\u5f15\u304d\u30fb\u885d\u7a81\u30c7\u30fc\u30bf\u751f\u6210\u3092\u884c\u3044\u3001<br \/>\n <strong>SuperSplat Viewer<\/strong> \u307e\u305f\u306f\u30a8\u30c7\u30a3\u30bf\u66f8\u304d\u51fa\u3057HTML\u3092\u4f7f\u3063\u3066WebXR\u5bfe\u5fdc\u30d3\u30e5\u30fc\u30a2\u3068\u3057\u3066\u516c\u958b\u3059\u308b\u307e\u3067\u3092\u5984\u60f3\u3059\u308b\u3002\n <\/p>\n<p class=\"muted\">\u4f5c\u6210\u65e5: 2026-05-27 \/ \u60f3\u5b9a\u74b0\u5883: Ubuntu 24.04 \u307e\u305f\u306f Windows + Node.js 18\u4ee5\u4e0a \/ \u516c\u958b\u5148: Nginx, Flask, GitHub Pages, \u793e\u5185\u30b5\u30fc\u30d0\u30fc<\/p>\n<\/header>\n<nav class=\"toc\">\n <strong>\u76ee\u6b21\uff1a<\/strong><br \/>\n <a href=\"#overview\">\u5168\u4f53\u50cf<\/a><br \/>\n <a href=\"#roles\">3\u3064\u306e\u5f79\u5272<\/a><br \/>\n <a href=\"#local-editor\">SuperSplat\u3092\u30ed\u30fc\u30ab\u30eb\u8d77\u52d5<\/a><br \/>\n <a href=\"#processing\">Splat\u51e6\u7406<\/a><br \/>\n <a href=\"#export\">Viewer\u66f8\u304d\u51fa\u3057<\/a><br \/>\n <a href=\"#webxr\">WebXR\u53ef\u8996\u5316<\/a><br \/>\n <a href=\"#server\">Nginx\/Flask\u7d44\u307f\u8fbc\u307f<\/a><br \/>\n <a href=\"#trouble\">\u30c8\u30e9\u30d6\u30eb\u5bfe\u7b56<\/a><br \/>\n <\/nav>\n<section id=\"overview\">\n<h2>1. \u5168\u4f53\u50cf\uff1a\u6700\u77ed\u69cb\u6210\u3068\u5b9f\u904b\u7528\u69cb\u6210<\/h2>\n<p>\n \u307e\u305a\u7d50\u8ad6\u3002<strong>SuperSplat\u5358\u4f53\u3092\u300c\u51e6\u7406\u30a8\u30f3\u30b8\u30f3\u300d\u3068\u8003\u3048\u308b\u3088\u308a\u3001Editor\u30fbCLI\u30fbViewer\u3092\u5206\u3051\u308b<\/strong>\u306e\u304c\u6b63\u89e3\u306b\u8fd1\u3044\u3002<br \/>\n Editor\u306f\u8996\u899a\u7684\u306a\u524a\u9664\u30fb\u8abf\u6574\u306b\u5f37\u304f\u3001CLI\u306f\u5927\u91cf\u51e6\u7406\u30fb\u5909\u63db\u30fb\u9593\u5f15\u304d\u30fb\u885d\u7a81\u30c7\u30fc\u30bf\u751f\u6210\u306b\u5f37\u3044\u3002<br \/>\n Viewer\u306fWeb\u30da\u30fc\u30b8\u3068\u3057\u3066\u914d\u4fe1\u3057\u3001WebXR\u5bfe\u5fdc\u7aef\u672b\u306a\u3089AR\/VR\u8868\u793a\u306b\u9032\u3081\u308b\u3002\n <\/p>\n<div class=\"flow\">\n<div class=\"step\"><b>\u64ae\u5f71\u30fb\u751f\u6210<\/b>Polycam \/ Postshot \/ COLMAP \/ Nerfstudio\u7b49\u3067PLY\u3084Splat\u7cfb\u30c7\u30fc\u30bf\u3092\u4f5c\u308b<\/div>\n<div class=\"step\"><b>\u7de8\u96c6<\/b>SuperSplat Editor\u3067\u4e0d\u8981\u90e8\u5206\u524a\u9664\u3001\u5411\u304d\u8abf\u6574\u3001\u898b\u6804\u3048\u78ba\u8a8d<\/div>\n<div class=\"step\"><b>CLI\u51e6\u7406<\/b>SplatTransform\u3067SOG\u5316\u3001\u9593\u5f15\u304d\u3001NaN\u9664\u53bb\u3001\u5ea7\u6a19\u5909\u63db\u3001\u885d\u7a81\u30c7\u30fc\u30bf\u751f\u6210<\/div>\n<div class=\"step\"><b>\u8a2d\u5b9a<\/b>settings.json\u3067\u30ab\u30e1\u30e9\u3001\u6ce8\u91c8\u3001\u80cc\u666f\u3001\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092\u5b9a\u7fa9<\/div>\n<div class=\"step\"><b>Viewer<\/b>HTML Export\u307e\u305f\u306fsupersplat-viewer\u3067\u8868\u793a<\/div>\n<div class=\"step\"><b>HTTPS\u914d\u4fe1<\/b>Nginx \/ Flask \/ GitHub Pages\u7b49\u3067\u516c\u958b<\/div>\n<div class=\"step\"><b>WebXR<\/b>Quest \/ Android\u7b49\u306eWebXR\u5bfe\u5fdc\u30d6\u30e9\u30a6\u30b6\u3067AR\/VR\u8868\u793a<\/div>\n<\/p><\/div>\n<div class=\"note\">\n <strong>\u6700\u77ed\u691c\u8a3c\uff1a<\/strong><br \/>\n SuperSplat Editor\u3092\u8d77\u52d5 \u2192 PLY\u3092\u8aad\u307f\u8fbc\u307f \u2192 <code>File > Export > Viewer App\u2026<\/code> \u2192<br \/>\n ZIP\u3067\u51fa\u529b \u2192 <code>python -m http.server<\/code> \u3067\u958b\u304f\u3002\u3053\u308c\u3067\u901a\u5e38\u30d6\u30e9\u30a6\u30b6\u8868\u793a\u306f\u8a66\u305b\u308b\u3002<br \/>\n WebXR\u307e\u3067\u884c\u304f\u306a\u3089\u3001\u7aef\u672b\u304b\u3089\u30a2\u30af\u30bb\u30b9\u3067\u304d\u308bHTTPS\u914d\u4fe1\u304c\u307b\u307c\u5fc5\u9808\u3002\n <\/div>\n<\/section>\n<section id=\"roles\">\n<h2>2. \u4f7f\u3046\u3082\u306e\u306e\u5f79\u5272<\/h2>\n<div class=\"grid cols-3\">\n<div class=\"card\">\n<h3>SuperSplat Editor<\/h3>\n<p>3D Gaussian Splat\u306e\u8aad\u307f\u8fbc\u307f\u3001\u78ba\u8a8d\u3001\u7de8\u96c6\u3001\u6700\u9069\u5316\u3001\u516c\u958b\u30fb\u66f8\u304d\u51fa\u3057\u3092\u884c\u3046\u30d6\u30e9\u30a6\u30b6\u30d9\u30fc\u30b9\u306e\u30a8\u30c7\u30a3\u30bf\u3002<\/p>\n<p><span class=\"pill\">\u8996\u899a\u7de8\u96c6<\/span><span class=\"pill\">\u30c8\u30ea\u30df\u30f3\u30b0<\/span><span class=\"pill\">Viewer\u66f8\u304d\u51fa\u3057<\/span><\/p>\n<\/p><\/div>\n<div class=\"card\">\n<h3>SplatTransform<\/h3>\n<p>CLI\u307e\u305f\u306f\u30e9\u30a4\u30d6\u30e9\u30ea\u3068\u3057\u3066\u4f7f\u3048\u308b\u5909\u63db\u30fb\u51e6\u7406\u30c4\u30fc\u30eb\u3002PLY\u3001SOG\u3001SPZ\u3001SPLAT\u3001KSPLAT\u306a\u3069\u3092\u6271\u3044\u3001SOG\u5316\u3001\u9593\u5f15\u304d\u3001\u56de\u8ee2\u3001\u30b9\u30b1\u30fc\u30eb\u3001\u885d\u7a81\u7528Voxel\u751f\u6210\u306a\u3069\u306b\u4f7f\u3046\u3002<\/p>\n<p><span class=\"pill\">CLI\u51e6\u7406<\/span><span class=\"pill\">SOG\u5727\u7e2e<\/span><span class=\"pill\">\u885d\u7a81\u30c7\u30fc\u30bf<\/span><\/p>\n<\/p><\/div>\n<div class=\"card\">\n<h3>SuperSplat Viewer<\/h3>\n<p>\u81ea\u524dWeb\u30b5\u30a4\u30c8\u306b\u7d44\u307f\u8fbc\u3080\u8868\u793a\u30e9\u30f3\u30bf\u30a4\u30e0\u3002Splat\u30d5\u30a1\u30a4\u30eb\u3068settings.json\u3092\u8aad\u307f\u3001\u6ce8\u91c8\u3001\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3001WebXR\u5bfe\u5fdc\u8868\u793a\u3092\u884c\u3046\u3002<\/p>\n<p><span class=\"pill\">Web\u8868\u793a<\/span><span class=\"pill\">WebXR<\/span><span class=\"pill\">\u81ea\u524d\u914d\u4fe1<\/span><\/p>\n<\/p><\/div>\n<\/p><\/div>\n<table>\n<thead>\n<tr>\n<th>\u3084\u308a\u305f\u3044\u3053\u3068<\/th>\n<th>\u4f7f\u3046\u3082\u306e<\/th>\n<th>\u7406\u7531<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>PLY\u3092\u624b\u3067\u898b\u306a\u304c\u3089\u4e0d\u8981\u90e8\u5206\u3092\u6d88\u3059<\/td>\n<td>SuperSplat Editor<\/td>\n<td>\u8996\u899a\u7684\u306b\u7de8\u96c6\u3067\u304d\u308b\u305f\u3081\u3002\u73fe\u5834\u30c7\u30fc\u30bf\u306e\u6383\u9664\u306b\u5411\u304f\u3002<\/td>\n<\/tr>\n<tr>\n<td>\u5927\u91cf\u30d5\u30a1\u30a4\u30eb\u3092\u4e00\u62ec\u3067\u5727\u7e2e\u30fb\u5909\u63db\u3059\u308b<\/td>\n<td>SplatTransform<\/td>\n<td>CLI\u5316\u3067\u304d\u308b\u305f\u3081\u3002\u6848\u4ef6DB\u3084\u30d0\u30c3\u30c1\u51e6\u7406\u306b\u8f09\u305b\u3084\u3059\u3044\u3002<\/td>\n<\/tr>\n<tr>\n<td>Web\u30da\u30fc\u30b8\u306bSplat\u3092\u57cb\u3081\u8fbc\u3080<\/td>\n<td>SuperSplat Viewer<\/td>\n<td>\u9759\u7684Web\u30a2\u30d7\u30ea\u3068\u3057\u3066\u914d\u4fe1\u3067\u304d\u3001URL\u30d1\u30e9\u30e1\u30fc\u30bf\u3084settings.json\u3067\u5236\u5fa1\u3067\u304d\u308b\u3002<\/td>\n<\/tr>\n<tr>\n<td>Quest\u3084Android\u3067AR\/VR\u8868\u793a\u3059\u308b<\/td>\n<td>SuperSplat Viewer + HTTPS<\/td>\n<td>WebXR\u306f\u5bfe\u5fdc\u30d6\u30e9\u30a6\u30b6\u30fb\u5bfe\u5fdc\u7aef\u672b\u30fb\u5b89\u5168\u306a\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u304c\u5fc5\u8981\u3002<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/section>\n<section id=\"local-editor\">\n<h2>3. SuperSplat Editor\u3092\u30ed\u30fc\u30ab\u30eb\u306b\u6301\u3063\u3066\u304f\u308b<\/h2>\n<p>\n \u516c\u5f0fREADME\u3067\u306f\u3001Node.js 18\u4ee5\u4e0a\u3092\u524d\u63d0\u306b\u3001GitHub\u304b\u3089\u30af\u30ed\u30fc\u30f3\u3057\u3066 <code>npm install<\/code>\u3001<code>npm run develop<\/code> \u3067<br \/>\n <code>http:\/\/localhost:3000<\/code> \u3092\u958b\u304f\u6d41\u308c\u306b\u306a\u3063\u3066\u3044\u308b\u3002\n <\/p>\n<h3>Ubuntu \/ WSL \/ macOS<\/h3>\n<pre><code># Node.js 18\u4ee5\u4e0a\u3092\u78ba\u8a8d\nnode -v\nnpm -v\n\n# \u30ea\u30dd\u30b8\u30c8\u30ea\u53d6\u5f97\ngit clone https:\/\/github.com\/playcanvas\/supersplat.git\ncd supersplat\n\n# \u4f9d\u5b58\u95a2\u4fc2\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\nnpm install\n\n# \u958b\u767a\u30b5\u30fc\u30d0\u30fc\u8d77\u52d5\nnpm run develop\n\n# \u30d6\u30e9\u30a6\u30b6\u3067\u958b\u304f\n# http:\/\/localhost:3000\n<\/code><\/pre>\n<h3>Windows PowerShell<\/h3>\n<pre><code>git clone https:\/\/github.com\/playcanvas\/supersplat.git\ncd supersplat\nnpm install\nnpm run develop\n<\/code><\/pre>\n<div class=\"warning\">\n <strong>\u30ad\u30e3\u30c3\u30b7\u30e5\u6ce8\u610f\uff1a<\/strong><br \/>\n SuperSplat\u306fWeb\u30a2\u30d7\u30ea\u306a\u306e\u3067\u3001Service Worker\u3084\u30d6\u30e9\u30a6\u30b6\u30ad\u30e3\u30c3\u30b7\u30e5\u304c\u6b8b\u308b\u3053\u3068\u304c\u3042\u308b\u3002<br \/>\n \u8868\u793a\u304c\u53e4\u3044\u3001\u5909\u66f4\u304c\u53cd\u6620\u3055\u308c\u306a\u3044\u3001\u30ed\u30fc\u30c9\u304c\u304a\u304b\u3057\u3044\u5834\u5408\u306f\u3001Chrome DevTools\u306eApplication \u2192 Service Workers\u3067<br \/>\n \u201cUpdate on reload\u201d \u3084 \u201cBypass for network\u201d \u3092\u6709\u52b9\u5316\u3057\u3001\u30ad\u30e3\u30c3\u30b7\u30e5\u3092\u6d88\u3059\u3002\n <\/div>\n<h3>\u8aad\u307f\u8fbc\u3080\u30d5\u30a1\u30a4\u30eb<\/h3>\n<p>\n \u4ee3\u8868\u7684\u306b\u306f <code>.ply<\/code> \u3092\u8aad\u307f\u8fbc\u3080\u3002\u307b\u304b\u306e\u5f62\u5f0f\u304b\u3089\u6765\u305f\u30c7\u30fc\u30bf\u306f\u3001\u5148\u306bSplatTransform\u3067PLY\u3084SOG\u3078\u5909\u63db\u3057\u3066\u304a\u304f\u3068\u6271\u3044\u3084\u3059\u3044\u3002\n <\/p>\n<\/section>\n<section id=\"processing\">\n<h2>4. SplatTransform\u3067Splat\u3092\u51e6\u7406\u3059\u308b<\/h2>\n<p>\n \u5b9f\u904b\u7528\u3067\u306f\u3001Editor\u3067\u5168\u90e8\u3084\u308d\u3046\u3068\u3057\u306a\u3044\u65b9\u304c\u3088\u3044\u3002<br \/>\n \u6848\u4ef6\u5358\u4f4d\u30fb\u73fe\u5834\u5358\u4f4d\u3067\u51e6\u7406\u3092\u81ea\u52d5\u5316\u3059\u308b\u306a\u3089\u3001SplatTransform\u3092\u5165\u308c\u3066CLI\u51e6\u7406\u306b\u56de\u3059\u3002\n <\/p>\n<h3>\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<\/h3>\n<pre><code>npm install -g @playcanvas\/splat-transform\n\n# \u52d5\u4f5c\u78ba\u8a8d\nsplat-transform --version\nsplat-transform --help\n<\/code><\/pre>\n<h3>\u57fa\u672c\u5909\u63db<\/h3>\n<pre><code># PLY \u2192 compressed PLY\nsplat-transform input.ply output.compressed.ply\n\n# PLY \u2192 SOG\u3002Web\u914d\u4fe1\u5411\u3051\u306e\u5727\u7e2e\u5f62\u5f0f\u3068\u3057\u3066\u6271\u3044\u3084\u3059\u3044\nsplat-transform input.ply output.sog\n\n# compressed PLY \u2192 \u901a\u5e38PLY\u3078\u623b\u3059\nsplat-transform input.compressed.ply output.ply\n\n# PLY \u2192 \u5358\u4f53HTML Viewer\nsplat-transform input.ply output.html\n\n# PLY \u2192 \u5206\u96e2\u578bHTML Viewer\u3002CSS\/JS\/SOG\u3092\u5225\u30d5\u30a1\u30a4\u30eb\u306b\u3059\u308b\nsplat-transform -U input.ply output.html\n<\/code><\/pre>\n<h3>\u8efd\u91cf\u5316\u30fb\u6383\u9664<\/h3>\n<pre><code># NaN\u3084Inf\u3092\u542b\u3080\u58ca\u308c\u305fGaussian\u3092\u9664\u53bb\nsplat-transform input.ply --filter-nan clean.ply\n\n# 25%\u3060\u3051\u6b8b\u3057\u3066\u8efd\u91cf\u5316\nsplat-transform input.ply -F 25% decimated.ply\n\n# 50,000\u500b\u306b\u9593\u5f15\u304f\nsplat-transform input.ply --decimate 50000 decimated_50k.ply\n\n# \u900f\u660e\u5ea6\u304c\u4f4e\u3044\u3082\u306e\u3092\u843d\u3068\u3059\u4f8b\nsplat-transform input.ply -V opacity,gt,0.5 opacity_filtered.ply\n\n# \u7403\u9762\u8abf\u548c\u95a2\u6570\u306e\u9ad8\u6b21\u6210\u5206\u3092\u843d\u3068\u3057\u3066\u8efd\u304f\u3059\u308b\nsplat-transform input.ply --filter-harmonics 2 harmonics2.ply\n<\/code><\/pre>\n<h3>\u5ea7\u6a19\u5909\u63db\u30fb\u7d71\u5408<\/h3>\n<pre><code># \u30b9\u30b1\u30fc\u30eb\u8abf\u6574\nsplat-transform input.ply -s 0.5 scaled.ply\n\n# \u5e73\u884c\u79fb\u52d5\nsplat-transform input.ply -t 0,0,10 translated.ply\n\n# Y\u8ef8\u307e\u308f\u308a\u306b90\u5ea6\u56de\u8ee2\nsplat-transform input.ply -r 0,90,0 rotated.ply\n\n# \u8907\u6570Splat\u3092\u7d71\u5408\nsplat-transform sceneA.ply sceneB.ply merged.ply\n<\/code><\/pre>\n<h3>\u6b69\u884c\u30e2\u30fc\u30c9\u7528\u306e\u885d\u7a81\u30c7\u30fc\u30bf\u3092\u4f5c\u308b<\/h3>\n<p>\n WebXR\u3084\u4e00\u4eba\u79f0\u30a6\u30a9\u30fc\u30af\u3092\u8003\u3048\u308b\u306a\u3089\u3001\u898b\u305f\u76ee\u306eSplat\u3068\u306f\u5225\u306b\u885d\u7a81\u30c7\u30fc\u30bf\u304c\u5fc5\u8981\u306b\u306a\u308b\u3002<br \/>\n SplatTransform\u306f <code>.voxel.json<\/code> \u3084\u885d\u7a81\u30e1\u30c3\u30b7\u30e5\u306e\u751f\u6210\u306b\u4f7f\u3048\u308b\u3002\n <\/p>\n<pre><code># \u5c4b\u5185\u30b7\u30fc\u30f3\u4f8b\nsplat-transform room.ply \\\n --filter-cluster --seed-pos 0,1,0 \\\n --voxel-external-fill --voxel-carve \\\n -K room.voxel.json\n\n# \u5c4b\u5916\u30fb\u5730\u5f62\u30b7\u30fc\u30f3\u4f8b\nsplat-transform terrain.ply \\\n --filter-cluster --seed-pos 0,0,0 \\\n --voxel-floor-fill \\\n -K terrain.voxel.json\n<\/code><\/pre>\n<div class=\"note\">\n <strong>seed-pos\u306e\u8003\u3048\u65b9\uff1a<\/strong><br \/>\n <code>--seed-pos<\/code> \u306f\u300c\u3053\u3053\u304c\u6b69\u3051\u308b\u30fb\u4e2d\u5fc3\u306b\u3057\u305f\u3044\u300d\u3068\u3044\u3046\u70b9\u3092\u6307\u5b9a\u3059\u308b\u3002<br \/>\n \u73fe\u5834\u7a7a\u9593\u306e\u5834\u5408\u306f\u3001\u5165\u53e3\u4ed8\u8fd1\u3084\u901a\u8def\u4e2d\u592e\u306a\u3069\u3001\u78ba\u5b9f\u306b\u7a7a\u9593\u5185\u90e8\u306b\u3042\u308b\u5ea7\u6a19\u3092\u9078\u3076\u3002<br \/>\n \u3053\u3053\u3092\u5916\u3059\u3068\u3001\u5fc5\u8981\u306a\u30af\u30e9\u30b9\u30bf\u307e\u3067\u6d88\u3048\u308b\u3002\u4fbf\u5229\u3060\u304c\u3001\u5207\u308c\u5473\u306e\u3088\u3059\u304e\u308b\u5305\u4e01\u3002\n <\/div>\n<\/section>\n<section id=\"export\">\n<h2>5. Viewer\u3068\u3057\u3066\u66f8\u304d\u51fa\u3059<\/h2>\n<h3>A. Editor\u304b\u3089\u66f8\u304d\u51fa\u3059<\/h3>\n<p>SuperSplat Editor\u3067\u7de8\u96c6\u5f8c\u3001\u4ee5\u4e0b\u306e\u64cd\u4f5c\u3067\u30d3\u30e5\u30fc\u30a2\u3092\u66f8\u304d\u51fa\u3059\u3002<\/p>\n<ol>\n<li><code>File<\/code> \u3092\u958b\u304f<\/li>\n<li><code>Export<\/code> \u30b5\u30d6\u30e1\u30cb\u30e5\u30fc\u3092\u958b\u304f<\/li>\n<li><code>Viewer App\u2026<\/code> \u3092\u9078\u3076<\/li>\n<li>HTML\u5358\u4f53\u307e\u305f\u306fZIP Package\u3092\u9078\u629e\u3059\u308b<\/li>\n<\/ol>\n<table>\n<thead>\n<tr>\n<th>\u5f62\u5f0f<\/th>\n<th>\u7279\u5fb4<\/th>\n<th>\u5411\u3044\u3066\u3044\u308b\u7528\u9014<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>HTML\u5358\u4f53<\/td>\n<td>Splat\u304cBase64\u3067HTML\u5185\u306b\u57cb\u3081\u8fbc\u307e\u308c\u308b\u3002\u30c0\u30d6\u30eb\u30af\u30ea\u30c3\u30af\u3067\u958b\u304d\u3084\u3059\u3044\u304c\u3001Base64\u5316\u3067\u30b5\u30a4\u30ba\u304c\u5897\u3048\u308b\u3002<\/td>\n<td>\u5c0f\u3055\u306a\u30c7\u30e2\u3001\u30e1\u30fc\u30eb\u6dfb\u4ed8\u3001USB\u6e21\u3057<\/td>\n<\/tr>\n<tr>\n<td>ZIP Package<\/td>\n<td>HTML\u3068 <code>.compressed.ply<\/code> \u306a\u3069\u3092\u5206\u96e2\u3002\u8efd\u304f\u3001\u30ed\u30fc\u30c9\u3057\u3084\u3059\u3044\u304cHTTP\u30b5\u30fc\u30d0\u30fc\u914d\u4fe1\u304c\u5fc5\u8981\u3002<\/td>\n<td>Web\u516c\u958b\u3001Nginx\u914d\u4fe1\u3001Flask\u7d44\u307f\u8fbc\u307f\u3001\u5b9f\u904b\u7528<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3>B. CLI\u304b\u3089HTML Viewer\u3092\u66f8\u304d\u51fa\u3059<\/h3>\n<pre><code># \u5358\u4f53HTML\nsplat-transform input.ply output.html\n\n# \u5206\u96e2\u578bHTML\nsplat-transform -U input.ply output.html\n\n# settings.json\u3092\u4f7f\u3063\u3066\u30d3\u30e5\u30fc\u30a2\u8a2d\u5b9a\u8fbc\u307f\u3067\u51fa\u3059\nsplat-transform -E settings.json input.ply output.html\n<\/code><\/pre>\n<h3>C. supersplat-viewer\u3092npm\u3067\u7d44\u307f\u8fbc\u3080<\/h3>\n<p>\n \u81ea\u524dWeb\u30a2\u30d7\u30ea\u306b\u7d44\u307f\u8fbc\u3080\u5834\u5408\u306f\u3001<code>@playcanvas\/supersplat-viewer<\/code> \u3092\u4f7f\u3046\u3002<br \/>\n \u30d1\u30c3\u30b1\u30fc\u30b8\u306fViewer\u306e <code>index.html<\/code>\u3001<code>index.css<\/code>\u3001<code>index.js<\/code> \u3092\u6587\u5b57\u5217\u3068\u3057\u3066\u53d6\u308a\u51fa\u305b\u308b\u3002\n <\/p>\n<pre><code>npm install @playcanvas\/supersplat-viewer\n<\/code><\/pre>\n<pre><code>import { html, css, js } from '@playcanvas\/supersplat-viewer';\n\nconsole.log(html);\nconsole.log(css);\nconsole.log(js);\n<\/code><\/pre>\n<h3>settings.json\u306e\u6700\u5c0f\u4f8b<\/h3>\n<p>Viewer\u306fSplat\u672c\u4f53\u3068\u306f\u5225\u306b\u3001\u30ab\u30e1\u30e9\u3001\u80cc\u666f\u3001\u6ce8\u91c8\u3001\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3001\u958b\u59cb\u30e2\u30fc\u30c9\u306a\u3069\u3092 <code>settings.json<\/code> \u3067\u5236\u5fa1\u3067\u304d\u308b\u3002<\/p>\n<pre><code>{\n \"version\": 2,\n \"tonemapping\": \"linear\",\n \"highPrecisionRendering\": false,\n \"background\": {\n \"color\": [0, 0, 0]\n },\n \"postEffectSettings\": {\n \"sharpness\": { \"enabled\": false, \"amount\": 0 },\n \"bloom\": { \"enabled\": false, \"intensity\": 0.1, \"blurLevel\": 2 },\n \"grading\": { \"enabled\": false, \"brightness\": 1, \"contrast\": 1, \"saturation\": 1, \"tint\": [1, 1, 1] },\n \"vignette\": { \"enabled\": false, \"intensity\": 0.5, \"inner\": 0.3, \"outer\": 0.75, \"curvature\": 1 },\n \"fringing\": { \"enabled\": false, \"intensity\": 0.5 }\n },\n \"cameras\": [\n {\n \"initial\": {\n \"position\": [0, 1, -1],\n \"target\": [0, 0, 0],\n \"fov\": 75\n }\n }\n ],\n \"animTracks\": [],\n \"annotations\": [],\n \"startMode\": \"default\"\n}\n<\/code><\/pre>\n<h3>URL\u30d1\u30e9\u30e1\u30fc\u30bf\u4f8b<\/h3>\n<pre><code># Viewer\u306eindex.html\u306b\u5bfe\u3057\u3066\u3001\u8aad\u307f\u8fbc\u3080Splat\u3068settings\u3092\u6307\u5b9a\nhttps:\/\/example.com\/splat-viewer\/index.html?content=.\/scene.sog&settings=.\/settings.json\n\n# UI\u3092\u6d88\u3059\nhttps:\/\/example.com\/splat-viewer\/index.html?content=.\/scene.sog&settings=.\/settings.json&noui\n\n# \u7d71\u8a08\u8868\u793a\nhttps:\/\/example.com\/splat-viewer\/index.html?content=.\/scene.sog&settings=.\/settings.json&ministats\n\n# WebGPU\u3092\u4f7f\u3046\u6307\u5b9a\u3002\u5bfe\u5fdc\u30d6\u30e9\u30a6\u30b6\u30fb\u7aef\u672b\u306e\u307f\nhttps:\/\/example.com\/splat-viewer\/index.html?content=.\/scene.sog&settings=.\/settings.json&webgpu\n<\/code><\/pre>\n<\/section>\n<section id=\"webxr\">\n<h2>6. WebXR\u3067\u53ef\u8996\u5316\u3059\u308b<\/h2>\n<p>\n SuperSplat Viewer\u306f\u3001\u5bfe\u5fdc\u7aef\u672b\u3067\u306fWebXR\u306b\u3088\u308bAR\/VR\u8868\u793a\u306b\u9032\u3081\u308b\u3002<br \/>\n \u305f\u3060\u3057\u3001WebXR\u306f\u300c\u8868\u793aHTML\u3092\u958b\u3051\u3070\u5fc5\u305a\u51fa\u308b\u300d\u3082\u306e\u3067\u306f\u306a\u3044\u3002<br \/>\n <strong>WebXR\u5bfe\u5fdc\u30d6\u30e9\u30a6\u30b6\u3001WebXR\u5bfe\u5fdc\u7aef\u672b\u3001\u5b89\u5168\u306a\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u3001\u5341\u5206\u306aGPU\u6027\u80fd<\/strong>\u304c\u5fc5\u8981\u306b\u306a\u308b\u3002\n <\/p>\n<h3>WebXR\u8868\u793a\u306b\u5fc5\u8981\u306a\u6761\u4ef6<\/h3>\n<table>\n<thead>\n<tr>\n<th>\u6761\u4ef6<\/th>\n<th>\u5185\u5bb9<\/th>\n<th>\u6ce8\u610f<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>\u5bfe\u5fdc\u7aef\u672b<\/td>\n<td>Meta Quest\u7cfb\u3001Android\u306eWebXR\u5bfe\u5fdc\u30d6\u30e9\u30a6\u30b6\u306a\u3069<\/td>\n<td>iOS Safari\u306fWebXR\u306e\u6271\u3044\u304c\u5236\u9650\u3055\u308c\u3084\u3059\u3044\u3002\u691c\u8a3c\u7aef\u672b\u306f\u5206\u3051\u308b\u3002<\/td>\n<\/tr>\n<tr>\n<td>\u5bfe\u5fdc\u30d6\u30e9\u30a6\u30b6<\/td>\n<td>Quest Browser\u3001Chrome\u7cfb\u306a\u3069<\/td>\n<td>\u7aef\u672b\u30fbOS\u30fb\u30d6\u30e9\u30a6\u30b6\u306e\u7d44\u307f\u5408\u308f\u305b\u3067\u6319\u52d5\u304c\u5909\u308f\u308b\u3002<\/td>\n<\/tr>\n<tr>\n<td>HTTPS<\/td>\n<td>\u672c\u756a\u30fbLAN\u7aef\u672b\u304b\u3089\u306fHTTPS\u914d\u4fe1\u304c\u57fa\u672c<\/td>\n<td><code>localhost<\/code> \u306f\u4f8b\u5916\u7684\u306b\u8a31\u3055\u308c\u308b\u304c\u3001Quest\u304b\u3089PC\u306elocalhost\u306f\u898b\u3048\u306a\u3044\u3002<\/td>\n<\/tr>\n<tr>\n<td>\u8efd\u91cf\u30c7\u30fc\u30bf<\/td>\n<td>SOG\u5316\u3001\u9593\u5f15\u304d\u3001\u4e0d\u8981\u9818\u57df\u524a\u9664<\/td>\n<td>\u91cd\u3044PLY\u3092\u305d\u306e\u307e\u307eVR\u306b\u6295\u3052\u308b\u3068\u3060\u3044\u305f\u3044\u6b7b\u306c\u3002VR\u9154\u3044\u3088\u308a\u5148\u306bGPU\u304c\u9154\u3046\u3002<\/td>\n<\/tr>\n<tr>\n<td>\u958b\u59cb\u8996\u70b9<\/td>\n<td>settings.json\u307e\u305f\u306fStudio\u3067\u958b\u59cb\u30ab\u30e1\u30e9\u3092\u8abf\u6574<\/td>\n<td>\u521d\u671f\u4f4d\u7f6e\u304c\u60aa\u3044\u3068\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u58c1\u306e\u4e2d\u3084\u865a\u7121\u304b\u3089\u30b9\u30bf\u30fc\u30c8\u3059\u308b\u3002<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3>\u30ed\u30fc\u30ab\u30eb\u691c\u8a3c\u306e\u6bb5\u968e<\/h3>\n<ol>\n<li>PC\u30d6\u30e9\u30a6\u30b6\u3067\u901a\u5e38\u8868\u793a\u3067\u304d\u308b\u304b\u78ba\u8a8d<\/li>\n<li>\u30b9\u30de\u30db\u30fbQuest\u304b\u3089\u540c\u3058URL\u306b\u30a2\u30af\u30bb\u30b9\u3067\u304d\u308b\u304b\u78ba\u8a8d<\/li>\n<li>HTTPS\u5316\u3059\u308b<\/li>\n<li>WebXR\u30dc\u30bf\u30f3\u304c\u51fa\u308b\u304b\u78ba\u8a8d<\/li>\n<li>VR\/AR\u306b\u5165\u3063\u305f\u77ac\u9593\u306e\u8996\u70b9\u30fb\u30b9\u30b1\u30fc\u30eb\u30fb\u91cd\u3055\u3092\u78ba\u8a8d<\/li>\n<\/ol>\n<h3>HTTPS\u30ed\u30fc\u30ab\u30eb\u914d\u4fe1\u4f8b\uff1amkcert + http-server<\/h3>\n<p>LAN\u5185\u306eQuest\u3084Android\u304b\u3089\u8a66\u3059\u5834\u5408\u3001\u81ea\u5df1\u7f72\u540d\u8a3c\u660e\u66f8\u3067\u306f\u30d6\u30e9\u30a6\u30b6\u304c\u5acc\u304c\u308b\u3053\u3068\u304c\u3042\u308b\u3002\u958b\u767a\u7528\u306b\u306f <code>mkcert<\/code> \u304c\u4fbf\u5229\u3002<\/p>\n<pre><code># Ubuntu\u4f8b\nsudo apt update\nsudo apt install -y libnss3-tools\n# mkcert\u306e\u5c0e\u5165\u65b9\u6cd5\u306f\u74b0\u5883\u306b\u3088\u308a\u7570\u306a\u308b\u305f\u3081\u3001GitHub releases\u7b49\u304b\u3089\u53d6\u5f97\n\nmkcert -install\n\n# \u81ea\u5206\u306ePC\u306eLAN IP\u3092\u78ba\u8a8d\nip addr\n\n# \u4f8b: 192.168.1.50 \u306e\u8a3c\u660e\u66f8\u3092\u4f5c\u308b\nmkcert 192.168.1.50 localhost 127.0.0.1\n\n# http-server\u3092\u4f7f\u3046\nnpm install -g http-server\n\n# Viewer\u30d5\u30a1\u30a4\u30eb\u3092\u7f6e\u3044\u305f\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u3067\u8d77\u52d5\nhttp-server . -S -C .\/192.168.1.50+2.pem -K .\/192.168.1.50+2-key.pem -p 8443\n\n# Quest\/Android\u5074\n# https:\/\/192.168.1.50:8443\/\n<\/code><\/pre>\n<div class=\"warning\">\n <strong>\u8a3c\u660e\u66f8\u306e\u4fe1\u983c\u554f\u984c\uff1a<\/strong><br \/>\n \u30b9\u30de\u30db\u3084Quest\u5074\u306bmkcert\u306e\u30eb\u30fc\u30c8\u8a3c\u660e\u66f8\u3092\u5165\u308c\u306a\u3044\u3068\u3001HTTPS\u3067\u3082\u8b66\u544a\u304c\u51fa\u308b\u3002<br \/>\n \u5b9f\u52d9\u3067\u306f\u3001\u624b\u9593\u3092\u8003\u3048\u308b\u3068\u516c\u958b\u30c9\u30e1\u30a4\u30f3 + Let’s Encrypt + Nginx \u306e\u65b9\u304c\u5b89\u5b9a\u3059\u308b\u3002\n <\/div>\n<\/section>\n<section id=\"server\">\n<h2>7. Nginx \/ Flask\u306b\u7d44\u307f\u8fbc\u3080<\/h2>\n<h3>\u63a8\u5968\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u69cb\u6210<\/h3>\n<pre><code>\/var\/www\/supersplat-sites\/\n cases\/\n case_0001\/\n index.html\n scene.sog\n settings.json\n poster.webp\n room.voxel.json\n room.voxel.bin\n case_0002\/\n index.html\n scene.sog\n settings.json\n viewer\/\n index.html\n index.css\n index.js\n<\/code><\/pre>\n<h3>Nginx\u3067\u9759\u7684\u914d\u4fe1\u3059\u308b\u4f8b<\/h3>\n<pre><code>server {\n listen 443 ssl http2;\n server_name splat.example.com;\n\n root \/var\/www\/supersplat-sites;\n index index.html;\n\n ssl_certificate \/etc\/letsencrypt\/live\/splat.example.com\/fullchain.pem;\n ssl_certificate_key \/etc\/letsencrypt\/live\/splat.example.com\/privkey.pem;\n\n location \/ {\n try_files $uri $uri\/ =404;\n }\n\n # \u5927\u304d\u3081\u306eSplat\u30d5\u30a1\u30a4\u30eb\u3092\u6271\u3046\u306a\u3089\u5fc5\u8981\u306b\u5fdc\u3058\u3066\u8abf\u6574\n client_max_body_size 1024M;\n\n # \u5225\u30c9\u30e1\u30a4\u30f3\u306e\u30a2\u30d7\u30ea\u304b\u3089\u8aad\u307f\u8fbc\u3080\u5834\u5408\u3060\u3051CORS\u3092\u691c\u8a0e\n # add_header Access-Control-Allow-Origin \"https:\/\/your-app.example.com\" always;\n}\n<\/code><\/pre>\n<h3>Flask\u304b\u3089iframe\u3067\u8868\u793a\u3059\u308b\u4f8b<\/h3>\n<p>\u4e00\u756a\u7c21\u5358\u306a\u306e\u306f\u3001Viewer\u3092\u9759\u7684\u30d5\u30a1\u30a4\u30eb\u3068\u3057\u3066\u7f6e\u304d\u3001Flask\u5074\u306f\u6848\u4ef6ID\u306b\u5fdc\u3058\u3066iframe\u306eURL\u3092\u7d44\u307f\u7acb\u3066\u308b\u65b9\u5f0f\u3002<\/p>\n<pre><code># app.py\nfrom flask import Flask, render_template, abort\nfrom pathlib import Path\n\napp = Flask(__name__)\n\nBASE = Path(\"\/var\/www\/supersplat-sites\/cases\")\n\n@app.route(\"\/cases\/<case_id>\/splat\")\ndef case_splat(case_id):\n case_dir = BASE \/ case_id\n if not case_dir.exists():\n abort(404)\n\n viewer_url = f\"\/static\/supersplat-viewer\/index.html?content=\/splat-data\/{case_id}\/scene.sog&settings=\/splat-data\/{case_id}\/settings.json\"\n return render_template(\"case_splat.html\", viewer_url=viewer_url, case_id=case_id)\n<\/code><\/pre>\n<pre><code>\n<!doctype html>\n<html lang=\"ja\">\n<head>\n <meta charset=\"utf-8\">\n <title>Splat Viewer - {{ case_id }}<\/title>\n <style>\n html, body { margin:0; height:100%; }\n iframe { width:100%; height:100vh; border:0; }\n <\/style>\n<\/head>\n<body>\n <iframe src=\"{{ viewer_url }}\" allow=\"xr-spatial-tracking; fullscreen\" allowfullscreen><\/iframe>\n<\/body>\n<\/html>\n<\/code><\/pre>\n<div class=\"note\">\n <strong>\u6848\u4ef6\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\u3068\u306e\u63a5\u7d9a\uff1a<\/strong><br \/>\n DB\u306b\u306f <code>case_id<\/code>\u3001Splat\u30d5\u30a1\u30a4\u30eb\u30d1\u30b9\u3001settings.json\u30d1\u30b9\u3001\u30b5\u30e0\u30cd\u30a4\u30eb\u3001\u516c\u958b\u72b6\u614b\u3001\u6a29\u9650\u3001\u64ae\u5f71\u65e5\u3001\u73fe\u5834\u4f4d\u7f6e\u60c5\u5831\u3092\u6301\u305f\u305b\u308b\u3068\u3088\u3044\u3002<br \/>\n Kaleido\u7cfb\u306e\u73fe\u5834\u8a18\u9332\u306b\u5165\u308c\u308b\u306a\u3089\u3001Splat\u306f\u300c\u6dfb\u4ed8\u30d5\u30a1\u30a4\u30eb\u300d\u3067\u306f\u306a\u304f\u300c\u7a7a\u9593\u8a3c\u8de1\u300d\u3068\u3057\u3066\u6271\u3046\u65b9\u304c\u8a2d\u8a08\u304c\u304d\u308c\u3044\u3002\n <\/div>\n<h3>Flask\u3067Splat\u30d5\u30a1\u30a4\u30eb\u3092\u4fdd\u8b77\u914d\u4fe1\u3059\u308b\u4f8b<\/h3>\n<p>\u516c\u958bURL\u306b\u76f4\u63a5\u30d5\u30a1\u30a4\u30eb\u3092\u7f6e\u304f\u3068\u3001URL\u3092\u77e5\u3063\u3066\u3044\u308b\u4eba\u304c\u898b\u3089\u308c\u308b\u3002\u696d\u52d9\u30c7\u30fc\u30bf\u3067\u306f\u8a8d\u8a3c\u4ed8\u304d\u914d\u4fe1\u306b\u3059\u308b\u3002<\/p>\n<pre><code>from flask import send_from_directory, abort\nfrom pathlib import Path\n\n@app.route(\"\/secure-splat\/<case_id>\/<path:filename>\")\ndef secure_splat(case_id, filename):\n # \u3053\u3053\u3067\u30ed\u30b0\u30a4\u30f3\u30fb\u6a29\u9650\u30c1\u30a7\u30c3\u30af\u3092\u5fc5\u305a\u884c\u3046\n # if not current_user.can_view(case_id): abort(403)\n\n base = Path(\"\/var\/www\/private-splats\") \/ case_id\n if not base.exists():\n abort(404)\n\n return send_from_directory(base, filename)\n<\/code><\/pre>\n<\/section>\n<section id=\"quality\">\n<h2>8. \u73fe\u5834\u30c7\u30fc\u30bf\u3067\u306e\u54c1\u8cea\u8abf\u6574<\/h2>\n<table>\n<thead>\n<tr>\n<th>\u75c7\u72b6<\/th>\n<th>\u539f\u56e0\u5019\u88dc<\/th>\n<th>\u5bfe\u51e6<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>\u8868\u793a\u304c\u91cd\u3044<\/td>\n<td>PLY\u304c\u5927\u304d\u3059\u304e\u308b\u3001\u4e0d\u8981\u90e8\u5206\u304c\u591a\u3044\u3001\u900f\u660e\u5ea6\u306e\u4f4e\u3044Gaussian\u304c\u591a\u3044<\/td>\n<td>SOG\u5316\u3001\u9593\u5f15\u304d\u3001\u4e0d\u8981\u9818\u57df\u524a\u9664\u3001<code>--filter-nan<\/code>\u3001<code>-F 25%<\/code> \u306a\u3069<\/td>\n<\/tr>\n<tr>\n<td>VR\u3067\u9154\u3044\u3084\u3059\u3044<\/td>\n<td>\u521d\u671f\u4f4d\u7f6e\u30fb\u30b9\u30b1\u30fc\u30eb\u30fbFOV\u30fb\u30d5\u30ec\u30fc\u30e0\u30ec\u30fc\u30c8\u304c\u60aa\u3044<\/td>\n<td>\u958b\u59cb\u30ab\u30e1\u30e9\u3092\u8abf\u6574\u3001\u8efd\u91cf\u5316\u3001FOV\u3092\u898b\u76f4\u3059<\/td>\n<\/tr>\n<tr>\n<td>\u58c1\u306e\u4e2d\u304b\u3089\u59cb\u307e\u308b<\/td>\n<td>settings.json\u306e\u521d\u671f\u30ab\u30e1\u30e9\u304c\u4e0d\u9069\u5207<\/td>\n<td>Studio\u307e\u305f\u306fsettings.json\u3067 <code>cameras.initial<\/code> \u3092\u4fee\u6b63<\/td>\n<\/tr>\n<tr>\n<td>\u6b69\u884c\u3067\u304d\u306a\u3044\/\u7a81\u304d\u629c\u3051\u308b<\/td>\n<td>\u885d\u7a81\u30c7\u30fc\u30bf\u304c\u306a\u3044\u3001Voxel\u751f\u6210\u304c\u4e0d\u9069\u5207<\/td>\n<td><code>.voxel.json<\/code> \/ <code>.voxel.bin<\/code> \/ collision GLB\u3092\u751f\u6210\u3057\u3001Viewer\u306b\u6307\u5b9a<\/td>\n<\/tr>\n<tr>\n<td>Quest\u3067XR\u30dc\u30bf\u30f3\u304c\u51fa\u306a\u3044<\/td>\n<td>HTTP\u914d\u4fe1\u3001\u975e\u5bfe\u5fdc\u30d6\u30e9\u30a6\u30b6\u3001iframe\u6a29\u9650\u4e0d\u8db3<\/td>\n<td>HTTPS\u5316\u3001Quest Browser\u3067\u78ba\u8a8d\u3001iframe\u306b <code>allow=\"xr-spatial-tracking\"<\/code> \u3092\u4ed8\u4e0e<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/section>\n<section id=\"trouble\">\n<h2>9. \u3088\u304f\u3042\u308b\u30c8\u30e9\u30d6\u30eb\u3068\u76f4\u3057\u65b9<\/h2>\n<h3>npm install\u3067\u5931\u6557\u3059\u308b<\/h3>\n<pre><code># Node.js\u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u78ba\u8a8d\nnode -v\n\n# 18\u672a\u6e80\u306a\u3089\u66f4\u65b0\n# Ubuntu\u4f8b: nvm\u3092\u4f7f\u3046\u306e\u304c\u697d\ncurl -o- https:\/\/raw.githubusercontent.com\/nvm-sh\/nvm\/master\/install.sh | bash\nsource ~\/.bashrc\nnvm install 20\nnvm use 20\n\n# \u518d\u5b9f\u884c\nnpm install\n<\/code><\/pre>\n<h3>localhost:3000\u304c\u958b\u304b\u306a\u3044<\/h3>\n<pre><code># 3000\u756a\u3092\u4f7f\u3063\u3066\u3044\u308b\u30d7\u30ed\u30bb\u30b9\u3092\u78ba\u8a8d\nsudo lsof -i :3000\n\n# \u5fc5\u8981\u306a\u3089\u505c\u6b62\nkill -9 <PID>\n<\/code><\/pre>\n<h3>LAN\u306eQuest\/Android\u304b\u3089\u898b\u3048\u306a\u3044<\/h3>\n<ul>\n<li>PC\u306e\u30d5\u30a1\u30a4\u30a2\u30a6\u30a9\u30fc\u30eb\u3067\u30dd\u30fc\u30c8\u304c\u958b\u3044\u3066\u3044\u308b\u304b\u78ba\u8a8d<\/li>\n<li><code>localhost<\/code> \u3067\u306f\u306a\u304fPC\u306eLAN IP\u3067\u30a2\u30af\u30bb\u30b9\u3059\u308b<\/li>\n<li>\u540c\u3058Wi-Fi\u306b\u3044\u308b\u304b\u78ba\u8a8d<\/li>\n<li>WebXR\u691c\u8a3c\u306a\u3089HTTPS\u5316\u3059\u308b<\/li>\n<\/ul>\n<h3>\u30d5\u30a1\u30a4\u30eb\u30b5\u30a4\u30ba\u304c\u5927\u304d\u3059\u304e\u308b<\/h3>\n<pre><code># SOG\u5316\nsplat-transform input.ply output.sog\n\n# 25%\u306b\u9593\u5f15\u304d\nsplat-transform input.ply -F 25% output_25pct.ply\n\n# \u9593\u5f15\u3044\u3066\u304b\u3089SOG\u5316\nsplat-transform input.ply -F 25% output_25pct.sog\n<\/code><\/pre>\n<\/section>\n<section id=\"recommended-flow\">\n<h2>10. \u304a\u3059\u3059\u3081\u306e\u5b9f\u88c5\u30d5\u30ed\u30fc<\/h2>\n<h3>PoC<\/h3>\n<ol>\n<li>\u30b5\u30f3\u30d7\u30ebPLY\u3092\u7528\u610f<\/li>\n<li>SuperSplat Editor\u3092\u30ed\u30fc\u30ab\u30eb\u8d77\u52d5<\/li>\n<li>\u8aad\u307f\u8fbc\u307f\u3001\u4e0d\u8981\u90e8\u5206\u3092\u524a\u9664<\/li>\n<li>Viewer App\u3092ZIP\u3067\u66f8\u304d\u51fa\u3057<\/li>\n<li><code>python -m http.server<\/code> \u3067PC\u30d6\u30e9\u30a6\u30b6\u78ba\u8a8d<\/li>\n<li>Nginx\u306eHTTPS\u914d\u4fe1\u306b\u7f6e\u304f<\/li>\n<li>Quest\/Android\u3067WebXR\u78ba\u8a8d<\/li>\n<\/ol>\n<h3>\u696d\u52d9\u30b7\u30b9\u30c6\u30e0\u5316<\/h3>\n<ol>\n<li>\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3055\u308c\u305fPLY\u3092\u6848\u4ef6ID\u3067\u4fdd\u5b58<\/li>\n<li>SplatTransform\u3067 <code>clean.ply<\/code>\u3001<code>scene.sog<\/code>\u3001<code>settings.json<\/code> \u3092\u751f\u6210<\/li>\n<li>\u5fc5\u8981\u306b\u5fdc\u3058\u3066 <code>voxel<\/code> \/ collision GLB\u3092\u751f\u6210<\/li>\n<li>Flask\u306e\u6848\u4ef6\u753b\u9762\u304b\u3089Viewer\u3092iframe\u8868\u793a<\/li>\n<li>\u516c\u958b\u7bc4\u56f2\u3001\u6a29\u9650\u3001\u30ed\u30b0\u3001\u524a\u9664\u3001\u30d0\u30c3\u30af\u30a2\u30c3\u30d7\u3092\u7ba1\u7406<\/li>\n<li>\u91cd\u8981\u73fe\u5834\u30c7\u30fc\u30bf\u306fPlayCanvas\u516c\u958bURL\u3067\u306f\u306a\u304f\u3001\u81ea\u524d\u30b5\u30fc\u30d0\u30fc\u914d\u4fe1\u306b\u3059\u308b<\/li>\n<\/ol>\n<div class=\"note\">\n <strong>Kaleido\u57fa\u76e4\u3092\u91cd\u306d\u308b\u62e1\u5145\u6848\uff1a<\/strong><br \/>\n SuperSplat \/ WebXR\u3092\u5358\u4f53\u306e3D\u30d3\u30e5\u30fc\u30a2\u3068\u3057\u3066\u4f7f\u3046\u3060\u3051\u3067\u306a\u304f\u3001Kaleido\u5074\u306e\u6848\u4ef6\u7ba1\u7406\u3001\u5199\u771f\u7ba1\u7406\u3001GIS\u3001\u30b9\u30c6\u30fc\u30bf\u30b9\u7ba1\u7406\u3001PDF\u51fa\u529b\u3001AI\u691c\u77e5\u7d50\u679c\u3068\u63a5\u7d9a\u3059\u308b\u3068\u3001<br \/>\n <strong>\u300c\u898b\u3089\u308c\u308b3D\u300d\u304b\u3089\u300c\u6e2c\u308c\u308b\u30fb\u8a18\u9332\u3067\u304d\u308b\u30fb\u5831\u544a\u3067\u304d\u308b\u73fe\u5834\u7a7a\u9593\u300d<\/strong>\u306b\u767a\u5c55\u3055\u305b\u3089\u308c\u308b\u3002\n <\/div>\n<h4>Kaleido \u00d7 Gaussian Splat \u306e\u57fa\u672c\u767a\u60f3<\/h4>\n<p>\n Gaussian Splat\u3092\u73fe\u5834\u306e\u80cc\u666f\u7a7a\u9593\u3068\u3057\u3066\u6271\u3044\u3001\u305d\u306e\u4e0a\u306bKaleido\u306e\u696d\u52d9\u30ec\u30a4\u30e4\u30fc\u3092\u91cd\u306d\u308b\u3002<br \/>\n \u3064\u307e\u308a\u3001Splat\u306f\u5358\u306a\u308b\u6dfb\u4ed8\u30d5\u30a1\u30a4\u30eb\u3067\u306f\u306a\u304f\u3001\u6848\u4ef6\u3054\u3068\u306e<strong>\u7a7a\u9593\u8a3c\u8de1<\/strong>\u306b\u306a\u308b\u3002<br \/>\n \u305d\u3053\u3078\u63a1\u5bf8\u3001\u7a7a\u9593\u30bf\u30b0\u3001\u5199\u771f\u3001PDF\u3001AI\u691c\u77e5\u7d50\u679c\u3001\u30b3\u30e1\u30f3\u30c8\u3001\u5bfe\u5fdc\u30b9\u30c6\u30fc\u30bf\u30b9\u3092\u3072\u3082\u4ed8\u3051\u308b\u3002\n <\/p>\n<table>\n<thead>\n<tr>\n<th>\u30ec\u30a4\u30e4\u30fc<\/th>\n<th>\u5185\u5bb9<\/th>\n<th>\u696d\u52d9\u4e0a\u306e\u4fa1\u5024<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>3D\u80cc\u666f\u30ec\u30a4\u30e4\u30fc<\/td>\n<td>Gaussian Splat\u3001SOG\u3001PLY\u3001Viewer\u8a2d\u5b9a<\/td>\n<td>\u73fe\u5834\u5168\u4f53\u3092\u9060\u9694\u3067\u78ba\u8a8d\u3067\u304d\u308b\u3002\u5199\u771f\u3060\u3051\u3067\u306f\u5206\u304b\u3089\u306a\u3044\u4f4d\u7f6e\u95a2\u4fc2\u3092\u6b8b\u305b\u308b\u3002<\/td>\n<\/tr>\n<tr>\n<td>\u63a1\u5bf8\u30ec\u30a4\u30e4\u30fc<\/td>\n<td>2\u70b9\u9593\u8ddd\u96e2\u3001\u6298\u308c\u7dda\u9577\u3001\u9762\u7a4d\u3001\u9ad8\u3055\u3001\u5e45\u3001\u52fe\u914d\u306e\u30e1\u30e2<\/td>\n<td>\u64c1\u58c1\u3001\u30d6\u30ed\u30c3\u30af\u5840\u3001\u8a2d\u5099\u3001\u9053\u8def\u640d\u50b7\u306a\u3069\u306e\u5bf8\u6cd5\u3092\u73fe\u5834\u7a7a\u9593\u4e0a\u306b\u4fdd\u5b58\u3067\u304d\u308b\u3002<\/td>\n<\/tr>\n<tr>\n<td>\u7a7a\u9593\u30bf\u30b0 \/ \u7a7a\u6c17\u30bf\u30b0<\/td>\n<td>3D\u7a7a\u9593\u306b\u6d6e\u304b\u3076\u6ce8\u91c8\u3001\u5199\u771f\u3001\u52d5\u753b\u3001PDF\u3001\u56f3\u9762\u3001\u30b3\u30e1\u30f3\u30c8\u3001\u30b9\u30c6\u30fc\u30bf\u30b9<\/td>\n<td>\u300c\u3053\u306e\u3072\u3073\u5272\u308c\u300d\u300c\u3053\u306e\u8a2d\u5099\u300d\u300c\u3053\u306e\u5371\u967a\u7b87\u6240\u300d\u3092\u5ea7\u6a19\u4ed8\u304d\u3067\u5171\u6709\u3067\u304d\u308b\u3002<\/td>\n<\/tr>\n<tr>\n<td>AI\u691c\u77e5\u30ec\u30a4\u30e4\u30fc<\/td>\n<td>YOLO \/ ONNX \/ OpenVINO\u7b49\u306e\u691c\u77e5\u7d50\u679c\u3001\u4fe1\u983c\u5ea6\u3001\u30af\u30e9\u30b9\u540d\u3001\u88dc\u6b63\u5c65\u6b74<\/td>\n<td>AI\u304c\u898b\u3064\u3051\u305f\u5019\u88dc\u3092\u4eba\u304c\u4fee\u6b63\u3057\u3001\u5f8c\u304b\u3089\u518d\u5b66\u7fd2\u30c7\u30fc\u30bf\u3068\u3057\u3066\u56de\u53ce\u3067\u304d\u308b\u3002<\/td>\n<\/tr>\n<tr>\n<td>\u696d\u52d9\u7ba1\u7406\u30ec\u30a4\u30e4\u30fc<\/td>\n<td>\u6848\u4ef6ID\u3001\u7269\u4ef6ID\u3001\u76f8\u8ac7\u8005\u3001\u62c5\u5f53\u8005\u3001\u72b6\u614b\u3001\u66f4\u65b0\u5c65\u6b74\u3001PDF\u5e33\u7968<\/td>\n<td>\u30d3\u30e5\u30fc\u30a2\u3067\u7d42\u308f\u3089\u305a\u3001\u53d7\u4ed8\u30fb\u78ba\u8a8d\u30fb\u5bfe\u5fdc\u30fb\u5b8c\u4e86\u307e\u3067\u696d\u52d9\u30d5\u30ed\u30fc\u306b\u4e57\u305b\u3089\u308c\u308b\u3002<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h4>\u63a1\u5bf8\u6a5f\u80fd\u306e\u8003\u3048\u65b9<\/h4>\n<p>\n \u63a1\u5bf8\u306f\u3001\u6700\u521d\u304b\u3089\u6e2c\u91cf\u7d1a\u306e\u7cbe\u5ea6\u3092\u72d9\u3046\u3088\u308a\u3001\u6bb5\u968e\u3092\u5206\u3051\u308b\u65b9\u304c\u73fe\u5b9f\u7684\u3002<br \/>\n \u307e\u305a\u306f<strong>\u53c2\u8003\u63a1\u5bf8<\/strong>\u3068\u3057\u30662\u70b9\u9593\u8ddd\u96e2\u3084\u9ad8\u3055\u30e1\u30e2\u3092\u4ed8\u3051\u3001LiDAR\u3001ARCore\u3001\u65e2\u77e5\u5bf8\u6cd5\u306e\u30b9\u30b1\u30fc\u30eb\u677f\u3001\u56f3\u9762\u5bf8\u6cd5\u306a\u3069\u3067\u30b9\u30b1\u30fc\u30eb\u88dc\u6b63\u3067\u304d\u308b\u5834\u5408\u3060\u3051\u7cbe\u5ea6\u8868\u793a\u3092\u4e0a\u3052\u308b\u3002<br \/>\n Gaussian Splat\u306f\u898b\u305f\u76ee\u306e\u518d\u73fe\u6027\u304c\u9ad8\u3044\u4e00\u65b9\u3001\u5143\u30c7\u30fc\u30bf\u3084\u5fa9\u5143\u6761\u4ef6\u306b\u3088\u3063\u3066\u30b9\u30b1\u30fc\u30eb\u8aa4\u5dee\u304c\u51fa\u308b\u306e\u3067\u3001\u5831\u544a\u66f8\u306b\u306f\u300c\u53c2\u8003\u5024\u300d\u300c\u6821\u6b63\u6e08\u307f\u300d\u300c\u6e2c\u91cf\u5024\u300d\u306a\u3069\u306e\u533a\u5206\u3092\u6301\u305f\u305b\u308b\u3079\u304d\u3002\n <\/p>\n<pre><code>measurements\n- id\n- case_id\n- scene_id\n- type # distance \/ height \/ area \/ slope \/ memo\n- points_json # [{x,y,z}, {x,y,z}, ...]\n- value\n- unit\n- accuracy_level # reference \/ calibrated \/ survey\n- note\n- created_by\n- created_at\n<\/code><\/pre>\n<h4>\u7a7a\u9593\u30bf\u30b0 \/ \u7a7a\u6c17\u30bf\u30b0\u306e\u8a2d\u8a08<\/h4>\n<p>\n \u7a7a\u9593\u30bf\u30b0\u306f\u3001Splat\u4e0a\u306e\u5ea7\u6a19\u306b\u76f4\u63a5\u7f6e\u304f\u300c\u73fe\u5834\u30e1\u30e2\u300d\u3067\u3042\u308a\u3001Kaleido\u3089\u3057\u304f\u8a00\u3048\u3070<strong>\u7a7a\u9593\u306b\u6d6e\u304b\u3076\u696d\u52d9\u30ab\u30fc\u30c9<\/strong>\u306b\u306a\u308b\u3002<br \/>\n \u30bf\u30b0\u306b\u306f\u30c6\u30ad\u30b9\u30c8\u3060\u3051\u3067\u306a\u304f\u3001\u5199\u771f\u3001\u70b9\u691c\u9805\u76ee\u3001AI\u691c\u77e5\u7d50\u679c\u3001\u662f\u6b63\u524d\u5f8c\u306e\u6bd4\u8f03\u3001PDF\u56f3\u9762\u3001\u62c5\u5f53\u8005\u30b3\u30e1\u30f3\u30c8\u3001\u30b9\u30c6\u30fc\u30bf\u30b9\u3092\u6301\u305f\u305b\u308b\u3002<br \/>\n WebXR\u3067\u306f\u3001\u30bf\u30b0\u304c\u7a7a\u9593\u5185\u306b\u6d6e\u3044\u3066\u898b\u3048\u308b\u305f\u3081\u3001\u73fe\u5834\u306b\u3044\u308b\u3088\u3046\u306a\u611f\u899a\u3067\u78ba\u8a8d\u3067\u304d\u308b\u3002\n <\/p>\n<pre><code>spatial_tags\n- id\n- case_id\n- scene_id\n- tag_type # crack \/ warning \/ photo \/ pdf \/ ai_result \/ task\n- position_json # {x,y,z}\n- rotation_json # {x,y,z,w} \u307e\u305f\u306f viewer\u5411\u304d\n- title\n- body\n- attachment_ids_json\n- status\n- severity\n- created_by\n- updated_at\n<\/code><\/pre>\n<h4>\u5b9f\u88c5\u3059\u308b\u3068\u5f37\u3044\u753b\u9762\u69cb\u6210<\/h4>\n<ol>\n<li>\u6848\u4ef6\u8a73\u7d30\u753b\u9762\u306bSplat Viewer\u3092\u57cb\u3081\u8fbc\u3080<\/li>\n<li>\u53f3\u5074\u306b\u300c\u5199\u771f\u30fb\u63a1\u5bf8\u30fb\u30bf\u30b0\u30fbAI\u5019\u88dc\u30fb\u5c65\u6b74\u300d\u306e\u30d1\u30cd\u30eb\u3092\u7f6e\u304f<\/li>\n<li>Viewer\u5185\u3067\u30af\u30ea\u30c3\u30af\u3057\u305f\u4f4d\u7f6e\u306b\u7a7a\u9593\u30bf\u30b0\u3092\u8ffd\u52a0\u3059\u308b<\/li>\n<li>2\u70b9\u30af\u30ea\u30c3\u30af\u3067\u8ddd\u96e2\u30013\u70b9\u4ee5\u4e0a\u3067\u9762\u7a4d\u3084\u7bc4\u56f2\u3092\u8a18\u9332\u3059\u308b<\/li>\n<li>\u30bf\u30b0\u3068\u63a1\u5bf8\u3092PDF\u5e33\u7968\u3078\u81ea\u52d5\u53cd\u6620\u3059\u308b<\/li>\n<li>\u540c\u3058\u73fe\u5834\u306e\u6642\u7cfb\u5217Splat\u3092\u5207\u308a\u66ff\u3048\u3001\u52a3\u5316\u30fb\u88dc\u4fee\u524d\u5f8c\u3092\u6bd4\u8f03\u3059\u308b<\/li>\n<\/ol>\n<div class=\"warning\">\n <strong>\u5b9f\u88c5\u4e0a\u306e\u6ce8\u610f\uff1a<\/strong><br \/>\n Gaussian Splat\u306e\u63a1\u5bf8\u306f\u3001\u5143\u30c7\u30fc\u30bf\u306b\u6b63\u3057\u3044\u30b9\u30b1\u30fc\u30eb\u304c\u5165\u3063\u3066\u3044\u308b\u304b\u3067\u4fa1\u5024\u304c\u5927\u304d\u304f\u5909\u308f\u308b\u3002<br \/>\n \u696d\u52d9\u5229\u7528\u3067\u306f\u3001\u64ae\u5f71\u6642\u306b\u30b9\u30b1\u30fc\u30eb\u677f\u3092\u7f6e\u304f\u3001LiDAR\u7531\u6765\u306e\u5ea7\u6a19\u3092\u4f7f\u3046\u3001\u65e2\u77e5\u5bf8\u6cd5\u3067\u6821\u6b63\u3059\u308b\u3001\u3068\u3044\u3046\u904b\u7528\u30eb\u30fc\u30eb\u3092\u30bb\u30c3\u30c8\u306b\u3059\u308b\u3002<br \/>\n \u3053\u3053\u3092\u66d6\u6627\u306b\u3059\u308b\u3068\u3001\u898b\u305f\u76ee\u306f\u672a\u6765\u3001\u6570\u5024\u306f\u30d5\u30a1\u30f3\u30bf\u30b8\u30fc\u306b\u306a\u308b\u3002\n <\/div>\n<h4>\u6700\u7d42\u5f62\u306e\u30a4\u30e1\u30fc\u30b8<\/h4>\n<p>\n \u6700\u7d42\u7684\u306b\u306f\u3001Kaleido\u57fa\u76e4\u4e0a\u3067\u300c\u73fe\u5834\u7a7a\u9593\u3092\u898b\u308b\u300d\u300c\u63a1\u5bf8\u3059\u308b\u300d\u300c\u30bf\u30b0\u3092\u7f6e\u304f\u300d\u300cAI\u5019\u88dc\u3092\u78ba\u8a8d\u3059\u308b\u300d\u300c\u62c5\u5f53\u8005\u304c\u4fee\u6b63\u3059\u308b\u300d\u300c\u5e33\u7968\u3092\u51fa\u3059\u300d\u300c\u5c65\u6b74\u3092\u6bd4\u8f03\u3059\u308b\u300d\u307e\u3067\u3092\u4e00\u3064\u306e\u753b\u9762\u3067\u6271\u3048\u308b\u3002<br \/>\n \u3053\u308c\u306f\u3001360\u30d1\u30ce\u30e9\u30de\u30d3\u30e5\u30fc\u30a2\u306e\u5ef6\u9577\u3067\u306f\u306a\u304f\u3001<strong>\u7a7a\u9593DB\u4ed8\u304d\u306e\u73fe\u5834\u696d\u52d9OS<\/strong>\u306b\u8fd1\u3044\u3002<br \/>\n \u64c1\u58c1\u30fb\u30d6\u30ed\u30c3\u30af\u5840\u76f8\u8ac7\u3001\u9053\u8def\u4fdd\u5168\u3001\u96fb\u529b\u8a2d\u5099\u70b9\u691c\u3001\u6587\u5316\u8ca1\u8a18\u9332\u3001\u707d\u5bb3\u73fe\u5834\u8a18\u9332\u306e\u3069\u308c\u306b\u3082\u8ee2\u7528\u3057\u3084\u3059\u3044\u3002\n <\/p>\n<div class=\"bad\">\n <strong>\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u4e0a\u306e\u6ce8\u610f\uff1a<\/strong><br \/>\n \u73fe\u5834\u30fb\u30a4\u30f3\u30d5\u30e9\u30fb\u65bd\u8a2d\u5185\u90e8\u30fb\u4f4f\u6c11\u76f8\u8ac7\u30c7\u30fc\u30bf\u306f\u3001URL\u3092\u77e5\u3063\u3066\u3044\u308c\u3070\u898b\u3089\u308c\u308b\u516c\u958b\u5f62\u5f0f\u306b\u3057\u306a\u3044\u3002<br \/>\n Splat\u306f\u5199\u771f\u3088\u308a\u60c5\u5831\u91cf\u304c\u591a\u3044\u3002\u69cb\u9020\u30fb\u5c0e\u7dda\u30fb\u8a2d\u5099\u914d\u7f6e\u307e\u3067\u898b\u3048\u3066\u3057\u307e\u3046\u306e\u3067\u3001\u516c\u958b\u4e8b\u6545\u306e\u7834\u58ca\u529b\u306f\u5199\u771f\u6570\u679a\u3088\u308a\u5f37\u3044\u3002\n <\/div>\n<\/section>\n<section id=\"sources\">\n<h2>\u53c2\u8003\u8cc7\u6599<\/h2>\n<ul>\n<li><a href=\"https:\/\/developer.playcanvas.com\/user-manual\/supersplat\/viewer\/self-hosting\/\">Self-Hosting the Viewer \/ PlayCanvas Docs<\/a><\/li>\n<li><a href=\"https:\/\/developer.playcanvas.com\/user-manual\/supersplat\/studio\/experience-settings\/\">Experience Settings \/ PlayCanvas Docs<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/playcanvas\/supersplat-viewer\">playcanvas\/supersplat-viewer GitHub<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/playcanvas\/splat-transform\">playcanvas\/splat-transform GitHub<\/a><\/li>\n<\/ul>\n<\/section>\n<footer>\n<p>\n \u307e\u3068\u3081\uff1a<strong>\u7de8\u96c6\u306fSuperSplat Editor\u3001\u51e6\u7406\u306fSplatTransform\u3001\u516c\u958b\u30fbWebXR\u306fSuperSplat Viewer<\/strong>\u3002<br \/>\n \u3053\u306e\u5206\u696d\u306b\u3059\u308b\u3068\u3001PoC\u304b\u3089\u696d\u52d9\u30b7\u30b9\u30c6\u30e0\u307e\u3067\u62e1\u5f35\u3057\u3084\u3059\u3044\u6c17\u304c\u3059\u308b\u3002\u00a9\u682a\u5f0f\u4f1a\u793e\u30d3\u30fc\u30fb\u30ca\u30ec\u30c3\u30b8\u30fb\u30c7\u30b6\u30a4\u30f3\n <\/p>\n<\/footer>\n<\/div>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>SuperSplat\u3092\u30ed\u30fc\u30ab\u30eb\u69cb\u7bc9\u3057\u3066Gaussian Splat\u3092\u51e6\u7406\u3057\u3001WebXR\u3067\u53ef\u8996\u5316\u3059\u308b\u6d41\u308c Gaussian Splatting \/ SuperSplat \/ WebXR \u5b9f\u88c5\u30e1\u30e2 \u3053\u3053\u3067\u306f\u3001PlayCanv […]<\/p>\n","protected":false},"author":1,"featured_media":1875,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"saved_in_kubio":false,"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"sns_share_botton_hide":"","vkExUnit_sns_title":"","_vk_print_noindex":"","sitemap_hide":"","vkExUnit_EyeCatch_disable":"","_veu_custom_css":"","veu_display_promotion_alert":"","vkexunit_cta_each_option":"","_jetpack_memberships_contains_paid_content":false,"_lightning_design_setting":{"layout":"default"},"footnotes":"","jetpack_post_was_ever_published":false},"categories":[5,71,61,60,54,8,24,7],"tags":[],"class_list":["post-1870","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ai","category-ar","category-dx","category-60","category-54","category-news","category-24","category-academic"],"aioseo_notices":[],"veu_head_title_object":{"title":"","add_site_title":""},"jetpack_featured_media_url":"https:\/\/beeknowledge.co.jp\/wp-content\/uploads\/2026\/05\/17_36_37.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/beeknowledge.co.jp\/index.php?rest_route=\/wp\/v2\/posts\/1870","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beeknowledge.co.jp\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/beeknowledge.co.jp\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/beeknowledge.co.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/beeknowledge.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1870"}],"version-history":[{"count":5,"href":"https:\/\/beeknowledge.co.jp\/index.php?rest_route=\/wp\/v2\/posts\/1870\/revisions"}],"predecessor-version":[{"id":1877,"href":"https:\/\/beeknowledge.co.jp\/index.php?rest_route=\/wp\/v2\/posts\/1870\/revisions\/1877"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/beeknowledge.co.jp\/index.php?rest_route=\/wp\/v2\/media\/1875"}],"wp:attachment":[{"href":"https:\/\/beeknowledge.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1870"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/beeknowledge.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1870"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/beeknowledge.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1870"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}