Cloud Flight

Interactive Background

---

URL params

Param	Default	Options	Desc
embed	0	0, 1	&embed=1 hides all controls/overlays
type	text	text, clock	Type of data to display.
size	30	Range: 15 - 120	Font-Size
ls	2	Range: -32 - 200	Line-Size
color	FF9B06	Whole hex color range	Font-Color
ff *	Raleway 900	Raleway 900 Roboto 900 Ubuntu 700	Font-Family
lh	100	Range: 70 - 130	Line-Height. Only has an effect with &type=text and when there is a linebreak in &text= via ~
text			Text to display. Only has an effect with &type=text

* TODO

---

Features - WIP

• Animation of camera flying through clouds (with clouds fading out in distance and directly in front of camera).
• Optional extra contents to show:
  • Clock
  • Text
  • Image / SVG
• Clock + Text features
  • fontFamily
  • fontSize
  • letterSpacing
  • lineHeight
  • fontColor
• Clock only features
  • showSeconds: Might be removed in the future
• Text only features
  • Newline / linebreak with ~
• Image only features
  • imgSize

Extra Features (maybe)

• outlineWidth: Text outline width
• outlineColor: Text outline color
• speedRange: For fly- and boost-speed (on press/click)
• mouseSensitivity: For moving along mouse position
• paused: Version with single image every 60 sec?
• Optional whale 🐋 :'(

---

Planned Improvements

• Adaptive or manual quality throttling
• Improve loading overlay
• ...

Extra Improvements (maybe)

• Known Issue #1+2: Leva text-input updating only on blur AND other inputs updating too much.
• ...

---

Known Issues

1. Leva text-input updates only on blur.
2. Other Leva controls are "trigger-happy" (this is not a problem in most cases though).
3. Some dependency issues when upgrading to React 18 and R3F v8.

---

Examples

• Only clouds (local)
• Text (local)
• Text with newline / linebreak (local)
• Clock (local)
  
  
• Experimental1 - HD (local)
• Experimental2 - DON'T ... THE INTERNET (local)
• Experimental3 - FOO BAR (local)