Compatible with Three R110

Author: MatthijsBurgh

package-lock.json

@@ -9,7 +9,7 @@
   "dependencies": {
     "eventemitter2": "^6.4.0",
     "roslib": "^1.0.0",
-    "three": "^0.89.0"
+    "three": "~0.100.0"
   },
   "devDependencies": {
     "@rollup/plugin-buble": "^1.0.0",

package.json

@@ -408,9 +408,9 @@ ROS3D.OcTreeBase.prototype.buildGeometry = function () {
     opacity: this.opacity
   });
 
-  geometry.addAttribute('position', new THREE.BufferAttribute(new Float32Array(vertices), 3));
-  geometry.addAttribute('normal', new THREE.BufferAttribute(new Float32Array(normals), 3));
-  geometry.addAttribute('color', new THREE.BufferAttribute(new Float32Array(colors), 3));
+  geometry.setAttribute('position', new THREE.BufferAttribute(new Float32Array(vertices), 3));
+  geometry.setAttribute('normal', new THREE.BufferAttribute(new Float32Array(normals), 3));
+  geometry.setAttribute('color', new THREE.BufferAttribute(new Float32Array(colors), 3));
 
   geometry.setIndex(indices);
 

src/navigation/OcTreeBase.js

@@ -37,7 +37,7 @@ ROS3D.NavSatFix = function(options) {
 
   this.geom = new THREE.BufferGeometry();
   this.vertices = new THREE.BufferAttribute(new Float32Array( 6 * this.keep ), 3 );
-  this.geom.addAttribute( 'position',  this.vertices);
+  this.geom.setAttribute('position',  this.vertices);
   this.material = material.isMaterial ? material : new THREE.LineBasicMaterial( material );
   this.line = new THREE.Line( this.geom, this.material );
   this.rootObject.add(this.object3d);

src/sensors/NavSatFix.js

@@ -57,7 +57,7 @@ ROS3D.Points.prototype.setup = function(frame, point_step, fields)
         this.geom = new THREE.BufferGeometry();
 
         this.positions = new THREE.BufferAttribute( new Float32Array( this.max_pts * 3), 3, false );
-        this.geom.addAttribute( 'position', this.positions.setDynamic(true) );
+        this.geom.setAttribute('position', this.positions.setDynamic(true) );
 
         if(!this.colorsrc && this.fields.rgb) {
             this.colorsrc = 'rgb';
@@ -66,7 +66,7 @@ ROS3D.Points.prototype.setup = function(frame, point_step, fields)
             var field = this.fields[this.colorsrc];
             if (field) {
                 this.colors = new THREE.BufferAttribute( new Float32Array( this.max_pts * 3), 3, false );
-                this.geom.addAttribute( 'color', this.colors.setDynamic(true) );
+                this.geom.setAttribute('color', this.colors.setDynamic(true) );
                 var offset = field.offset;
                 this.getColor = [
                     function(dv,base,le){return dv.getInt8(base+offset,le);},