Drone
A quadcopter that follows the cursor, banking into turns over a moving contour map, with spinning props and a flight HUD. Click for a photo.
- 6.2 KB .bexode
- 8 live inputs
- Responsive fit Layout
Use it
The code follows your customizations. Install with npm i exodeui.
import { ExodeUICanvas } from 'exodeui';
// drone.bexode goes in /public (download it below)
export function Drone() {
return (
<ExodeUICanvas
src="/drone.bexode"
fit="Layout" // responsive: redraws at any container size
autoPlay
interactive
onTrigger={(name) => {
// fires: 'ctaClick'
}}
style={{ width: '100%', height: 560 }}
/>
);
}Inputs
| Input | Type | Default | Range |
|---|---|---|---|
name | Text | Skyline Mini 4 | — |
tagline | Text | Under 249 grams, 48 minutes in the air and a 1-inch sensor that holds the horizon in a gale. | — |
cta | Text | Fly · $759 | — |
color | Text | #d9dde2 | hex colour |
speed | Number | 1 | 0.1 – 3 |
accent | Text | #ffd23f | hex colour |
bg | Text | #0a0d0c | hex colour |
text | Text | #eef3f0 | hex colour |
Events (via onTrigger): ctaClick