flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Edit Globe settings

Browse Source
This commit is contained in:
Félix Péault
2022-09-26 13:10:30 +02:00
parent 193f6dc2ee
commit 0cc996e117
2 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/organisms/InteractiveGlobe.svelte
View File

@@ -15,6 +15,7 @@
const isDev = import.meta.env.DEV const isDev = import.meta.env.DEV
export let type: string = undefined export let type: string = undefined
export let autoRotate: boolean = true
export let enableMarkers: boolean = true export let enableMarkers: boolean = true
export let enableMarkersLinks: boolean = true export let enableMarkersLinks: boolean = true
export let speed: number = 0.1 export let speed: number = 0.1
@@ -48,7 +49,7 @@
mapFile: `/images/globe-map-${globeResolution}k.png`, mapFile: `/images/globe-map-${globeResolution}k.png`,
mapFileDark: `/images/globe-map-dark-${globeResolution}k.png`, mapFileDark: `/images/globe-map-dark-${globeResolution}k.png`,
dpr: Math.min(Math.round(window.devicePixelRatio), 2), dpr: Math.min(Math.round(window.devicePixelRatio), 2),
autoRotate: true, autoRotate,
speed, speed,
sunAngle: 2, sunAngle: 2,
rotationStart: randomContinent.rotation, rotationStart: randomContinent.rotation,

4
src/modules/globe/index.ts
View File

@@ -16,6 +16,7 @@ export class Globe {
this.width = this.el.offsetWidth this.width = this.el.offsetWidth
this.height = this.el.offsetHeight this.height = this.el.offsetHeight
this.markers = options.markers || [] this.markers = options.markers || []
this.globeZoom = 1.3075
this.globeRotation = { this.globeRotation = {
lat: degToRad(-this.options.rotationStart) || 0, lat: degToRad(-this.options.rotationStart) || 0,
// lng: degToRad(-this.options.rotationStart.lng) || 0, // lng: degToRad(-this.options.rotationStart.lng) || 0,
@@ -49,7 +50,6 @@ export class Globe {
speed: options.speed, speed: options.speed,
enableMarkers: options.enableMarkers, enableMarkers: options.enableMarkers,
enableMarkersLinks: options.enableMarkersLinks, enableMarkersLinks: options.enableMarkersLinks,
zoom: 1.3075,
sunAngle: options.sunAngle || 0, sunAngle: options.sunAngle || 0,
sunAngleDelta: 1.8, sunAngleDelta: 1.8,
} }
@@ -93,7 +93,7 @@ export class Globe {
// Create camera // Create camera
this.camera = new Camera(this.gl) this.camera = new Camera(this.gl)
this.camera.position.set(0, 0, this.params.zoom) this.camera.position.set(0, 0, this.globeZoom)
// Create controls // Create controls
this.controls = new Orbit(this.camera, { this.controls = new Orbit(this.camera, {