aframe-globe-component - npm Package Compare versions

Comparing version 1.3.6 to 1.4.0

index.js

@@ -119,2 +119,12 @@ /* global AFRAME */
     hexPolygonsTransitionDuration: { type: 'number', default: 0 },
+    tilesData: { parse: parseJson, default: [] },
+    tileLat: { parse: parseAccessor, default: 'lat' },
+    tileLng: { parse: parseAccessor, default: 'lng'  },
+    tileAltitude: { parse: parseAccessor, default: 0.01 },
+    tileWidth: { parse: parseAccessor, default: 1 },
+    tileHeight: { parse: parseAccessor, default: 1 },
+    tileUseGlobeProjection: { parse: parseAccessor, default: true },
+    tileMaterial: { parse: parseAccessor, default: undefined },
+    tileCurvatureResolution: { parse: parseAccessor, default: 5 },
+    tilesTransitionDuration: { type: 'number', default: 1000 },
     labelsData: { parse: parseJson, default: [] },
@@ -297,2 +307,12 @@ labelLat: { parse: parseAccessor, default: 'lat' },
       'hexPolygonsTransitionDuration',
+      'tilesData',
+      'tileLat',
+      'tileLng',
+      'tileAltitude',
+      'tileWidth',
+      'tileHeight',
+      'tileUseGlobeProjection',
+      'tileMaterial',
+      'tileCurvatureResolution',
+      'tilesTransitionDuration',
       'labelsData',
@@ -299,0 +319,0 @@ 'labelLat',

package.json

 {
   "name": "aframe-globe-component",
-  "version": "1.3.6",
+  "version": "1.4.0",
   "description": "A 3D Globe component for A-Frame.",
@@ -49,7 +49,7 @@ "main": "index.js",
     "accessor-fn": "^1.3.0",
-    "three-globe": "^2.10.0"
+    "three-globe": "^2.11.1"
   },
   "devDependencies": {
-    "@babel/cli": "^7.12.1",
-    "@babel/core": "^7.12.3",
+    "@babel/cli": "^7.12.8",
+    "@babel/core": "^7.12.9",
     "@babel/plugin-proposal-class-properties": "^7.12.1",
@@ -65,4 +65,4 @@ "@babel/plugin-proposal-decorators": "^7.12.1",
     "@babel/plugin-proposal-nullish-coalescing-operator": "^7.12.1",
-    "@babel/plugin-proposal-numeric-separator": "^7.12.5",
-    "@babel/plugin-proposal-optional-chaining": "^7.12.1",
+    "@babel/plugin-proposal-numeric-separator": "^7.12.7",
+    "@babel/plugin-proposal-optional-chaining": "^7.12.7",
     "@babel/plugin-proposal-pipeline-operator": "^7.12.1",
@@ -72,5 +72,5 @@ "@babel/plugin-proposal-throw-expressions": "^7.12.1",
     "@babel/plugin-syntax-import-meta": "^7.10.4",
-    "@babel/preset-env": "^7.12.1",
+    "@babel/preset-env": "^7.12.7",
     "aframe": "*",
-    "babel-loader": "^8.1.0",
+    "babel-loader": "^8.2.2",
     "babel-preset-minify": "^0.5.1",
@@ -100,6 +100,6 @@ "chai": "^4.2.0",
     "three": "*",
-    "webpack": "^4.44.1",
-    "webpack-cli": "*",
+    "webpack": "^5.9.0",
+    "webpack-cli": "^3.3.12",
     "webpack-dev-server": "^3.11.0",
-    "webpack-sources": "1.4.3"
+    "webpack-sources": "2.2.0"
   },
@@ -106,0 +106,0 @@ "semistandard": {

README.md

@@ -122,2 +122,17 @@ ## aframe-globe-component
 
+### Tiles Layer
+
+| Property | Description | Default Value |
+| --- | --- | :--: |
+| tiles-data | Getter/setter for the list of tiles to represent in the tiles map layer. Each tile is displayed as a spherical surface segment. The segments can be placed side-by-side for a tiled surface and each can be styled separately. | `[]` |
+| tile-lat | Tile object accessor function, attribute or a numeric constant for the segment's centroid latitude coordinate. | `lat` |
+| tile-lng | Tile object accessor function, attribute or a numeric constant for the segment's centroid longitude coordinate. | `lng` |
+| tile-altitude | Tile object accessor function, attribute or a numeric constant for the segment's altitude in terms of globe radius units. | 0.01 |
+| tile-width | Tile object accessor function, attribute or a numeric constant for the segment's longitudinal width, in angular degrees. | 1 |
+| tile-height | Tile object accessor function, attribute or a numeric constant for the segment's latitudinal height, in angular degrees. | 1 |
+| tile-use-globe-projection | Tile object accessor function, attribute or a boolean constant for whether to use the globe's projection to shape the segment to its relative tiled position (`true`), or break free from this projection and shape the segment as if it would be laying directly on the equatorial perimeter (`false`). | `true` |
+| tile-material | Tile object accessor function or attribute for the [ThreeJS material](https://threejs.org/docs/#api/en/materials/Material) used to style the segment's surface. | `() => new MeshLambertMaterial({ color: '#ffbb88' })` |
+| tile-curvature-resolution | Tile object accessor function, attribute or a numeric constant for the resolution (in angular degrees) of the surface curvature. The finer the resolution, the more the tile geometry is fragmented into smaller faces to approximate the spheric surface, at the cost of performance. | 5 |
+| tiles-transition-duration | Getter/setter for duration (ms) of the transition to animate tile changes involving geometry modifications. A value of `0` will move the tiles immediately to their final position. New tiles are animated by scaling them from the centroid outwards. | 1000 |
+
 #### Labels Layer
@@ -124,0 +139,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

8857449

increased by1.8%

Number of package files

40

increased by5.26%

Number of lines in readme file

218

increased by7.39%

Worsened metrics

Lines of code

13601

decreased by-5.23%

Dependency changes

• Updatedthree-globe@^2.11.1