Illustrative street map. A pickup and a dropoff corner are picked and a robot drives the route between them. Select a corner for pickup, then another for dropoff, to plan your own trip.

{/* Developer notes for this component live in notes/ServeLanding.md. Keep it under about 225k when compiled in MDX development mode: over ReadMe's cap the whole page loses its server-rendered HTML. */} import { Fragment, useState, useEffect, useRef, useMemo, useCallback } from 'react'; export const HERO_BADGE = { label: 'Serve Delivery API', tag: 'Early access' }; export const WAITLIST_ENDPOINT = 'https://api.hsforms.com/submissions/v3/integration/submit/242442223/3a2a9539-f569-4c5e-9cd1-ad1c13766063'; export function waitlistPayload(data) { const name = data.get('name').trim(); const cut = name.indexOf(' '); const values = { email: data.get('email').trim(), firstname: cut < 0 ? name : name.slice(0, cut), lastname: cut < 0 ? '' : name.slice(cut + 1).trim(), waitlist_role: data.get('role') || '', waitlist_idea: (data.get('idea') || '').trim(), waitlist_location: (data.get('location') || '').trim(), company: (data.get('company') || '').trim(), website: (data.get('website') || '').trim(), waitlist_terms_accepted: data.get('agree') ? 'true' : '', waitlist_terms_version: '2026-11-05', }; const hutk = (typeof document !== 'undefined' && (document.cookie.match(/(?:^|; )hubspotutk=([^;]+)/) || [])[1]) || undefined; return { fields: Object.entries(values).filter(([, v]) => v).map(([name, value]) => ({ name, value })), context: { pageUri: typeof location !== 'undefined' ? location.href : '', pageName: typeof document !== 'undefined' ? document.title : '', ...(hutk ? { hutk } : {}) }, }; } export const CHECKS = { name: v => v.trim() ? '' : 'Add your name so we know who to invite.', email: v => !v.trim() ? 'Add your email so we can send your invite.' : /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/.test(v.trim()) ? '' : 'That email looks incomplete. Use the format you@example.com.', }; export const invalidAttr = msg => msg === undefined ? undefined : msg ? 'true' : 'false'; export const REDUCE = '(prefers-reduced-motion: reduce)'; export const reduced = () => typeof window !== 'undefined' && !!window.matchMedia && window.matchMedia(REDUCE).matches; export const scrollerOf = el => { for (let n = el && el.parentElement; n && n !== document.body; n = n.parentElement) { if (/(auto|scroll)/.test(getComputedStyle(n).overflowY) && n.scrollHeight > n.clientHeight) return n; } return window; }; export const easeOut = (t) => t >= 1 ? 1 : 1 - Math.pow(2, -10 * t); export const easeInOut = (t) => -(Math.cos(Math.PI * Math.min(1, Math.max(0, t))) - 1) / 2; export const CDN = 'https://cdn.sanity.io/images/dh33lj7y/production/'; export const MEDIA = { individuals: '9f0d9bed69838ea167a7f648cf9995dde4eee2a7-7975x5319.jpg', neighbors: 'd965c0e43f529be01b651e53c51eefb7e8bda86c-7481x4990.jpg', businesses: '97b0ff97347e624abc60cbaec2f432c19dfaa116-8065x5379.jpg', builders: '8a5cdc7a014f53698848a72dcff44230b304884d-8192x5464.jpg', onDelivery: '8ed9d70e4a7ce642ed84f7a4b285436df74ae13d-8099x5402.jpg', street: 'c4edde8256c9e2d9a0822e899c27cf9e5ac3d5c3-8192x5464.jpg', safety: '1d7b033552b066966edb325d12e87a4db7a08d19-7937x5294.jpg', }; export const media = (name, params) => CDN + MEDIA[name] + '?' + params + '&auto=format&q=80'; export const photoSet = (name, ratio) => [640, 960, 1400].map(w => media(name, 'fit=crop&w=' + w + '&h=' + Math.round(w * ratio)) + ' ' + w + 'w').join(', '); export const VIDEO = '01ob2hs00AwqPMSEyTsQifp4CJgAuZvvSS6mf9Kjfr45k'; export const muxStill = (t, w) => `https://image.mux.com/${VIDEO}/thumbnail.webp?time=${t}&width=${w}`; export const stillSet = t => [640, 1100, 1600].map(w => muxStill(t, w) + ' ' + w + 'w').join(', '); export const ARROW_D = 'M13.3125 5.24414C14.6315 7.20259 16.2669 8.92825 18.1523 10.3496L19.2666 11.1895C19.4546 11.3312 19.5654 11.5527 19.5654 11.7881C19.5654 12.0235 19.4546 12.245 19.2666 12.3867L18.1523 13.2266C16.2669 14.6479 14.6315 16.3736 13.3125 18.332L12.8936 18.9541L11.6494 18.1162L12.0684 17.4941C13.3267 15.6256 14.8553 13.9564 16.6016 12.5381H4.94043V11.0381H16.6016C14.8553 9.61978 13.3267 7.95053 12.0684 6.08203L11.6494 5.45996L12.8936 4.62207L13.3125 5.24414Z'; export function Btn({ href, variant = 'primary', size, down = false, className = '', children, ...rest }) { const cls = ['sv-btn', 'sv-btn-' + variant, size ? 'sv-btn-' + size : '', className].filter(Boolean).join(' '); const body = ( {children} ); return href ? {body} : ; } export function Count({ to, suffix = '', delay = 0 }) { const ref = useRef(null); const [val, setVal] = useState(to); useEffect(() => { const el = ref.current; if (!el || reduced() || !('IntersectionObserver' in window)) return; let raf = 0, timer = 0; const mounted = performance.now(); const io = new IntersectionObserver(([en]) => { if (!en.isIntersecting) return; io.disconnect(); setVal(0); timer = setTimeout(() => { const t0 = performance.now(); const tick = now => { const p = Math.min(1, (now - t0) / 1600); setVal(Math.round(to * easeOut(p))); if (p < 1) raf = requestAnimationFrame(tick); }; raf = requestAnimationFrame(tick); }, performance.now() - mounted < 500 ? delay : 0); }, { threshold: 0.5 }); io.observe(el); return () => { io.disconnect(); clearTimeout(timer); cancelAnimationFrame(raf); }; }, [to, delay]); return {val.toLocaleString('en-US')}{suffix}; } export function hl(src) { const out = []; const re = /("(?:[^"\\]|\\.)*")(\s*:)?|(-?\d+(?:\.\d+)?)|(\.\.\.)/g; let m, last = 0, k = 0; while ((m = re.exec(src))) { if (m.index > last) out.push(src.slice(last, m.index)); if (m[1]) { out.push({m[1]}); if (m[2]) out.push(m[2]); } else if (m[3]) out.push({m[3]}); else out.push({m[4]}); last = re.lastIndex; } if (last < src.length) out.push(src.slice(last)); return out; } export const USE_CASES = [ { id: 'individuals', who: 'Individuals', lead: 'Skip the errand.', body: "The charger you left at the shop, the parcel waiting at the counter. Send a robot on the short trip you'd rather not walk.", trips: ['Store pickup', 'Forgotten item'], img: 'individuals', alt: 'Two people look down into an open Serve robot, seen from inside its cargo bin.' }, { id: 'neighbors', who: 'Neighbors', lead: 'Send a little something.', body: "Soup for a friend who's sick, a borrowed drill going home, a birthday treat a few blocks over.", trips: ['Borrowed tools', 'Small gifts'], img: 'neighbors', alt: 'A parent and child walk down a garden path next to a Serve robot.' }, { id: 'businesses', who: 'Businesses', lead: 'Local delivery without a fleet.', body: 'Get orders to customers nearby without hiring drivers or buying vans. Quote it, dispatch it, follow it.', trips: ['Shop orders', 'Same-street refills'], img: 'businesses', alt: 'Two Serve robots wait side by side on a sunny plaza.' }, { id: 'builders', who: 'Builders & AI agents', lead: 'Give your code real-world reach.', body: 'Your app or agent asks for a quote, books a robot and tracks it to the curb, all through one API.', trips: ['Apps', 'Agents', 'Automations'], img: 'builders', alt: 'Several Serve robots parked side by side, seen from above.' }, ]; export const FLOW = [ { name: 'Quote', title: 'Share delivery details', body: 'You enter a pickup & dropoff destination — two addresses or pindrops on a map — and we provide a price and ETA instantly.', verb: 'POST', path: '/v2/partners/{id}/quotes', code: '201 Created', stage: 0, note: Returns quote_id, fee and dropoff_eta. A quote expires after five minutes and can only be used once., req: '{\n "pickup": { "location": { "lat": 37.4865, "lng": -122.2090 } },\n "dropoff": { "location": { "lat": 37.4891, "lng": -122.2041 } }\n}', res: '{\n "quote_id": "dqt_qUdje83jhdk",\n "fee": 799,\n "currency": "USD",\n "dropoff_eta": "2026-11-09T23:31:38Z",\n "expires": "2026-11-09T22:06:38Z"\n}', }, { name: 'Create', title: 'Dispatch your robot', body: 'Accept the quote and a nearby robot is dispatched to the pickup location to retrieve your item.', verb: 'POST', path: '/v2/partners/{id}/jobs', code: '201 Created', stage: 1, note: Send the quote_id, get a job back. When the price is always accepted, /jobs/instant quotes and creates in one call., req: '{\n "quote_id": "dqt_qUdje83jhdk",\n "external_order_id": "SP 937-215",\n "delivery_items": [{ "name": "Burrito", "quantity": 1 }],\n "pickup": { ... },\n "dropoff": { ... }\n}', res: '{\n "delivery_id": "del_3vDjjkd21b",\n "status": "pickup_en_route",\n "courier": { "courier_id": "cor_6vDjdkd74b", "name": "Keanu" }\n}', }, { name: 'Track', title: 'Track your stuff', body: "Track your robot block by block until it's at the door. Once the bin is emptied, the job reads as complete.", verb: 'GET', path: '/v2/partners/{id}/jobs/{job_id}', code: '200 OK', stage: 3, note: Poll until status is dropoff_complete. The planned route is one more GET away., req: null, res: '{\n "delivery_id": "del_3vDjjkd21b",\n "status": "dropoff_complete",\n "courier": { "courier_id": "cor_6vDjdkd74b", "name": "Keanu" }\n}', }, ]; export const JOB_STAGES = ['pending_courier_assignment', 'pickup_en_route', 'pickup_arrived', 'dropoff_en_route', 'dropoff_arrived', 'dropoff_complete']; export const SPECS = [ ['Optimized capacity', 'Each robot can hold up to four large pizza boxes plus drinks and sides in an insulated compartment, keeping items safe and fresh.'], ['Cutting-edge sensors', 'Nvidia Jetson Orin and Ouster REV7 Lidar empower the robots to make ultra-fast decisions.'], ['Autonomous navigation', 'Using our revolutionary shared-space foundation model, our robots navigate complex human environments safely and efficiently.'], ['Touch screen interface', 'Unlock your order with a quick tap on the state-of-the-art touch screen.'], ]; export const REJECTIONS = ['pickup_untraversable', 'dropoff_untraversable', 'delivery_distance_exceeds_limit', 'outside_operating_hours', 'pickup_deadline_unreachable', 'dropoff_deadline_unreachable', 'couriers_busy', 'internal_error']; export function UseCases({ children }) { const outerRef = useRef(null), pinRef = useRef(null); const [uc, setUc] = useState(0); const n = USE_CASES.length; const lock = useRef(null), sync = useRef(() => {}); const pinned = () => !!pinRef.current && getComputedStyle(pinRef.current).position === 'sticky'; const stretch = () => { const outer = outerRef.current, pin = pinRef.current, box = scrollerOf(outer); const top = (box === window ? 0 : box.getBoundingClientRect().top) + (parseFloat(getComputedStyle(pin).top) || 0); const len = Math.max(1, outer.offsetHeight - pin.offsetHeight); return { box, len, p: (top - outer.getBoundingClientRect().top) / len }; }; useEffect(() => { const outer = outerRef.current; let raf = 0; const update = () => { raf = 0; if (!pinned()) { outer.style.removeProperty('--uc-p'); return; } const p = Math.min(1, Math.max(0, stretch().p)); const i = Math.min(n - 1, Math.floor(p * n)); if (lock.current) { if (lock.current.i !== i && Date.now() < lock.current.until) return; lock.current = null; } outer.style.setProperty('--uc-p', Math.min(1, p * n - i).toFixed(3)); setUc(i); }; const onScroll = () => { if (!raf) raf = requestAnimationFrame(update); }; sync.current = onScroll; update(); document.addEventListener('scroll', onScroll, { capture: true, passive: true }); window.addEventListener('resize', onScroll); return () => { document.removeEventListener('scroll', onScroll, true); window.removeEventListener('resize', onScroll); cancelAnimationFrame(raf); }; }, []); const pick = (i, focus) => { if (pinned()) { const { box, len, p } = stretch(); lock.current = { i, until: Date.now() + 1500 }; outerRef.current.style.setProperty('--uc-p', '0'); setTimeout(() => sync.current(), 1550); box.scrollBy({ top: ((i + 0.04) / n - p) * len, behavior: reduced() ? 'auto' : 'smooth' }); } setUc(i); if (focus) { const b = document.getElementById('svl-uc-tab-' + i); if (b) b.focus({ preventScroll: true }); } }; const onKey = (e) => { const to = { ArrowDown: uc + 1, ArrowRight: uc + 1, ArrowUp: uc - 1, ArrowLeft: uc - 1, Home: 0, End: n - 1 }[e.key]; if (to === undefined) return; e.preventDefault(); pick((to + n) % n, true); }; return (

{x.lead} {x.body}
- {t}

{children}

{USE_CASES.map((x, i) => ( {x.alt}

))}

); } export function HowItWorks() { const [step, setStep] = useState(0); const refs = useRef([]); const railRef = useRef(null); useEffect(() => { const rail = railRef.current; let raf = 0; const update = () => { raf = 0; const top = rail.getBoundingClientRect().top; const y = Math.min(rail.offsetHeight, Math.max(10, window.innerHeight / 2 - top)); rail.style.setProperty('--bot-y', Math.round(y) + 'px'); let open = 0; refs.current.forEach((li, i) => { const dot = li && li.querySelector('.step-n'); if (dot && dot.getBoundingClientRect().top + dot.offsetHeight / 2 - top <= y + 1) open = i; }); setStep(open); }; const onScroll = () => { if (!raf) raf = requestAnimationFrame(update); }; update(); document.addEventListener('scroll', onScroll, { capture: true, passive: true }); window.addEventListener('resize', onScroll); return () => { document.removeEventListener('scroll', onScroll, true); window.removeEventListener('resize', onScroll); cancelAnimationFrame(raf); }; }, []); const f = FLOW[step]; return (

{ refs.current[i] = el; }}> {String(i + 1).padStart(2, '0')}{s.name}
{s.title}

{s.body}
{s.verb}{s.path}
{s.note}
{s.req &&
```
{hl(s.req)}
```
}
```
{hl(s.res)}
```

{f.verb} {f.path} {FLOW.map((s, i) => )}

{f.req &&
Requestapplication/json
{hl(f.req)}
}
Response{f.code}

{hl(f.res)}

{STATUS.map((s, k) =>
{s}
)}

); } export function LiveStatus() { const ref = useRef(null); const [i, setI] = useState(1); useEffect(() => { if (reduced() || !('IntersectionObserver' in window)) return; let id = 0; const io = new IntersectionObserver(([en]) => { clearInterval(id); if (en.isIntersecting) id = setInterval(() => setI(n => (n + 1) % JOB_STAGES.length), 1500); }); io.observe(ref.current); return () => { io.disconnect(); clearInterval(id); }; }, []); return
; } export const COLS = [60, 220, 390, 560, 720, 880, 1040, 1200, 1370]; export const ROWS = [110, 250, 390, 520, 660, 800, 930]; export const COL_NAMES = ['Bayview Ave', 'Harbor Ave', 'Linden Ave', 'Market Ave', 'Orchard Ave', 'Juniper Ave', 'Pier Ave', 'Sutter Ave', 'Shore Ave']; export const ROW_NAMES = ['Ash St', 'Birch St', 'Cypress St', 'Dogwood St', 'Elm St', 'Fig St', 'Grove St']; export const MAJOR_COL = 3, MAJOR_ROW = 3; export const PARK = { c0: 4, c1: 6, r0: 2, r1: 4 }; export const DEAD = new Set(['5,3']); export const key = (c, r) => c + ',' + r; export const edgeKey = (a, b) => [a, b].sort().join('|'); export const BLOCKED = new Set([edgeKey('5,2', '5,3'), edgeKey('5,3', '5,4'), edgeKey('4,3', '5,3'), edgeKey('5,3', '6,3')]); export const nodeName = ([c, r]) => `${COL_NAMES[c]} & ${ROW_NAMES[r]}`; export const xy = ([c, r]) => [COLS[c], ROWS[r]]; export const STATUS = ['Quoted', 'Dispatched', 'En route', 'Delivered']; export const etaMin = blocks => Math.round(blocks * 1.6 + 3); export const API_STEPS = [ { verb: 'POST', path: '/quotes', code: '201 Created', res: b => fee 799 eta {etaMin(b)} min }, { verb: 'POST', path: '/jobs', code: '201 Created', res: () => status pickup_en_route }, { verb: 'GET', path: '/jobs/del_3vDjjkd21b', code: '200 OK', res: () => status dropoff_en_route }, { verb: 'GET', path: '/jobs/del_3vDjjkd21b', code: '200 OK', res: () => status dropoff_complete }, ]; export const PRESETS = [[[3, 1], [6, 5]], [[4, 3], [6, 3]], [[6, 1], [3, 4]]]; export const MAP_ROBOT = 'data:image/webp;base64,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'; export const RobotSprite = () => ( ); export function neighbors([c, r]) { return [[c + 1, r], [c - 1, r], [c, r + 1], [c, r - 1]].filter(([nc, nr]) => nc >= 0 && nr >= 0 && nc < COLS.length && nr < ROWS.length && !DEAD.has(key(nc, nr)) && !BLOCKED.has(edgeKey(key(c, r), key(nc, nr)))); } export function route(a, b) { const dist = new Map([[key(...b), 0]]); const q = [b]; while (q.length) { const n = q.shift(); for (const m of neighbors(n)) if (!dist.has(key(...m))) { dist.set(key(...m), dist.get(key(...n)) + 1); q.push(m); } } if (!dist.has(key(...a))) return null; const path = [a]; let cur = a, dir = null; while (dist.get(key(...cur)) > 0) { const d = dist.get(key(...cur)); const opts = neighbors(cur).filter(m => dist.get(key(...m)) === d - 1); const straight = dir && opts.find(m => m[0] - cur[0] === dir[0] && m[1] - cur[1] === dir[1]); const next = straight || opts[0]; dir = [next[0] - cur[0], next[1] - cur[1]]; path.push(next); cur = next; } return path; } export function buildMap() { let seed = 0x8412e7cc; const rand = () => { seed |= 0; seed = seed + 0x6D2B79F5 | 0; let t = Math.imul(seed ^ seed >>> 15, 1 | seed); t = t + Math.imul(t ^ t >>> 7, 61 | t) ^ t; return ((t ^ t >>> 14) >>> 0) / 4294967296; }; const blocks = [], park = [], streets = [], labels = []; let k = 0; const DECOR_COLS = [-580, -420, -260, -100]; const XS = [-740, ...DECOR_COLS, ...COLS, 1470], YS = [-40, ...ROWS, 1080]; const inPark = (x0, y0) => x0 >= COLS[PARK.c0] && x0 < COLS[PARK.c1] && y0 >= ROWS[PARK.r0] && y0 < ROWS[PARK.r1]; for (let i = 0; i < XS.length - 1; i++) for (let j = 0; j < YS.length - 1; j++) { const x0 = XS[i], y0 = YS[j], x1 = XS[i + 1], y1 = YS[j + 1]; if (inPark(x0, y0)) continue; const pad = 13, bx = x0 + pad, by = y0 + pad, bw = x1 - x0 - pad * 2, bh = y1 - y0 - pad * 2; blocks.push(); const nx = bw > 150 ? 3 : 2, ny = 2, gap = 7, lw = (bw - gap * (nx + 1)) / nx, lh = (bh - gap * (ny + 1)) / ny; for (let a = 0; a < nx; a++) for (let b = 0; b < ny; b++) { if (rand() < 0.22) continue; const shrinkW = rand() * lw * 0.28, shrinkH = rand() * lh * 0.28; blocks.push(); } } [['North Flats', 300, 332], ['West End', -340, 590], ['Market Row', 800, 877]].forEach(([t, x, y]) => { blocks.push({t}); }); const px = COLS[PARK.c0] + 13, py = ROWS[PARK.r0] + 13, pw = COLS[PARK.c1] - COLS[PARK.c0] - 26, ph = ROWS[PARK.r1] - ROWS[PARK.r0] - 26; const path = { className: 'm-path' }; park.push(); park.push(); park.push(); park.push(); park.push(Cedar Park); const seg = (x1, y1, x2, y2, major) => streets.push(); COLS.forEach((x, c) => { seg(x, 0, x, ROWS[0], c === MAJOR_COL); seg(x, ROWS.at(-1), x, 1000, c === MAJOR_COL); for (let r = 0; r < ROWS.length - 1; r++) if (!BLOCKED.has(edgeKey(key(c, r), key(c, r + 1)))) seg(x, ROWS[r], x, ROWS[r + 1], c === MAJOR_COL); }); DECOR_COLS.forEach(x => seg(x, 0, x, 1000, false)); ROWS.forEach((y, r) => { seg(-760, y, COLS[0], y, r === MAJOR_ROW); seg(COLS.at(-1), y, 1500, y, r === MAJOR_ROW); for (let c = 0; c < COLS.length - 1; c++) if (!BLOCKED.has(edgeKey(key(c, r), key(c + 1, r)))) seg(COLS[c], y, COLS[c + 1], y, r === MAJOR_ROW); }); const centre = { className: 'm-centre' }; streets.push(); streets.push(); streets.push(); const label = (t, x, y, rot) => labels.push({t}); COLS.forEach((x, c) => { [0, 4].forEach(r => { if (c !== 5 || r !== 2) label(COL_NAMES[c], x, (ROWS[r] + ROWS[r + 1] - 46) / 2, true); }); }); ROWS.forEach((y, r) => { [1, 6].forEach(c => label(ROW_NAMES[r], (COLS[c] + COLS[c + 1]) / 2 + (r % 2 ? 14 : -10), y, false)); }); return { blocks, park, streets, labels }; } export function Pin({ letter }) { return ( {letter} ); } export function PinLabel({ letter, node }) { return {letter}{nodeName(node)}; } export const COLOR_KEY = 'color-scheme'; export const darkNow = () => typeof document !== 'undefined' && document.documentElement.getAttribute('data-color-mode') === 'dark'; export const setColorMode = mode => { document.documentElement.setAttribute('data-color-mode', mode); document.querySelectorAll('.rm-ReadMe').forEach(el => el.setAttribute('data-color-mode', mode)); try { localStorage.setItem(COLOR_KEY, mode); } catch (e) {} }; export function ThemeToggle() { const [dark, setDark] = useState(false); useEffect(() => { let saved = null; try { saved = localStorage.getItem(COLOR_KEY); } catch (e) {} setColorMode(saved === 'dark' ? 'dark' : 'light'); const sync = () => setDark(darkNow()); sync(); const mo = new MutationObserver(sync); mo.observe(document.documentElement, { attributes: true, attributeFilter: ['data-color-mode'] }); return () => mo.disconnect(); }, []); return ( ); } export const ROBOT_GLB = 'https://cdn.sanity.io/files/dh33lj7y/production/ce2b3512fd61828b274039d3a77703c881d6290f.glb'; export const CITY_PALETTE = { light: { street: 0xe7efec, side: 0xcee8e1, walk: 0xffffff, lane: 0xffffff, build: [0xffffff, 0xf5faf8, 0xe6f2ee, 0xcfe9df], lawn: 0xcde8dc, tree: [0x9fd6bf, 0x84c9ad], trunk: 0xb9cfc7, pond: 0xcbe4ec, path: 0xffffff, route: 0x61e5c0, glow: 0x16a982, halo: 0x61e5c0, ring: 0x0ab58c, pin: '#083031', pinInk: '#ffffff', label: 'rgba(8,48,49,.34)', sky: 0xffffff, ground: 0xcee8e1, hemi: .8, sun: 3.3, sunColor: 0xfff8ef, exposure: 1.02, env: .5, }, dark: { street: 0x0a2827, side: 0x0b2c2b, walk: 0x113b39, lane: 0x1f524e, build: [0x184844, 0x143f3c, 0x113734, 0x1c524c], lawn: 0x0f3d33, tree: [0x1a5c4b, 0x15503f], trunk: 0x0f3634, pond: 0x0c3540, path: 0x2d6b5e, route: 0x61e5c0, glow: 0x3fe0b4, halo: 0x61e5c0, ring: 0x61e5c0, pin: '#eef4f1', pinInk: '#062627', label: 'rgba(238,244,241,.32)', sky: 0x9ad8c5, ground: 0x0b2c2b, hemi: .55, sun: 1.5, sunColor: 0xd7efe8, exposure: 1.0, env: .32, }, }; export function startCity(THREE, X, canvas, view, api) { const { GLTFLoader, MeshoptDecoder, RoomEnvironment, RoundedBoxGeometry, mergeGeometries } = X; const still = reduced(); const S = 0.01, CX = (COLS[0] + COLS[8]) / 2, CZ = (ROWS[0] + ROWS[6]) / 2; const wx = x => (x - CX) * S, wz = z => (z - CZ) * S; const colW = c => (c === MAJOR_COL ? 46 : 34) * S, rowW = r => (r === MAJOR_ROW ? 46 : 34) * S; const XS = [COLS[0] - 330, COLS[0] - 165, ...COLS, COLS[8] + 165, COLS[8] + 330]; const ZS = [ROWS[0] - 280, ROWS[0] - 140, ...ROWS, ROWS[6] + 135, ROWS[6] + 270]; const OFF = 2, xW = i => colW(i - OFF), zW = j => rowW(j - OFF); const TILE = { x0: wx(XS[0]) - .6, x1: wx(XS[XS.length - 1]) + .6, z0: wz(ZS[0]) - .6, z1: wz(ZS[ZS.length - 1]) + .6 }; const ROBOT_H = 1.12, YAW = -Math.PI / 2; const mode = () => (darkNow() ? 'dark' : 'light'); const renderer = new THREE.WebGLRenderer({ canvas, antialias: true, alpha: true, powerPreference: 'high-performance' }); renderer.setPixelRatio(Math.min(window.devicePixelRatio || 1, 2)); renderer.toneMapping = THREE.NeutralToneMapping; renderer.shadowMap.enabled = true; renderer.shadowMap.type = THREE.PCFSoftShadowMap; const scene = new THREE.Scene(); const pmrem = new THREE.PMREMGenerator(renderer); scene.environment = pmrem.fromScene(new RoomEnvironment(), .04).texture; const camera = new THREE.PerspectiveCamera(22, 1, .1, 200); const hemi = new THREE.HemisphereLight(0xffffff, 0xcee8e1, 1); const sun = new THREE.DirectionalLight(0xffffff, 2.5); sun.position.set(-7, 13, 5); sun.castShadow = true; sun.shadow.mapSize.set(2048, 2048); Object.assign(sun.shadow.camera, { left: -15, right: 15, top: 13, bottom: -13, near: 1, far: 50 }); sun.shadow.bias = -.0004; sun.shadow.normalBias = .02; scene.add(hemi, sun); const mat = (o = {}) => new THREE.MeshStandardMaterial({ roughness: .92, metalness: 0, ...o }); const M = { street: mat({ roughness: .96 }), side: mat({ roughness: .8 }), walk: mat(), lane: mat(), build: [0, 1, 2, 3].map(() => mat({ roughness: .86 })), lawn: mat({ roughness: 1 }), tree: [mat({ roughness: .9 }), mat({ roughness: .9 })], trunk: mat(), pond: mat({ roughness: .25, metalness: .05 }), path: mat({ roughness: 1, transparent: true, opacity: .85 }), route: mat({ roughness: .35, emissiveIntensity: .45 }), halo: new THREE.MeshBasicMaterial({ transparent: true, opacity: .2, depthWrite: false }), ring: new THREE.MeshBasicMaterial({ transparent: true, opacity: .95, depthWrite: false }), pin: mat({ roughness: .5 }), }; let seed = 0x5e12a7c3; const rnd = () => ((seed = (seed * 1664525 + 1013904223) >>> 0) / 4294967296); const city = new THREE.Group(); scene.add(city); const add = (geo, m, cast = true) => { const mesh = new THREE.Mesh(geo, m); mesh.castShadow = cast; mesh.receiveShadow = true; city.add(mesh); return mesh; }; const box = (w, h, d, x, y, z, rad = .035) => { const g = new RoundedBoxGeometry(w, h, d, 3, Math.min(rad, w / 2.2, d / 2.2, h / 2.2)); g.translate(x, y, z); return g; }; { const w = TILE.x1 - TILE.x0, d = TILE.z1 - TILE.z0, r = .5, depth = .5; const s = new THREE.Shape(); s.moveTo(-w / 2 + r, -d / 2); s.lineTo(w / 2 - r, -d / 2); s.quadraticCurveTo(w / 2, -d / 2, w / 2, -d / 2 + r); s.lineTo(w / 2, d / 2 - r); s.quadraticCurveTo(w / 2, d / 2, w / 2 - r, d / 2); s.lineTo(-w / 2 + r, d / 2); s.quadraticCurveTo(-w / 2, d / 2, -w / 2, d / 2 - r); s.lineTo(-w / 2, -d / 2 + r); s.quadraticCurveTo(-w / 2, -d / 2, -w / 2 + r, -d / 2); const g = new THREE.ExtrudeGeometry(s, { depth, bevelEnabled: true, bevelThickness: .04, bevelSize: .04, bevelSegments: 4, curveSegments: 10 }); g.rotateX(-Math.PI / 2); g.translate((TILE.x0 + TILE.x1) / 2, -depth - .04, (TILE.z0 + TILE.z1) / 2); const tile = new THREE.Mesh(g, [M.street, M.side]); tile.receiveShadow = true; city.add(tile); } const blocks = []; for (let i = -1; i < XS.length; i++) for (let j = -1; j < ZS.length; j++) { const edge = i < 0 || j < 0 || i >= XS.length - 1 || j >= ZS.length - 1; const c = i - OFF, r = j - OFF; if (!edge && c >= PARK.c0 && c < PARK.c1 && r >= PARK.r0 && r < PARK.r1) continue; const x0 = i < 0 ? TILE.x0 + .14 : wx(XS[i]) + xW(i) / 2, x1 = i >= XS.length - 1 ? TILE.x1 - .14 : wx(XS[i + 1]) - xW(i + 1) / 2; const z0 = j < 0 ? TILE.z0 + .14 : wz(ZS[j]) + zW(j) / 2, z1 = j >= ZS.length - 1 ? TILE.z1 - .14 : wz(ZS[j + 1]) - zW(j + 1) / 2; if (x1 - x0 > .12 && z1 - z0 > .12) blocks.push({ x0, x1, z0, z1, edge }); } const walkGeos = [], buildGeos = [[], [], [], []], treeSpots = []; for (const b of blocks) { const w = b.x1 - b.x0, d = b.z1 - b.z0, cx = (b.x0 + b.x1) / 2, cz = (b.z0 + b.z1) / 2; walkGeos.push(box(w, .05, d, cx, .025, cz, .04)); if (b.edge) { for (let k = 0, n = Math.floor(Math.max(w, d) / .5); k < n; k++) if (rnd() < .55) treeSpots.push([b.x0 + .1 + rnd() * (w - .2), b.z0 + .1 + rnd() * (d - .2), .07 + rnd() * .04]); continue; } const pad = .09, gap = .08, lw = (w - pad * 2 - gap) / 2, ld = (d - pad * 2 - gap) / 2; const layout = rnd(); const lots = layout < .22 ? [[0, 0, 2, 2]] : layout < .5 ? [[0, 0, 2, 1], [0, 1, 1, 1], [1, 1, 1, 1]] : layout < .7 ? [[0, 0, 1, 2], [1, 0, 1, 1], [1, 1, 1, 1]] : [[0, 0, 1, 1], [1, 0, 1, 1], [0, 1, 1, 1], [1, 1, 1, 1]]; for (const [li, lj, sw, sd] of lots) { if (lots.length === 4 && rnd() < .16) { treeSpots.push([b.x0 + pad + li * (lw + gap) + lw / 2, b.z0 + pad + lj * (ld + gap) + ld / 2, .1]); continue; } const bw = lw * sw + gap * (sw - 1), bd = ld * sd + gap * (sd - 1); const h = (sw * sd > 1 ? .12 : .08) + rnd() * (sw * sd > 2 ? .2 : .15); const x = b.x0 + pad + li * (lw + gap) + bw / 2, z = b.z0 + pad + lj * (ld + gap) + bd / 2; buildGeos[Math.floor(rnd() * 4)].push(box(bw, h, bd, x, .05 + h / 2, z, .045)); } } add(mergeGeometries(walkGeos), M.walk, false); buildGeos.forEach((gs, k) => gs.length && add(mergeGeometries(gs), M.build[k])); { const marks = [], mx = wx(COLS[MAJOR_COL]), mz = wz(ROWS[MAJOR_ROW]); for (let z = TILE.z0 + .4; z < TILE.z1 - .4; z += .26) marks.push(box(.025, .006, .13, mx, .003, z, .004)); for (let x = TILE.x0 + .4; x < TILE.x1 - .4; x += .26) if (x < wx(COLS[PARK.c0]) - .2 || x > wx(COLS[PARK.c1]) + .2) marks.push(box(.13, .006, .025, x, .003, mz, .004)); add(mergeGeometries(marks), M.lane, false); } { const x0 = wx(COLS[PARK.c0]) + colW(PARK.c0) / 2, x1 = wx(COLS[PARK.c1]) - colW(PARK.c1) / 2; const z0 = wz(ROWS[PARK.r0]) + rowW(PARK.r0) / 2, z1 = wz(ROWS[PARK.r1]) - rowW(PARK.r1) / 2; add(box(x1 - x0, .07, z1 - z0, (x0 + x1) / 2, .035, (z0 + z1) / 2, .05), M.lawn, false); const pond = new THREE.Mesh(new THREE.CylinderGeometry(1, 1, .02, 48), M.pond); pond.scale.set(.36, 1, .22); pond.position.set(x0 + (x1 - x0) * .7, .075, z0 + (z1 - z0) * .66); pond.receiveShadow = true; city.add(pond); const paths = [ [[x0 + .1, z1 - .35], [x0 + .9, z0 + (z1 - z0) * .48], [x0 + 1.7, z0 + (z1 - z0) * .5], [x1 - .1, z0 + .45]], [[x0 + (x1 - x0) * .5, z0 + .05], [x0 + (x1 - x0) * .44, z0 + (z1 - z0) * .45], [x0 + (x1 - x0) * .52, z1 - .05]], ]; const dashes = []; for (const p of paths) { const curve = new THREE.CatmullRomCurve3(p.map(([x, z]) => new THREE.Vector3(x, .072, z))); const n = Math.floor(curve.getLength() / .1); for (let k = 0; k < n; k++) { const a = curve.getPointAt(k / n), t = curve.getTangentAt(k / n); const g = new THREE.BoxGeometry(.016, .004, .05); g.rotateY(Math.atan2(t.x, t.z)); g.translate(a.x, a.y, a.z); dashes.push(g); } } add(mergeGeometries(dashes), M.path, false); for (let k = 0; k < 26; k++) { const x = x0 + .12 + rnd() * (x1 - x0 - .24), z = z0 + .12 + rnd() * (z1 - z0 - .24); if (Math.hypot((x - pond.position.x) / .5, (z - pond.position.z) / .34) < 1) continue; treeSpots.push([x, z, .08 + rnd() * .06, .07]); } } { const crowns = [[], []], trunks = []; for (const [x, z, s, lift = 0] of treeSpots) { const t = new THREE.CylinderGeometry(.012, .016, .1, 6); t.translate(x, .05 + lift + .05, z); trunks.push(t); const c = new THREE.IcosahedronGeometry(s, 2); c.translate(x, .05 + lift + .1 + s * .8, z); crowns[rnd() < .5 ? 0 : 1].push(c); } add(mergeGeometries(trunks), M.trunk); crowns.forEach((gs, k) => gs.length && add(mergeGeometries(gs), M.tree[k])); } const labels = []; const label = (text, x, z, along, size, y = .004) => { const c = document.createElement('canvas'); c.width = 1024; c.height = 96; const tex = new THREE.CanvasTexture(c); tex.colorSpace = THREE.SRGBColorSpace; tex.anisotropy = 8; const m = new THREE.Mesh(new THREE.PlaneGeometry(size, size * 96 / 1024), new THREE.MeshBasicMaterial({ map: tex, transparent: true, depthWrite: false })); m.rotation.x = -Math.PI / 2; if (along === 'z') m.rotation.z = Math.PI / 2; m.position.set(x, y, z); m.renderOrder = 1; city.add(m); labels.push({ c, tex, text }); }; const drawLabels = () => { const ink = CITY_PALETTE[mode()].label; for (const { c, tex, text } of labels) { const g = c.getContext('2d'); g.clearRect(0, 0, c.width, c.height); g.font = '500 54px "Google Sans", system-ui, sans-serif'; g.letterSpacing = '10px'; g.fillStyle = ink; g.textAlign = 'center'; g.textBaseline = 'middle'; g.fillText(text.toUpperCase(), c.width / 2, c.height / 2 + 2); tex.needsUpdate = true; } }; label('Birch St', wx((COLS[1] + COLS[2]) / 2), wz(ROWS[1]), 'x', 1.1); label('Fig St', wx((COLS[1] + COLS[2]) / 2), wz(ROWS[5]), 'x', .9); label('Dogwood St', wx((COLS[7] + COLS[8]) / 2), wz(ROWS[3]), 'x', 1.3); label('Market Ave', wx(COLS[3]), wz((ROWS[4] + ROWS[5]) / 2), 'z', 1.3); label('Juniper Ave', wx(COLS[5]), wz((ROWS[5] + ROWS[6]) / 2), 'z', 1.2); label('Cedar Park', wx((COLS[4] + COLS[6]) / 2) - .35, wz(ROWS[2]) + .34, 'x', 1.5, .074); const pinTexture = letter => { const P = CITY_PALETTE[mode()]; const c = document.createElement('canvas'); c.width = c.height = 160; const g = c.getContext('2d'); g.beginPath(); g.arc(80, 80, 66, 0, Math.PI * 2); g.fillStyle = P.pinInk; g.fill(); g.beginPath(); g.arc(80, 80, 56, 0, Math.PI * 2); g.fillStyle = P.pin; g.fill(); g.font = '700 64px "Google Sans", system-ui, sans-serif'; g.fillStyle = P.pinInk; g.textAlign = 'center'; g.textBaseline = 'middle'; g.fillText(letter, 80, 84); const t = new THREE.CanvasTexture(c); t.colorSpace = THREE.SRGBColorSpace; return t; }; const makePin = letter => { const g = new THREE.Group(); const stem = new THREE.Mesh(new THREE.CylinderGeometry(.022, .022, 1.2, 12), M.pin); stem.position.y = .6; stem.castShadow = true; const head = new THREE.Sprite(new THREE.SpriteMaterial({ map: pinTexture(letter), depthWrite: false })); head.scale.set(.56, .56, 1); head.position.y = 1.42; const foot = new THREE.Mesh(new THREE.CircleGeometry(.12, 32), M.pin); foot.rotation.x = -Math.PI / 2; foot.position.y = .16; g.add(stem, head, foot); g.visible = false; g.userData = { letter, head, stem }; scene.add(g); return g; }; const pinA = makePin('A'), pinB = makePin('B'); const ring = new THREE.Mesh(new THREE.RingGeometry(.13, .17, 48), M.ring); ring.rotation.x = -Math.PI / 2; ring.position.y = .166; ring.visible = false; scene.add(ring); let routeMesh = null, haloMesh = null, curve = null; const buildCurve = path => { const pts = path.map(([c, r]) => new THREE.Vector3(wx(COLS[c]), .07, wz(ROWS[r]))); const cp = new THREE.CurvePath(), R = .22; let start = pts[0]; for (let i = 1; i < pts.length; i++) { const a = pts[i - 1], b = pts[i], c = pts[i + 1]; if (!c) { cp.add(new THREE.LineCurve3(start, b)); break; } const d1 = b.clone().sub(a).normalize(), d2 = c.clone().sub(b).normalize(); if (d1.dot(d2) > .999) continue; const p1 = b.clone().addScaledVector(d1, -R), p2 = b.clone().addScaledVector(d2, R); cp.add(new THREE.LineCurve3(start, p1)); cp.add(new THREE.QuadraticBezierCurve3(p1, b.clone(), p2)); start = p2; } return cp; }; const drawRoute = p => { for (const m of [routeMesh, haloMesh]) if (m) m.geometry.setDrawRange(0, Math.floor(m.userData.segs * p) * m.userData.per); }; const setRoute = path => { for (const m of [routeMesh, haloMesh]) if (m) { scene.remove(m); m.geometry.dispose(); } curve = buildCurve(path); const segs = Math.max(80, Math.round(curve.getLength() * 40)); routeMesh = new THREE.Mesh(new THREE.TubeGeometry(curve, segs, .072, 14, false), M.route); haloMesh = new THREE.Mesh(new THREE.TubeGeometry(curve, segs, .19, 10, false), M.halo); routeMesh.castShadow = true; routeMesh.userData = { per: 14 * 6, segs }; haloMesh.userData = { per: 10 * 6, segs }; scene.add(haloMesh, routeMesh); drawRoute(0); }; const robot = new THREE.Group(); robot.visible = false; scene.add(robot); const softSpot = (w, d, alpha) => { const c = document.createElement('canvas'); c.width = c.height = 128; const g = c.getContext('2d'), grad = g.createRadialGradient(64, 64, 4, 64, 64, 64); grad.addColorStop(0, `rgba(0,0,0,${alpha})`); grad.addColorStop(1, 'rgba(0,0,0,0)'); g.fillStyle = grad; g.fillRect(0, 0, 128, 128); const m = new THREE.Mesh(new THREE.PlaneGeometry(w, d), new THREE.MeshBasicMaterial({ map: new THREE.CanvasTexture(c), transparent: true, depthWrite: false })); m.rotation.x = -Math.PI / 2; return m; }; const shadow = softSpot(1.5, 1.15, .35); shadow.position.y = .045; robot.add(shadow); let robotReady = false, dead = false; const loader = new GLTFLoader(); loader.setMeshoptDecoder(MeshoptDecoder); loader.load(ROBOT_GLB, gltf => { if (dead) return; const model = gltf.scene; const bb = new THREE.Box3().setFromObject(model), size = bb.getSize(new THREE.Vector3()), ctr = bb.getCenter(new THREE.Vector3()); model.position.set(-ctr.x, -bb.min.y, -ctr.z); const pivot = new THREE.Group(); pivot.add(model); pivot.scale.setScalar(ROBOT_H / size.y); pivot.position.y = .045; model.traverse(o => { if (o.isMesh) { o.castShadow = true; o.receiveShadow = true; } }); robot.add(pivot); robotReady = true; }, undefined, () => { if (dead) return; const tex = new THREE.TextureLoader().load(MAP_ROBOT); tex.colorSpace = THREE.SRGBColorSpace; const sp = new THREE.Sprite(new THREE.SpriteMaterial({ map: tex, depthWrite: false })); sp.scale.set(1.0, 1.12, 1); sp.position.y = .6; robot.add(sp); robotReady = true; }); { const m = softSpot(TILE.x1 - TILE.x0 + 5, TILE.z1 - TILE.z0 + 4, .32); m.position.set(.4, -1.3, .9); scene.add(m); } const target = new THREE.Vector3(.9, 0, .35), aim = target.clone(), want = target.clone(); let radius = 29, wide = true; const frame = () => { const w = view.clientWidth, h = view.clientHeight; if (!w || !h) return; wide = w > 1000; renderer.setSize(w, h, false); camera.aspect = w / h; radius = wide ? 29 : 22 * Math.min(1.45, Math.max(.95, 1.4 / camera.aspect)); camera.setViewOffset(w, h, wide ? -Math.round(w * .19) : 0, Math.round(h * (wide ? .04 : .13)), w, h); camera.updateProjectionMatrix(); }; const placeCamera = t => { const sway = still ? 0 : Math.sin(t / 14000) * .01; const phi = THREE.MathUtils.degToRad(43), th = THREE.MathUtils.degToRad(-27) + sway; camera.position.set(aim.x + radius * Math.sin(phi) * Math.sin(th), aim.y + radius * Math.cos(phi), aim.z + radius * Math.sin(phi) * Math.cos(th)); camera.lookAt(aim); }; const ro = new ResizeObserver(frame); ro.observe(view); frame(); const applyTheme = () => { const P = CITY_PALETTE[mode()]; M.street.color.set(P.street); M.side.color.set(P.side); M.walk.color.set(P.walk); M.lane.color.set(P.lane); M.build.forEach((m, k) => m.color.set(P.build[k])); M.lawn.color.set(P.lawn); M.tree.forEach((m, k) => m.color.set(P.tree[k])); M.trunk.color.set(P.trunk); M.pond.color.set(P.pond); M.path.color.set(P.path); M.route.color.set(P.route); M.route.emissive.set(P.glow); M.halo.color.set(P.halo); M.ring.color.set(P.ring); M.pin.color.set(P.pin); for (const p of [pinA, pinB]) { p.userData.head.material.map.dispose(); p.userData.head.material.map = pinTexture(p.userData.letter); } hemi.color.set(P.sky); hemi.groundColor.set(P.ground); hemi.intensity = P.hemi; sun.color.set(P.sunColor); sun.intensity = P.sun; renderer.toneMappingExposure = P.exposure; scene.environmentIntensity = P.env; drawLabels(); }; applyTheme(); const mo = new MutationObserver(applyTheme); mo.observe(document.documentElement, { attributes: true, attributeFilter: ['data-color-mode'] }); if (document.fonts) document.fonts.load('500 54px "Google Sans"').then(() => { if (!dead) applyTheme(); }); const easeOut = t => 1 - Math.pow(1 - t, 3), easeInOut = t => (t < .5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) / 2); const easeBack = t => { const c1 = 1.6, c3 = c1 + 1; return 1 + c3 * Math.pow(t - 1, 3) + c1 * Math.pow(t - 1, 2); }; let trip = null, shown = -2, auto = true, preset = 0, nextTimer = 0, sel = { a: null, awaiting: false }; const placePin = (pin, node) => { pin.position.set(wx(COLS[node[0]]), 0, wz(ROWS[node[1]])); pin.visible = true; pin.userData.drop = performance.now(); }; const show = s => { if (s !== shown) { shown = s; api.status(s); } }; const play = (a, b) => { const path = route(a, b); if (!path) return; clearTimeout(nextTimer); placePin(pinA, a); setTimeout(() => { if (!dead) placePin(pinB, b); }, still ? 0 : 160); setRoute(path); trip = { a, b, path, blocks: path.length - 1, t0: performance.now() }; sel = { a, awaiting: false }; api.trip({ blocks: trip.blocks }); api.hint(auto ? 'Tap two street corners to plan your own trip.' : `${nodeName(a)} → ${nodeName(b)}`); api.route(`${nodeName(a)} → ${nodeName(b)}`); show(-1); }; const tick = now => { if (!trip) return; const t = now - trip.t0; const tQuote = still ? 0 : 600, tDraw = tQuote + (still ? 0 : 900), tDisp = tDraw + 350, tGo = tDisp + 450; const travel = still ? 1 : 700 + trip.blocks * 310, tDone = tGo + travel; drawRoute(still ? 1 : t <= tQuote ? 0 : easeOut(Math.min(1, (t - tQuote) / (tDraw - tQuote)))); show(t >= tDone ? 3 : t >= tGo ? 2 : t >= tDisp ? 1 : t >= tQuote ? 0 : -1); if (t >= tDisp && robotReady) { const p = still ? (t >= tDone ? 1 : 0) : easeInOut(Math.min(1, Math.max(0, (t - tGo) / travel))); const pos = curve.getPointAt(p), tan = curve.getTangentAt(Math.min(.999, Math.max(.001, p))); robot.position.set(pos.x, 0, pos.z); robot.rotation.y = Math.atan2(tan.x, tan.z) + YAW; robot.scale.setScalar(Math.max(.001, still ? 1 : easeBack(Math.min(1, (t - tDisp) / 420)))); robot.visible = true; } else robot.visible = false; if (t >= tDone && !trip.done) { trip.done = true; if (auto && !still) nextTimer = setTimeout(() => { if (auto && !dead) { preset = (preset + 1) % PRESETS.length; play(...PRESETS[preset]); } }, 2600); } }; const ray = new THREE.Raycaster(), ndc = new THREE.Vector2(), ground = new THREE.Plane(new THREE.Vector3(0, 1, 0), 0), hit = new THREE.Vector3(); const nodeAt = e => { const r = canvas.getBoundingClientRect(); ndc.set(((e.clientX - r.left) / r.width) * 2 - 1, -((e.clientY - r.top) / r.height) * 2 + 1); ray.setFromCamera(ndc, camera); if (!ray.ray.intersectPlane(ground, hit)) return null; const mx = hit.x / S + CX, mz = hit.z / S + CZ; let c = 0, r2 = 0; COLS.forEach((x, i) => { if (Math.abs(x - mx) < Math.abs(COLS[c] - mx)) c = i; }); ROWS.forEach((z, i) => { if (Math.abs(z - mz) < Math.abs(ROWS[r2] - mz)) r2 = i; }); return Math.hypot(COLS[c] - mx, ROWS[r2] - mz) < 70 && !DEAD.has(key(c, r2)) ? [c, r2] : null; }; const onMove = e => { const n = nodeAt(e); canvas.classList.toggle('pick', !!n); ring.visible = !!n; if (n) ring.position.set(wx(COLS[n[0]]), .012, wz(ROWS[n[1]])); }; const onLeave = () => { ring.visible = false; canvas.classList.remove('pick'); }; const onClick = e => { const n = nodeAt(e); if (!n) return; auto = false; clearTimeout(nextTimer); if (!sel.awaiting) { trip = null; robot.visible = false; drawRoute(0); pinB.visible = false; placePin(pinA, n); sel = { a: n, awaiting: true }; api.hint(`Pickup set at ${nodeName(n)}. Now tap a dropoff corner.`); api.trip({ blocks: null }); show(-1); } else if (key(...n) === key(...sel.a)) api.hint("That's the pickup corner. Pick a different one for dropoff."); else play(sel.a, n); }; canvas.addEventListener('pointermove', onMove); canvas.addEventListener('pointerleave', onLeave); canvas.addEventListener('click', onClick); let visible = true, raf = 0, started = false; const io = new IntersectionObserver(([en]) => { visible = en.isIntersecting; }); io.observe(view); const clock = performance.now(); let last = clock; const loop = now => { raf = requestAnimationFrame(loop); const dt = Math.min(100, now - last); last = now; if (!visible || document.hidden) return; if (curve) { const mid = curve.getPointAt(.5), lean = wide ? .35 : .8; want.set(target.x + (mid.x - target.x) * lean, 0, target.z + (mid.z - target.z) * lean); } aim.lerp(want, still ? 1 : 1 - Math.pow(.99, dt / 16.7)); placeCamera(now - clock); for (const p of [pinA, pinB]) if (p.visible) { const k = still ? 1 : Math.min(1, (now - (p.userData.drop || 0)) / 620); p.position.y = (1 - easeBack(k)) * .9; p.scale.setScalar(.6 + .4 * Math.min(1, k * 1.6)); p.userData.stem.visible = !(robot.visible && Math.hypot(robot.position.x - p.position.x, robot.position.z - p.position.z) < .5); } ring.material.opacity = .7 + Math.sin(now / 260) * .25; tick(now); renderer.render(scene, camera); if (!started) { started = true; api.ready(); } }; raf = requestAnimationFrame(loop); const first = setTimeout(() => { if (!dead) play(...PRESETS[0]); }, still ? 0 : 700); return () => { dead = true; cancelAnimationFrame(raf); clearTimeout(nextTimer); clearTimeout(first); ro.disconnect(); mo.disconnect(); io.disconnect(); canvas.removeEventListener('pointermove', onMove); canvas.removeEventListener('pointerleave', onLeave); canvas.removeEventListener('click', onClick); scene.traverse(o => { if (o.geometry) o.geometry.dispose(); }); pmrem.dispose(); renderer.dispose(); renderer.forceContextLoss(); }; } export function Hero3D({ onRoute, onFail }) { const viewRef = useRef(null), canvasRef = useRef(null); const [status, setStatus] = useState(-2); const [blocks, setBlocks] = useState(null); const [hint, setHint] = useState('Tap two street corners to plan your own trip.'); const [ready, setReady] = useState(false); useEffect(() => { let gone = false, stop = () => {}; const probe = document.createElement('canvas'); if (!(probe.getContext('webgl2') || probe.getContext('webgl'))) { onFail(); return undefined; } Promise.all([ import('https://esm.sh/three@0.169.0'), import('https://esm.sh/three@0.169.0/examples/jsm/loaders/GLTFLoader.js'), import('https://esm.sh/three@0.169.0/examples/jsm/libs/meshopt_decoder.module.js'), import('https://esm.sh/three@0.169.0/examples/jsm/environments/RoomEnvironment.js'), import('https://esm.sh/three@0.169.0/examples/jsm/geometries/RoundedBoxGeometry.js'), import('https://esm.sh/three@0.169.0/examples/jsm/utils/BufferGeometryUtils.js'), ]).then(([THREE, gltf, meshopt, room, rounded, utils]) => { if (gone) return; const X = { GLTFLoader: gltf.GLTFLoader, MeshoptDecoder: meshopt.MeshoptDecoder, RoomEnvironment: room.RoomEnvironment, RoundedBoxGeometry: rounded.RoundedBoxGeometry, mergeGeometries: utils.mergeGeometries }; stop = startCity(THREE, X, canvasRef.current, viewRef.current, { status: setStatus, trip: t => setBlocks(t.blocks), hint: setHint, route: onRoute, ready: () => setReady(true), }); }).catch(err => { console.error('[hero] 3D city could not start; showing the 2D map', err); if (!gone) onFail(); }); return () => { gone = true; stop(); }; }, []); const step = API_STEPS[Math.max(0, status)]; return (

); } export function ServeLanding() { const map = useMemo(buildMap, []); const [mapReady, setMapReady] = useState(false); useEffect(() => setMapReady(true), []); const rootRef = useRef(null), stageRef = useRef(null), svgRef = useRef(null); const casingRef = useRef(null), coreRef = useRef(null), ghostRef = useRef(null), robotRef = useRef(null), spriteRef = useRef(null), pinARef = useRef(null), pinBRef = useRef(null); const formRef = useRef(null), nameRef = useRef(null), emailRef = useRef(null), successRef = useRef(null); const runRef = useRef(0), timerRef = useRef(0); const [motion, setMotion] = useState(false); useEffect(() => { setMotion(!reduced()); }, []); useEffect(() => { const els = rootRef.current.querySelectorAll('[data-reveal]'); if (!('IntersectionObserver' in window)) { els.forEach(e => e.classList.add('is-in')); return; } const io = new IntersectionObserver(entries => entries.forEach(en => { if (en.isIntersecting) { en.target.classList.add('is-in'); io.unobserve(en.target); } }), { rootMargin: '0px 0px -8% 0px', threshold: 0.1 }); els.forEach(e => io.observe(e)); return () => io.disconnect(); }, []); const [trip, setTrip] = useState(null); const [pins, setPins] = useState({ a: null, b: null, na: 0, nb: 0 }); const [sel, setSel] = useState({ pickup: null, awaiting: false }); const [readout, setReadout] = useState({ a: null, b: null, blocks: null }); const [status, setStatusIdx] = useState(-1); const [statusLive, setStatusLive] = useState(''); const [hint, setHint] = useState('Tap two street corners to plan your own trip.'); const [codeRoute, setCodeRoute] = useState('Market Ave & Birch St → Pier Ave & Fig St'); const [hero3d, setHero3d] = useState(true); const autoRef = useRef(true), nextRef = useRef(0), seenRef = useRef(false), idleRef = useRef(false), presetRef = useRef(0); const setStatus = useCallback((i) => { setStatusIdx(i); setStatusLive(i >= 0 ? 'Status: ' + STATUS[i] : ''); }, []); const play = (a, b) => { const path = route(a, b); if (!path) return; clearTimeout(nextRef.current); setSel({ pickup: a, awaiting: false }); setPins(p => ({ a, b, na: p.na + 1, nb: p.nb + 1 })); setReadout({ a, b, blocks: path.length - 1 }); setCodeRoute(`${nodeName(a)} → ${nodeName(b)}`); setTrip({ path, id: ++runRef.current }); }; const nextPreset = () => { presetRef.current = (presetRef.current + 1) % PRESETS.length; play(...PRESETS[presetRef.current]); }; useEffect(() => { const casing = casingRef.current, core = coreRef.current, robot = robotRef.current, sprite = spriteRef.current; if (!trip) { robot.setAttribute('opacity', 0); return; } const blocks = trip.path.length - 1; const L = core.getTotalLength(); const still = reduced(); const tQuote = still ? 0 : 750, tDraw = tQuote + (still ? 0 : 1000), tDisp = tDraw + 500, tGo = tDisp + 500; const travel = still ? 1000 : 700 + blocks * 310, tDone = tGo + travel; let shown = -2, t0 = null, raf = 0, face = 0; const frame = (now) => { if (t0 === null) t0 = now; const t = now - t0; const drawn = still ? 1 : t <= tQuote ? 0 : easeOut((t - tQuote) / (tDraw - tQuote)); [casing, core].forEach(p => { p.style.strokeDasharray = L; p.style.strokeDashoffset = L * (1 - drawn); }); const s = t >= tDone ? 3 : t >= tGo ? 2 : t >= tDisp ? 1 : t >= tQuote ? 0 : -1; if (s !== shown) { shown = s; setStatus(s); } if (t >= tDisp) { const p = still ? (t >= tDone ? 1 : 0) : easeInOut((t - tGo) / travel); const at = L * p, pt = core.getPointAtLength(at); const dx = core.getPointAtLength(Math.min(L, at + 3)).x - core.getPointAtLength(Math.max(0, at - 3)).x; if (Math.abs(dx) > 0.5 || !face) face = dx > 0.5 ? 1 : dx < -0.5 ? -1 : face || -1; sprite.setAttribute('transform', face > 0 ? 'scale(-1 1)' : 'scale(1 1)'); robot.setAttribute('transform', `translate(${pt.x} ${pt.y})`); robot.setAttribute('opacity', 1); } else robot.setAttribute('opacity', 0); if (t < tDone) raf = requestAnimationFrame(frame); else if (autoRef.current && !still) nextRef.current = setTimeout(() => { if (!autoRef.current) return; if (!seenRef.current) { idleRef.current = true; return; } nextPreset(); }, 2800); }; raf = requestAnimationFrame(frame); return () => { cancelAnimationFrame(raf); clearTimeout(nextRef.current); }; }, [trip, setStatus]); useEffect(() => { const el = stageRef.current; let first = true, timer = 0; if (!('IntersectionObserver' in window)) { seenRef.current = true; play(...PRESETS[0]); return; } const io = new IntersectionObserver(([en]) => { seenRef.current = en.isIntersecting; if (!en.isIntersecting) return; if (first) { first = false; timer = setTimeout(() => play(...PRESETS[0]), reduced() ? 0 : 650); } else if (autoRef.current && idleRef.current) { idleRef.current = false; nextPreset(); } }, { threshold: 0.35 }); io.observe(el); return () => { io.disconnect(); clearTimeout(timer); }; }, []); const cullLabels = useCallback(() => { const stageEl = stageRef.current, svg = svgRef.current; if (!stageEl || !svg) return; const view = svg.getBoundingClientRect(); const boxes = [...stageEl.querySelectorAll('.apichip')].map(e => e.getBoundingClientRect()); [pinARef.current, pinBRef.current].forEach(p => { if (!p) return; const m = p.getScreenCTM(); boxes.push({ left: m.e - 19 * m.a, right: m.e + 19 * m.a, top: m.f - 52 * m.a, bottom: m.f + 4 * m.a }); }); svg.querySelectorAll('.st-label, .district').forEach(n => { const b = n.getBoundingClientRect(); n.style.visibility = b.left < view.left || b.right > view.right || b.top < view.top || b.bottom > view.bottom || boxes.some(c => b.left < c.right + 12 && c.left - 12 < b.right && b.top < c.bottom + 12 && c.top - 12 < b.bottom) ? 'hidden' : ''; }); }, []); useEffect(() => { cullLabels(); }, [pins, status, cullLabels]); useEffect(() => { const t = setTimeout(cullLabels, 1400); return () => clearTimeout(t); }, [cullLabels]); useEffect(() => { window.addEventListener('resize', cullLabels); return () => window.removeEventListener('resize', cullLabels); }, [cullLabels]); const nearestNode = (evt) => { const svg = svgRef.current; const pt = svg.createSVGPoint(); pt.x = evt.clientX; pt.y = evt.clientY; const p = pt.matrixTransform(svg.getScreenCTM().inverse()); let best = null, bd = Infinity; COLS.forEach((x, c) => ROWS.forEach((y, r) => { if (DEAD.has(key(c, r))) return; const dd = Math.hypot(x - p.x, y - p.y); if (dd < bd) { bd = dd; best = [c, r]; } })); return best; }; const onMapClick = (e) => { const n = nearestNode(e); autoRef.current = false; clearTimeout(nextRef.current); if (!sel.awaiting) { runRef.current++; setTrip(null); setSel({ pickup: n, awaiting: true }); setPins(p => ({ ...p, a: n, b: null, na: p.na + 1 })); setReadout({ a: n, b: null, blocks: null }); setStatus(-1); setStatusLive('Pickup set at ' + nodeName(n) + '. Now choose a dropoff.'); setHint('Pickup set. Now tap a dropoff corner.'); } else if (key(...n) === key(...sel.pickup)) { setHint("That's the pickup corner. Pick a different one for dropoff."); } else { play(sel.pickup, n); setHint('Tap a corner to plan another trip.'); } }; const onMapMove = (e) => { if (e.pointerType !== 'mouse') return; const [x, y] = xy(nearestNode(e)); const g = ghostRef.current; g.setAttribute('cx', x); g.setAttribute('cy', y); g.setAttribute('opacity', 1); }; const onMapLeave = () => ghostRef.current.setAttribute('opacity', 0); const routeD = trip ? trip.path.map((n, i) => (i ? 'L' : 'M') + xy(n).join(' ')).join(' ') : ''; const pinEls = [ pins.a && , pins.b && , ]; const step = API_STEPS[Math.max(0, status)]; useEffect(() => { if (location.hash !== '#svl-waitlist') return; const t = setTimeout(() => { const w = document.getElementById('svl-waitlist'); if (w) w.scrollIntoView({ block: 'start' }); }, 600); return () => clearTimeout(t); }, []); const onRootClick = (e) => { const a = e.target.closest && e.target.closest('a[href^="#svl-"]'); const target = a && document.getElementById(a.getAttribute('href').slice(1)); if (!target) return; e.preventDefault(); target.scrollIntoView({ behavior: reduced() ? 'auto' : 'smooth', block: 'start' }); }; const [errors, setErrors] = useState({}); const [busy, setBusy] = useState(false); const [formError, setFormError] = useState(''); const [done, setDone] = useState(false); const [agreed, setAgreed] = useState(false); const [termsOpen, setTermsOpen] = useState(false); const [successText, setSuccessText] = useState("We'll email you when access opens near you."); const fieldRefs = { name: nameRef, email: emailRef }; const validate = (k) => { const msg = CHECKS[k](fieldRefs[k].current.value); setErrors(e => ({ ...e, [k]: msg })); return !msg; }; const onBlur = (k) => { if (fieldRefs[k].current.value) validate(k); }; const onInput = (k) => { if (errors[k]) validate(k); }; const onSubmit = async (e) => { e.preventDefault(); if (!agreed) return; const bad = ['name', 'email'].filter(k => !validate(k)); if (bad.length) { fieldRefs[bad[0]].current.focus(); return; } const data = new FormData(formRef.current); const payload = waitlistPayload(data); setFormError(''); setBusy(true); try { if (!WAITLIST_ENDPOINT) { await new Promise(r => { timerRef.current = setTimeout(r, 800); }); console.info('[waitlist] No endpoint configured; payload not sent:', payload); } else { const res = await fetch(WAITLIST_ENDPOINT, { method: 'POST', headers: { 'Content-Type': 'application/json', Accept: 'application/json' }, body: JSON.stringify(payload) }); if (!res.ok) throw new Error('HTTP ' + res.status); } if (WAITLIST_ENDPOINT) setSuccessText(`We'll email ${data.get('email').trim()} when access opens near ${(data.get('location') || '').trim() || 'you'}.`); else setSuccessText("This form isn't connected yet, so your details stayed in this browser tab."); setDone(true); } catch (ex) { console.error('[waitlist] submit failed', ex); setFormError("We couldn't save your pin just now. Check your connection and try again; your answers are still here."); } finally { setBusy(false); } }; useEffect(() => { if (done) successRef.current.focus(); }, [done]); useEffect(() => () => clearTimeout(timerRef.current), []); return (

Use cases

How it works

Builders

Docs

Get early access

Dispatch a robot{" "} for whatever you need

The Serve Delivery API lets developers and AI agents quote, dispatch and track sidewalk delivery robots with three REST calls. Test in the sandbox today.

Get early access Try the sandbox

Robots deployed

Neighborhoods

Calls from quote to curb

{readout.a && ( )}

{statusLive}

{hint}{readout.blocks != null && {readout.blocks} {readout.blocks === 1 ? 'block' : 'blocks'} · about {etaMin(readout.blocks)} min}

From coffee runs to app development inspo

Delivery API for AI agents and apps

Serve sidewalk robots specialize in local delivery. From dispatching a robot to get your morning matcha, fetch your dry cleaning, deliver a local package, and more, you can bring your code, or personal AI assistant, out of the virtual world and into the physical world, thanks to Serve sidewalk robots.

Illustrative use cases only. Not every use is available today. Availability depends on location, hours and what you're sending.

How it works

How the Serve Delivery API works: quote, create, track

Your app or agent asks for a quote, books a robot, and tracks it to the destination, all through Serve's APIs.

For builders

Delivery API quickstart and sandbox

You don't need to own a robot, run a fleet, or know robotics to deploy a Serve robot. Three calls take a delivery from idea to the pavement, and the sandbox lets you build before any commercial conversation.

Explore the sandbox View API reference

Quote, create, track

Get a quote, create the job, then poll it until the status reads dropoff_complete.

deliver.jsSandbox

{"const"}{" base = "}{"\"https://api.sandbox.serverobotics.com/v2/partners/YOUR_ID\""}{";\n"}{"const"}{" headers = { "}{"\"X-API-Key\""}{": process.env.SERVE_KEY,\n "}{"\"Content-Type\""}{": "}{"\"application/json\""}{" };\n"}{"const"}{" call = (path, body) => fetch(base + path, {\n method: body ? "}{"\"POST\""}{" : "}{"\"GET\""}{", headers,\n body: body && JSON.stringify(body),\n}).then(r => r.json());\n\n"}{"// 1. Quote: "}{codeRoute}{"\n"}{"const"}{" trip = {\n pickup: { location: { lat: "}{"37.4865"}{", lng: "}{"-122.2090"}{" } },\n dropoff: { location: { lat: "}{"37.4891"}{", lng: "}{"-122.2041"}{" } },\n};\n"}{"const"}{" quote = "}{"await"}{" call("}{"\"/quotes\""}{", trip);\n\n"}{"// 2. Create the job from the quote"}{"\n"}{"const"}{" job = "}{"await"}{" call("}{"\"/jobs\""}{", { ...trip, quote_id: quote.quote_id });\n\n"}{"// 3. Track it to the curb"}{"\n"}{"let"}{" status;\n"}{"do"}{" {\n "}{"await"}{" "}{"new"}{" Promise(r => setTimeout(r, "}{"5000"}{"));\n ({ status } = "}{"await"}{" call("}{"`/jobs/${job.delivery_id}`"}{"));\n} "}{"while"}{" (status !== "}{"\"dropoff_complete\""}{");"}

Example; see the API reference for exact fields.

A sandbox with simulated robots

Run the full delivery lifecycle against simulated robots. Nothing real leaves the curb.

api.sandbox.serverobotics.com

Rehearse the failures

Force any of the eight named rejections with simulate_rejection, instead of meeting them on a busy night.

{REJECTIONS.join(', ')}

A planned route you can draw

Fetch a job's planned route and put it on your own map.

Specs & details

Serve robot specs: capacity, sensors, navigation

Serve robots are cute, all-electric, autonomous robots. About the size of a shopping cart, they navigate complex human environments skillfully and courteously.

{SPECS.map(([title, text], i) =>
{title}
{text}
)}

Safety

Field-tested safety: 2,000+ robots, 150+ neighborhoods

With more than 2,000 delivery robots across more than 44 cities, in 150+ neighborhoods, in 14 states, and in Australia, Serve's robot fleet is a safe, field-tested way for you to dabble in bringing AI to the physical world.

See how our tech is designed to prioritize pedestrian safety, and help humans thrive with robots by their side.

Early access

Request early access to the Delivery API

We're opening up access to our robot fleet by invite, neighborhood by neighborhood.

Share a bit about yourself and what you're thinking of building, and we'll reach out when there's a spot for you.

{done ? :