// sixtyone.jsx — 61-Point Relaxation (Himalayan tradition / Swami Rama).
// Attention travels through 61 fixed points in sequence; rest at each and let it relax.
// Coordinates are in the standing BodyFigure viewBox: 300 × 660.
const SIX_HUE = '#7CC4FF'; // calm blue — the traditional "blue star" at each point
const SIX_CHIME = [261.63, 293.66, 329.63, 392.00, 440.00]; // C-pentatonic — a gentle, resolving cue
const SIX_INTRO = 'This is the sixty-one point relaxation, from the Himalayan tradition of Swami Rama. Your attention will travel through sixty-one points across the body, resting a breath at each. It calms the nervous system, deepens awareness of the body, and settles the mind for stillness. Lie down, let the breath be easy, and simply follow.';
// [x, y, label]. Sequence: brow → throat → right arm out & back → throat →
// left arm out & back → throat → chest/heart → navel → right leg → navel →
// left leg → navel → heart → throat → brow. Exactly 61 points.
const SIX_POINTS = [
[150, 48, 'eyebrow center'], // 1
[150, 114, 'hollow of the throat'], // 2
// right arm out (viewer-right) — shoulder→elbow→wrist→fingertips
[208, 160, 'right shoulder'], // 3
[240, 250, 'right elbow'], // 4
[252, 340, 'right wrist'], // 5
[270, 357, 'right thumb'], // 6
[264, 376, 'right index finger'], // 7
[256, 383, 'right middle finger'], // 8
[248, 382, 'right ring finger'], // 9
[242, 376, 'right little finger'], // 10
[252, 340, 'right wrist'], // 11
[240, 250, 'right elbow'], // 12
[208, 160, 'right shoulder'], // 13
[150, 114, 'hollow of the throat'], // 14
// left arm out (viewer-left)
[92, 160, 'left shoulder'], // 15
[60, 250, 'left elbow'], // 16
[48, 340, 'left wrist'], // 17
[18, 357, 'left thumb'], // 18
[24, 376, 'left index finger'], // 19
[32, 383, 'left middle finger'], // 20
[40, 382, 'left ring finger'], // 21
[46, 376, 'left little finger'], // 22
[48, 340, 'left wrist'], // 23
[60, 250, 'left elbow'], // 24
[92, 160, 'left shoulder'], // 25
[150, 114, 'hollow of the throat'], // 26
// chest / heart
[150, 172, 'center of the heart'], // 27
[184, 160, 'right side of the chest'], // 28
[150, 172, 'center of the heart'], // 29
[116, 160, 'left side of the chest'], // 30
[150, 172, 'center of the heart'], // 31
[150, 236, 'solar plexus'], // 32
[150, 270, 'navel center'], // 33
// right leg down & back
[180, 336, 'right side of the pelvis'], // 34
[186, 486, 'right knee'], // 35
[192, 584, 'right ankle'], // 36
[206, 614, 'right big toe'], // 37
[199, 618, 'right second toe'], // 38
[193, 620, 'right middle toe'], // 39
[187, 620, 'right fourth toe'], // 40
[181, 617, 'right little toe'], // 41
[192, 584, 'right ankle'], // 42
[186, 486, 'right knee'], // 43
[180, 336, 'right side of the pelvis'], // 44
[150, 270, 'navel center'], // 45
// left leg down & back
[120, 336, 'left side of the pelvis'], // 46
[114, 486, 'left knee'], // 47
[108, 584, 'left ankle'], // 48
[94, 614, 'left big toe'], // 49
[101, 618, 'left second toe'], // 50
[107, 620, 'left middle toe'], // 51
[113, 620, 'left fourth toe'], // 52
[119, 617, 'left little toe'], // 53
[108, 584, 'left ankle'], // 54
[114, 486, 'left knee'], // 55
[120, 336, 'left side of the pelvis'], // 56
// return up the center
[150, 340, 'center of the pelvis'], // 57
[150, 270, 'navel center'], // 58
[150, 172, 'center of the heart'], // 59
[150, 114, 'hollow of the throat'], // 60
[150, 48, 'eyebrow center'], // 61
];
function SixtyOneScreen({ vp, audio, onExit }) {
const C = MT_COLORS;
const voice = useVoice();
const PACES = [{ s: 2.5, t: 'Gentle', sub: '~2½ min' }, { s: 4, t: 'Slow', sub: '~4 min' }, { s: 6, t: 'Deep', sub: '~6 min' }];
const [stage, setStage] = React.useState('intro'); // intro | live | done
const [pace, setPace] = React.useState(4);
const [voiceOn, setVoiceOn] = React.useState(true);
const [idx, setIdx] = React.useState(0);
const [paused, setPaused] = React.useState(false);
const [warming, setWarming] = React.useState(false); // intro voice playing before points begin
const [chimeOn, setChimeOn] = React.useState(true);
const chimeRef = React.useRef(true);
React.useEffect(() => { chimeRef.current = chimeOn; }, [chimeOn]);
const idxRef = React.useRef(0);
const accRef = React.useRef(0);
const lastRef = React.useRef(0);
const pausedRef = React.useRef(false);
React.useEffect(() => { pausedRef.current = paused; }, [paused]);
const land = vp.landscape;
const total = SIX_POINTS.length;
function speakPoint(n) {
if (!voiceOn || !voice.supported) return;
const label = SIX_POINTS[n][2];
voice.speak('Relax the ' + label + '.');
}
// advance through points on an interval, paced — an optional spoken
// intro plays first (what it is + why), with soft ambient underneath
React.useEffect(() => {
if (stage !== 'live') return;
audio.bell(528);
if (audio.fade) audio.fade(0.16, 4); // soothing background drone for the whole practice
idxRef.current = 0; accRef.current = 0; lastRef.current = performance.now();
setIdx(0);
const useIntro = voiceOn && voice.supported;
let started = !useIntro;
if (useIntro) { setWarming(true); voice.speak(SIX_INTRO); } else { speakPoint(0); }
const introMs = useIntro ? 31000 : 0; // full ~27s intro, then a few seconds of silence before point 1
const t0 = performance.now();
const id = setInterval(() => {
const now = performance.now();
const dt = Math.min(500, now - lastRef.current); lastRef.current = now;
if (pausedRef.current) { return; }
if (!started) {
if (now - t0 >= introMs) { started = true; setWarming(false); audio.bell(432); speakPoint(0); }
return;
}
accRef.current += dt;
if (accRef.current >= pace * 1000) {
accRef.current = 0;
const next = idxRef.current + 1;
if (next >= total) {
clearInterval(id);
if (audio.fade) audio.fade(0, 2.5);
audio.bell(396);
setStage('done');
return;
}
idxRef.current = next;
setIdx(next);
if (chimeRef.current && audio.chime) audio.chime(SIX_CHIME[next % SIX_CHIME.length], 0.045);
speakPoint(next);
}
}, 60);
return () => { clearInterval(id); if (audio.fade) audio.fade(0, 2); voice.cancel && voice.cancel(); };
// eslint-disable-next-line
}, [stage, pace]);
React.useEffect(() => () => { voice.cancel && voice.cancel(); }, []); // eslint-disable-line
// ── intro ──
if (stage === 'intro') {
return (
Himalayan tradition · Swami Rama
61-Point Relaxation
Attention travels through 61 points across the body, in a fixed path — brow, throat, out each arm to the fingertips, the chest and heart, down each leg to the toes, and back.
Rest at each point for a breath. Feel a cool point of light there, and let it soften. Lie down or sit — and simply follow.
Pace
{PACES.map(p => {
const on = pace === p.s;
return (
);
})}