lanzarote 3d

Setup

AWS Configuration

This project uses AWS S3 for deployment. You need to configure AWS CLI with the lanzaroteparagliding profile:

1. Install AWS CLI if you haven't already:

   # On macOS
   brew install awscli
   
   # On Linux/Windows
   # Follow instructions at https://aws.amazon.com/cli/

2. Configure the AWS profile:

   aws configure --profile lanzaroteparagliding

   You'll be prompted to enter:

   • AWS Access Key ID
   • AWS Secret Access Key
   • Default region (e.g., eu-west-1)
   • Default output format (e.g., json)

3. Verify the profile is set up correctly:

   aws s3 ls --profile lanzaroteparagliding

Development

# Install dependencies
npm install

# Start development server
npm run dev

Dev Mode in Production

By default, only public apps are visible in production. To access private/hidden apps and dev tools in production:

Enable dev mode:

1. Open browser console on the production site
2. Run: enableDevMode()
3. Reload the page

Disable dev mode:

disableDevMode()

Manual control:

// Enable
localStorage.setItem('lanzarote_dev_mode', 'true')

// Disable
localStorage.removeItem('lanzarote_dev_mode')

When dev mode is enabled in production, you'll see "🔓 Secret dev mode enabled" in the console and have access to all private apps (workshop-demo, location-editor, tile-debug, etc.).

Show Sidebar on Home App

The sidebar is hidden by default on the home app for a cleaner presentation. To force-show it:

Enable:

localStorage.setItem('lanzarote_show_menu', 'true')

Disable:

localStorage.removeItem('lanzarote_show_menu')

Reload the page after changing this setting.

Deployment

The project can be deployed to different S3 buckets:

# Deploy to staging environment
npm run deploy-staging

# Deploy to flyzones environment
npm run deploy-flyzones

# Deploy to placeholder environment
npm run deploy-placeholder

All deployment scripts automatically use the lanzaroteparagliding AWS profile.

Archived branches

Kept on the remote for reference only. They are not meant to be merged.

• flier-cursor (March to September 2025, 87 commits): an experiment to replace the hand-rolled flight model with a rigid-body simulation in cannon-es. It has a glider and pilot joined by segmented ropes with lift applied at 16 points across the wing (src/stories/physics/), a PhysicsFlier class for the flier story, a standalone airplane sandbox (src/stories/cannon.tsx), a flight HUD, a force-vector visualizer and design notes in src/docs/. It was never finished: drag and brake forces are switched off and the constants are tuned by hand. master went with its own ParagliderPhysics instead, and the branch still uses the old src/stories/ layout. The multi-point lift model and the docs are the parts worth reading if rigid-body physics is revisited.

TODO

• wing selection
• fix application of wind arrow
• unit testing
• add birds

Screenshots

Height map

Credits / inspiration

• https://github.com/dragonir/3d
• https://www.soundjay.com/wind-sound-effect.html
• https://www.audiocheck.net/audiofrequencysignalgenerator_sinetone.php
• "Birds" by Zacxophone

Dev notebook

Feat

• Add sucking clouds
• Fix sea collisions
• Select weather conditions
• Add rain
• Select time of day
• XC competition mode (scoring)
• Pilot landing mode (doesn't crash at low speed) but loses performance
• Ears model modification
• Speed models modification
• Better spiral physics
• Skyboxes or better sky shader
• Thermals and clouds evolve through the day
• Time changes through the day
• Display time in the screen
• Airspace restrictions (Adri's idea)
• Enable/disable Thermals or only show in certain views
• Boat comes to rescue if you fall in the water.
• Web workers.

Fix

• Turn auto-fliers according to their direction (smooth turns ideally)
• Auto-fliers speed according to wrap speed
• Fix pause over starting menu
• Loading progress
• Pilot harness visibility
• Decouple vario, camera, ui from Flier