Add pixelRatio and xrPixelRatio parameters

README.md

@@ -15,6 +15,8 @@ Needs few seconds to load splats.
 | --------  | -----------                 | ------------- |
 | src       | url of splat or ply file    | train.splat   |
 | cutoutEntity | selector to a box primitive that uses scale and position to define the bounds of splat points to render    |     |
+| pixelRatio | Pixel ratio for rendering. Reducing the value decreases the resolution and improves performance. If a negative value is set, the device's native value will be applied. |  1.0  |
+| xrPixelRatio | Same as pixelRatio. Applied to XR devices.  |  0.5   |
 
 ### Example custom scan to gaussian splat workflow
 * Use a service such as https://lumalabs.ai/ to process a scan into splat (an alternative is https://poly.cam/)

index.js

@@ -1,12 +1,18 @@
 AFRAME.registerComponent("gaussian_splatting", {
 	schema: {
 		src: {type: 'string', default: "train.splat"},
-		cutoutEntity: {type: 'selector'}
+		cutoutEntity: {type: 'selector'},
+		pixelRatio: {type: 'number', default: 1},
+		xrPixelRatio: {type: 'number', default: 0.5}
 	},
 	init: function () {
 		// aframe-specific data
-		this.el.sceneEl.renderer.setPixelRatio(1);
-		this.el.sceneEl.renderer.xr.setFramebufferScaleFactor(0.5);
+		if(this.data.pixelRatio > 0){
+			this.el.sceneEl.renderer.setPixelRatio(this.data.pixelRatio);
+		}
+		if(this.data.xrPixelRatio > 0){
+			this.el.sceneEl.renderer.xr.setFramebufferScaleFactor(this.data.xrPixelRatio);
+		}
 		this.loadData(this.el.sceneEl.camera.el.components.camera.camera, this.el.object3D, this.el.sceneEl.renderer, this.data.src);
 		if (!!this.data.cutoutEntity) {
 		  this.cutout = this.data.cutoutEntity.object3D;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "aframe-gaussian-splatting-component",
-  "version": "0.0.21",
+  "version": "0.0.22",
   "description": "This component is an A-Frame implementation of real-time rendering for '3D Gaussian Splatting for Real-Time Radiance Field Rendering'",
   "main": "index.js",
   "scripts": {