Text rendering is blurry in the Gaussian splat scene.

[cloris]

I used Spark to render a PLY and found that the text in the scene is very blurry, but it appears very clear in MKK — could you please take a look?

In Spark:

In Mkk:

Ply file:
https://1drv.ms/u/c/1ad718b987e56d68/IQDA0kmJX3JTR6-RGrccw-iPAbCoYeco6MTtinhMNIxdDMs?e=l3Kgo5

Code:
`import "./style.css";
import * as THREE from "three";
import { SparkRenderer, SplatMesh } from "@sparkjsdev/spark";
import { OrbitControls } from "three/examples/jsm/controls/OrbitControls.js";
import Stats from "three/examples/jsm/libs/stats.module.js";
const stats = new Stats();
document.body.appendChild(stats.dom);
let titleDiv = document.createElement("div");
titleDiv.id = "apptitle";
titleDiv.textContent = "spark";
document.body.appendChild(titleDiv);

const scene = new THREE.Scene();
const camera = new THREE.PerspectiveCamera(
60,
window.innerWidth / window.innerHeight,
0.1,
1000
);
camera.up.set(0, 0, 1);
const renderer = new THREE.WebGLRenderer({ antialias: true, precision: 'highp' });
renderer.setPixelRatio(window.devicePixelRatio || 1);
renderer.setSize(window.innerWidth, window.innerHeight);
document
.querySelector("#app")!
.appendChild(renderer.domElement);

const splatURL = "point_cloud.ply";
const splatMesh = new SplatMesh({ url: splatURL });
scene.add(splatMesh);

const controls = new OrbitControls(camera, renderer.domElement);
controls.object.position.set(60.28,-24.62,1)
controls.target.set(60.28,-25.62,1);

renderer.setAnimationLoop(function animate(time) {
stats.update() // 更新FPS显示
controls.update(time);
renderer.render(scene, camera);
});

window.addEventListener("resize", () => {
camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix();
// set pixel ratio before size so the backing store is correct
renderer.setPixelRatio(window.devicePixelRatio || 1);
renderer.setSize(window.innerWidth, window.innerHeight);
});
`

[mrxz]

The splats in your .ply file are quite far away from the origin. Internally spark uses float16 values for the splat centers. What you're seeing are quantization artifacts. It's recommended to try and keep your splats near the origin, both in the source file(s) as well as in your scene.

To minimize the quantization artifacts you can recenter the splats in your file, attach the camera to the SparkRenderer and translate the SplatMesh to the desired location.

The upcoming LOD feature does introduce an extended splat representation that is no longer limited to float16. That would also resolve this issue without any workarounds.

[cloris]

@mrxz Thank you for explaining. We're excited about Spark's upcoming LOD implementation

[dmarcos]

@mrxz Thank you for explaining. We're excited about Spark's upcoming LOD implementation

Did you try attaching the camera to the SparkRenderer and translated the SplatMesh as suggested?