71 lines
No EOL
1.9 KiB
Markdown
71 lines
No EOL
1.9 KiB
Markdown
# Movements in the UvA University Library
|
|
|
|
# Usage
|
|
|
|
Run dev server:
|
|
|
|
```sh
|
|
npm run dev
|
|
```
|
|
|
|
Or, to expose it on the network: `npm run dev -- --host`.
|
|
|
|
Update data:
|
|
|
|
```sh
|
|
poetry run python parse_data.py
|
|
```
|
|
|
|
# Install
|
|
|
|
```sh
|
|
npm install
|
|
poetry install
|
|
```
|
|
|
|
# TODO
|
|
|
|
In progress:
|
|
|
|
* Currently drafting the timeline. Events should show up in the timeline, and still need to pass Events and Overlay_Motions to the scene object. Possibly in a data wrapper. Currently timeline pick a relevant Item
|
|
* Scene All:
|
|
* draw according to clock
|
|
* Show date + time in corner (or use timeline as in Inspiration screenshot -- https://codepen.io/noeldelgado/pen/JdbmYW )
|
|
* draw special items (e.g. oldest, most travelled), or just a random title every one in a while
|
|
* Counter per library
|
|
* Full opacity while drawing so it is clearer which is being drawn.
|
|
* Scene timeline
|
|
* Draw in reverse?
|
|
* Put "travelling from" above "Item arrived", and increase the .divider translateY
|
|
* Fade out All movement to highlight the new item
|
|
* Put the title more front and center to make it clear an item is selected
|
|
* "Missing data" when _current source_ != _previous target_
|
|
* E.g. dotted line.
|
|
* Possibly end with "added to archive"
|
|
* Or another kind of summary at the end
|
|
|
|
Font options:
|
|
|
|
* Sligoil
|
|
* Karla
|
|
* Carlito
|
|
* "Linux Biolinum O"
|
|
* Monor
|
|
|
|
Ideas:
|
|
|
|
* Can we export get borrow moments for scene.timeline log?
|
|
* Can we fill in gaps in travel timeline
|
|
*
|
|
|
|
#
|
|
|
|
TODO: check out https://threlte.xyz/ for moving to Threejs instead of svg.
|
|
|
|
* Story
|
|
* Scene
|
|
* Oldest item
|
|
* All items last month, one by one
|
|
* Journey of selected item
|
|
|
|
Or as middle ground use canvas with **paperjs** or **fabricjs** to draw on canvas instead of SVG. Other [canvas engines](https://github.com/slaylines/canvas-engines-comparison?tab=readme-ov-file) might also work. E.g. [Pixi](https://pixijs.com/) uses webgl |