2 Commits

Author SHA1 Message Date
522e41cb79 Update README.md 2026-06-17 02:24:15 +00:00
caaae887f9 fix: animation bug fix 2026-06-17 11:21:20 +09:00
3 changed files with 8 additions and 4 deletions

View File

@@ -120,12 +120,14 @@ npm run dev
## Known Issues ## Known Issues
- **Globe animation** — The D3 globe rotation animation during journey replay can be a little bit laggy. - **Globe animation** — The D3 globe rotation animation during journey replay can be a little bit laggy.
- **Switching between animations** - after switching from map to globe animation, the old animation might be still visible for a moment. Restatarting the animation fixes the issue.
--- ---
## Acknowledgments ## Acknowledgments
- **Opencode** - researching, writing code, debuging... (https://opencode.ai/) - **Opencode & Claude Code (Sonnet 4.6) ** - researching, writing code, debuging... (https://opencode.ai/)
- **Gemini Nanobanana ** - generating logo and illustrations
- **D3.js docs** — help with using D3.js library (https://d3js.org/) - **D3.js docs** — help with using D3.js library (https://d3js.org/)
- **D3.js world tour example** — inspiration for adding animation (https://observablehq.com/@d3/world-tour) - **D3.js world tour example** — inspiration for adding animation (https://observablehq.com/@d3/world-tour)

4
package-lock.json generated
View File

@@ -1,12 +1,12 @@
{ {
"name": "map-journal", "name": "map-journal",
"version": "0.0.0", "version": "1.0.0",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "map-journal", "name": "map-journal",
"version": "0.0.0", "version": "1.0.0",
"dependencies": { "dependencies": {
"d3": "^7.9.0", "d3": "^7.9.0",
"firebase": "^12.14.0", "firebase": "^12.14.0",

View File

@@ -5,11 +5,13 @@
import worldData from 'world-atlas/countries-50m.json'; import worldData from 'world-atlas/countries-50m.json';
import { get } from 'svelte/store'; import { get } from 'svelte/store';
import { journals } from '../stores/entriesStore.svelte.js'; import { journals } from '../stores/entriesStore.svelte.js';
import { getUserProfile } from '../auth/userStore.svelte.js';
import { nameToId } from '../shared/countries.js';
import airplaneImg from '../../assets/airplane-animation.png'; import airplaneImg from '../../assets/airplane-animation.png';
let { onclose, onprogress, mode = 'map', onmodechange } = $props(); let { onclose, onprogress, mode = 'map', onmodechange } = $props();
const HOME_CODE = '203'; const HOME_CODE = $derived(nameToId[getUserProfile()?.homeCountry] ?? null);
const PLANE_SIZE = 26; const PLANE_SIZE = 26;