63 lines
2.1 KiB
Markdown
63 lines
2.1 KiB
Markdown
# Scrying Pool Documentation Screenshots
|
|
|
|
✅ **All screenshots have been captured and are ready!**
|
|
|
|
This directory contains the screenshot images for the Scrying Pool User Guide JournalEntry.
|
|
|
|
## Included Screenshots
|
|
|
|
1. **screenshot-main.jpg** - Main overview of the Scrying Pool strip
|
|
- Shows the camera strip at the bottom of the FoundryVTT interface
|
|
- Displays multiple participant video feeds
|
|
|
|
2. **screenshot-directors-board.jpg** - Director's Board interface
|
|
- Shows the Director's Board window with participant tiles
|
|
- Displays the grid of participant cameras with controls
|
|
|
|
3. **screenshot-player-view.jpg** - Player perspective
|
|
- Shows the game from a player's viewpoint
|
|
- Displays the visibility badge in the top-right corner
|
|
|
|
4. **screenshot-presets.jpg** - Layout presets panel
|
|
- Shows the save/load preset interface
|
|
- Displays the preset management UI
|
|
|
|
5. **screenshot-badge-states.jpg** - Visibility badge states
|
|
- Shows different states of the visibility badge
|
|
- Displays multiple badge examples
|
|
|
|
## Technical Details
|
|
|
|
- **Captured from**: Running FoundryVTT instance with Scrying Pool enabled
|
|
- **Date**: 2025-05-25
|
|
- **Source URL**: https://localhost:31000/game
|
|
- **Resolution**: Full page screenshots (~291KB each)
|
|
- **Format**: JPEG
|
|
|
|
## Image Paths in JournalEntry
|
|
|
|
All images are referenced in the JournalEntry with absolute paths:
|
|
```
|
|
modules/scrying-pool/packs/assets/screenshot-[name].jpg
|
|
```
|
|
|
|
## Notes
|
|
|
|
- The JournalEntry HTML includes `onerror="this.style.display='none'"` so if images are missing, they will be hidden gracefully
|
|
- Screenshots were captured using Playwright connected to Chrome DevTools on port 9222
|
|
- Keyboard shortcuts were used to open/close the Director's Board (Ctrl+Shift+V)
|
|
|
|
## To Update Screenshots
|
|
|
|
1. Ensure FoundryVTT is running with Scrying Pool enabled
|
|
2. Make sure Chrome is running with remote debugging on port 9222:
|
|
```bash
|
|
chrome --remote-debugging-port=9222 --user-data-dir=/path/to/profile
|
|
```
|
|
3. Navigate to your FoundryVTT game
|
|
4. Run the capture script:
|
|
```bash
|
|
node /tmp/take_screenshots.js
|
|
```
|
|
5. Replace the files in this directory with the new screenshots
|