-----
[[09-08|25-09-08]]
- ๐๏ธread opponent's shoulder
- miss front swing: limited angle + ?
- racket as my extended body
- ๐wrap thumb, โ๏ธtriggering index
- ๐ค indiana johnes whip hand, not โ๏ธthor hammer hand
- 85~90% jab power like ๐ฅ boxing
- keep calm and don't go crazy
- step:
- service line ๐ฆcrab chest front
- baseline ๐
tiger calm
todo: more how to translate ๐ชฌ
๋ญ๋ง๊ฑฐ๋ถ์ด ์
----
[[09-01|25-09-01]]
space
front
balance
----
![[2025-07-20-17]]
Fig. Angie serves in A,C.
์ ๋ต๋ฆฌ์คํธ
1. A
## 2025
three lessons from playing with suhong, meiko, alex, steve
1. ๐งฒmagnet: ์๋๋ฐฉ ๋ชธ์ ๊ฐ๋์ ๋ด ๊ฐ๋๋ฅผ ๋ง์ถ์. ๋คํธ ์๋ํธ ์ผ์ง์ ์น๋ ํ๊ท ๊ฐ๋
2. ์๋ธ์ ์๋๊ฐ ์ฝํ ์ชฝ์ผ๋ก ๊ณต๋ณด๋ด๊ธฐ - ๋ฐฑํธ๋๊ฐ ์ฝํ๋ฉด
3. steve's serve posture was interesting - ์ฒ์์ ๊ณต์ ํ๊ธธ๋, ๋ชธํต์ ์์ผ๋ก ๊ตฝํ๋ฉด์ ์ค๋ฅธ์ชฝ ํ์ ํ๊ป ๋ค๋ก ๋นผ๋ ๋์์ด ํฅ๋ฏธ๋ก์ ๋ค. ์ค๋ฅธ์ชฝ ํ์ ๋ค์ ์์ผ๋ก ๋์ด์๊ธฐ๋๋ฌธ์ ๊ฒฝ์ ์ฑ์ ์๋๋ฏํ๋ฐ, ๊ท ํ์ ์ก๊ธฐ ์ํจ์ด๋ผ๋ฉด ๋ฉ๋.
4.
## 2019
๋ชธํต ํ์
์คํ๋ฆฟ ์คํ
์ข ๋ฌ ๊ณต
์คํ
์ ๋ฐ์๊ฒ, ๋คํธ ๋ง์ง๋ฉด x
---
# ๐พ BEAM Tennis System - Simple Version
*Updated: 2025-01-27*
## ๐ธ Quick Visual Guide (Player's View)
<svg viewBox="0 0 400 600" xmlns="http://www.w3.org/2000/svg">
<!-- Tennis Court from Player's Perspective -->
<defs>
<linearGradient id="courtGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#6b8e6b;stop-opacity:1" />
<stop offset="100%" style="stop-color:#527a52;stop-opacity:1" />
</linearGradient>
</defs>
<!-- Court Background -->
<rect width="400" height="600" fill="url(#courtGradient)"/>
<!-- Court Lines (Player's Perspective) -->
<!-- Net (far) -->
<line x1="50" y1="150" x2="350" y2="150" stroke="white" stroke-width="3"/>
<line x1="200" y1="150" x2="200" y2="151" stroke="white" stroke-width="8"/> <!-- net post -->
<!-- Service Line -->
<line x1="80" y1="300" x2="320" y2="300" stroke="white" stroke-width="2"/>
<!-- Baseline (near - where player stands) -->
<line x1="0" y1="550" x2="400" y2="550" stroke="white" stroke-width="3"/>
<!-- Center Service Line -->
<line x1="200" y1="300" x2="200" y2="550" stroke="white" stroke-width="2"/>
<!-- Singles Sidelines (perspective) -->
<line x1="80" y1="300" x2="40" y2="550" stroke="white" stroke-width="2"/>
<line x1="320" y1="300" x2="360" y2="550" stroke="white" stroke-width="2"/>
<!-- Doubles Sidelines -->
<line x1="50" y1="150" x2="0" y2="550" stroke="white" stroke-width="1" opacity="0.5"/>
<line x1="350" y1="150" x2="400" y2="550" stroke="white" stroke-width="1" opacity="0.5"/>
<!-- BEAM Animals positioned for player view -->
<!-- ๐ข FEET (Bottom - where player stands) -->
<g id="turtle">
<circle cx="200" cy="500" r="45" fill="white" stroke="#2e7d32" stroke-width="3"/>
<text x="200" y="490" font-size="30" text-anchor="middle">๐ข</text>
<text x="200" y="510" font-size="11" font-weight="bold" text-anchor="middle" fill="#2e7d32">FEET</text>
<text x="200" y="525" font-size="9" text-anchor="middle" fill="#2e7d32">Calm & Balanced</text>
</g>
<!-- ๐
EYES (Service Line Left - Elegant Timing) -->
<g id="tiger">
<circle cx="120" cy="300" r="35" fill="white" stroke="#d84315" stroke-width="3"/>
<text x="120" y="295" font-size="25" text-anchor="middle">๐
</text>
<text x="120" y="310" font-size="10" font-weight="bold" text-anchor="middle" fill="#d84315">EYES</text>
<text x="120" y="322" font-size="8" text-anchor="middle" fill="#d84315">Elegant Timing</text>
</g>
<!-- ๐ ARMS (Service Line Right - Flexible Control) -->
<g id="octopus">
<circle cx="280" cy="300" r="35" fill="white" stroke="#1565c0" stroke-width="3"/>
<text x="280" y="295" font-size="25" text-anchor="middle">๐</text>
<text x="280" y="310" font-size="10" font-weight="bold" text-anchor="middle" fill="#1565c0">ARMS</text>
<text x="280" y="322" font-size="8" text-anchor="middle" fill="#1565c0">Flexible Touch</text>
</g>
<!-- ๐พ MIND (Net area - Smart Tricks) -->
<g id="alien">
<circle cx="200" cy="180" r="30" fill="white" stroke="#6a1b9a" stroke-width="3"/>
<text x="200" y="178" font-size="22" text-anchor="middle">๐พ</text>
<text x="200" y="190" font-size="9" font-weight="bold" text-anchor="middle" fill="#6a1b9a">MIND</text>
<text x="200" y="200" font-size="7" text-anchor="middle" fill="#6a1b9a">Smart Tricks</text>
</g>
<!-- Title -->
<text x="200" y="30" font-size="24" font-weight="bold" text-anchor="middle" fill="white">BEAM TENNIS</text>
<!-- Simple Commands at bottom -->
<g id="commands">
<rect x="10" y="560" width="90" height="30" fill="white" stroke="#2e7d32" stroke-width="2" rx="5"/>
<text x="55" y="578" font-size="10" font-weight="bold" text-anchor="middle" fill="#2e7d32">Stay Low</text>
<rect x="105" y="560" width="90" height="30" fill="white" stroke="#d84315" stroke-width="2" rx="5"/>
<text x="150" y="578" font-size="10" font-weight="bold" text-anchor="middle" fill="#d84315">Read Fast</text>
<rect x="205" y="560" width="90" height="30" fill="white" stroke="#1565c0" stroke-width="2" rx="5"/>
<text x="250" y="578" font-size="10" font-weight="bold" text-anchor="middle" fill="#1565c0">Whip It</text>
<rect x="300" y="560" width="90" height="30" fill="white" stroke="#6a1b9a" stroke-width="2" rx="5"/>
<text x="345" y="578" font-size="10" font-weight="bold" text-anchor="middle" fill="#6a1b9a">Surprise!</text>
</g>
<!-- Player Position Indicator -->
<circle cx="200" cy="500" r="3" fill="#ff6b6b" opacity="0.8"/>
<text x="200" y="540" font-size="8" text-anchor="middle" fill="white" opacity="0.7">YOU ARE HERE</text>
</svg>
## ๐ฏ The Simple BEAM Formula
### ๐ข **FEET** - ๋ญ๋ง๊ฑฐ๋ถ์ด (Calm & Balanced)
- **Wide stance** like a turtle's stable base
- **Low center** of gravity
- **Smooth steps** between shots
- Command: **"Stay Low"**
### ๐
**EYES** - ์ธ๋ จํธ๋์ด (Elegant Timing)
- **Track the ball** with tiger's focus
- **Read shoulders** for elegant anticipation
- **Perfect timing** like a sophisticated hunter
- Command: **"Read Fast"**
### ๐ **ARMS** - ์ ์ ๋ฌธ์ด (Flexible Touch)
- **Whip motion** like octopus tentacles
- **Soft grip** that tightens at impact
- **Multiple angles** from same position
- Command: **"Whip It"**
### ๐พ **MIND** - ๋๋์ธ๊ณ์ธ (Smart Tricks)
- **Clever patterns** to confuse opponents
- **Smart surprises** at key moments
- **Creative shots** when least expected
- Command: **"Surprise!"**
## ๐ซ One-Line Memory Aid
> **"Turtle Feet, Tiger Eyes, Octopus Arms, Alien Mind"**
---
# ๐พ BEAM Tennis Strategic System 2.0 (Detailed Version)
*Updated: 2025-01-27*
## ํต์ฌ ์ฒ ํ: ์ฌ์ ๋ํ ๊ธฐ๋ฐ ํ
๋์ค ์ฒด๊ณ
๋ญ๋ง๊ฑฐ๋ถ์ด ์(๐ข), ์ธ๋ จํธ๋์ด ์ง(๐
), ์ ์ ๋ฌธ์ด ์ฉ(๐), ๋๋์ธ๊ณ์ธ ํ(๐พ)์ ํน์ฑ์ ํ
๋์ค ๊ธฐ์ ์ ์ฒดํ์ํจ ์ ๋ต์ ํ๋ ์์ํฌ
## ๐ BEAM System Overview
**B**ase โข **E**yes โข **A**rms โข **M**ind
### ํต์ฌ ๋งตํ
- ๐ข **BASE** (๋ญ๋ง๊ฑฐ๋ถ์ด ์) โ Body & Balance / ํ์ฒด์ ๊ท ํ
- ๐
**EYES** (์ธ๋ จํธ๋์ด ์ง) โ Eye-Brain Connection / ์์ ๊ณผ ์์ธก
- ๐ **ARMS** (์ ์ ๋ฌธ์ด ์ฉ) โ Arm-Act Execution / ๋ผ์ผ ์ปจํธ๋กค
- ๐พ **MIND** (๋๋์ธ๊ณ์ธ ํ) โ Strategic Innovation / ์ ๋ต๊ณผ ์ฐฝ์
---
## ๐ข BASE โ The Righteous Foundation
### ํต์ฌ: ํ์ฒด ์์ ์ฑ๊ณผ ์ฒด์ค ์ด๋
### ํ๋ก ๋ชจ๋ธ: Rafael Nadal์ wide base stance
#### ๐ฆต ๊ตฌ์ฒด์ ๊ธฐ์ ํฌ์ธํธ
- **์คํ ์ค**: ์ด๊นจ ๋๋น 1.5๋ฐฐ, ๋ฌด๋ฆ 45๋ ๊ตฝํ
- **์ฒด์ค ์ด๋**: ๋ค๊ฟ์น โ ์๊ฟ์น (๋ฐฑํธ๋: 60-40, ํฌํธ๋: 70-30)
- **์คํ๋ฆฟ ์คํ
**: ์๋ ํ๊ฒฉ 0.3์ด ์ , 5cm ์ ํ
- **Recovery**: ํ๊ฒฉ ํ 2์คํ
๋ด ์ผํฐ ๋ณต๊ท
- **85-90% ํ์**: ์ต๋ ์ค์์ 15% ์ฌ์ = ์ปจํธ๋กค + ์ง๊ตฌ๋ ฅ
#### โ
์ฒดํฌํฌ์ธํธ
- [ ] ๋ฐ๊ฐ๋ฝ์ด ์๋ ๋ฐ ์ ์ฒด๋ก ์ฐฉ์งํ๋๊ฐ?
- [ ] ํ๊ฒฉ ์ ์๋ฐ์ด ๊ณต ๋ฐฉํฅ์ ํฅํ๋๊ฐ?
- [ ] ๋งค ์ท ํ ์ผํฐ๋งํฌ๊ฐ ๋ณด์ด๋๊ฐ?
#### ๐ฏ ์๊ธฐ ๊ตฌํธ: **"Low and Slow"** (๋ฎ๊ณ ์ฒ์ฒํ)
---
## ๐
EYES โ The Wise Observer
### ํต์ฌ: ์์ ์ถ์ ๊ณผ ์์ธก
### ํ๋ก ๋ชจ๋ธ: Novak Djokovic์ return positioning
#### ๐๏ธ ๊ตฌ์ฒด์ ๊ธฐ์ ํฌ์ธํธ
- **3-Point Eye Track**:
1. ์๋ ํ ์ค โ 2. Contact point โ 3. ๋ด ํ์
- **Shoulder Reading**: ์๋ ์ด๊นจ๊ฐ 30ยฐ = ํฌ๋ก์ค, 0ยฐ = ๋ค์ด๋๋ผ์ธ
- **Split-Second Timing**:
- ์๋ธ: ํ ์ค ์ต๊ณ ์ ์์ ์์ ๊ณ ์
- ๊ทธ๋ผ์ด๋: ๋ฐ์ด๋ ์ 0.5์ด ์์ธก ํฌ์ง์
- **Zone Coverage**: ์ฝํธ๋ฅผ 9๊ตฌ์ญ์ผ๋ก ๋๋ ์๊ฐํ
#### โ
์ฒดํฌํฌ์ธํธ
- [ ] ๊ณต์ด ๋ผ์ผ์ ๋ ๋ ๋๊น์ง ๋ณด๋๊ฐ?
- [ ] ์๋ ์ด๊นจ-ํ ๋ผ์ธ์ ์ฝ์๋๊ฐ?
- [ ] ๊ณต์ ํ์ ๋ฐฉํฅ์ 3m ์ ์ ํ์
ํ๋๊ฐ?
#### ๐ฏ ์๊ธฐ ๊ตฌํธ: **"Track and Attack"** (์ถ์ ํ๊ณ ๊ณต๊ฒฉ)
---
## ๐ ARMS โ The Brave Executor
### ํต์ฌ: ๋ผ์ผ ํค๋ ์ปจํธ๋กค๊ณผ ์คํ
### ํ๋ก ๋ชจ๋ธ: Roger Federer์ wrist flexibility
#### ๐พ ๊ตฌ์ฒด์ ๊ธฐ์ ํฌ์ธํธ
- **Grip Pressure Scale** (1-10):
- Waiting: 3-4 (loose)
- Impact: 7-8 (firm)
- Follow-through: 5 (relaxed)
- **Racket as Extension**:
- Continental โ Eastern โ Semi-Western ์ ํ 0.2์ด
- Wrist lag โ Snap sequence
- ๐ Thumb wrap: ์์ ์ฑ, โ๏ธ Index trigger: ๋ฐฉํฅ์ฑ
- **Spin Variations**:
- Topspin: ๋ผ์ผ๋ฉด 70ยฐ โ 90ยฐ (low to high)
- Slice: ๋ผ์ผ๋ฉด 110ยฐ โ 90ยฐ (high to low)
- Flat: ๋ผ์ผ๋ฉด 90ยฐ ์ ์ง
#### โ
์ฒดํฌํฌ์ธํธ
- [ ] ๊ทธ๋ฆฝ ์ ํ์ด ์๋ํ๋์๋๊ฐ?
- [ ] ์ํฉํธ ์๊ฐ ๋ผ์ผ๋ฉด์ด ์ ํํ๊ฐ?
- [ ] ์๋ชฉ์ด ๊ณผ๋ํ๊ฒ ๊ธด์ฅ๋์ง ์์๋๊ฐ?
#### ๐ฏ ์๊ธฐ ๊ตฌํธ: **"Grip and Rip"** (์ก๊ณ ํ๋๋ฅด๊ธฐ)
---
## ๐พ MIND โ The Strategic Genius
### ํต์ฌ: ํจํด ํ๊ดด์ ์ฆํฅ ์ ์
### ํ๋ก ๋ชจ๋ธ: Nick Kyrgios์ unpredictability
#### ๐ง ๊ตฌ์ฒด์ ๊ธฐ์ ํฌ์ธํธ
- **Pattern Breaking**:
- 3-ball pattern ํ ์๋์ ๋ณํ
- 80% ๋ฃจํด + 20% surprise
- Underarm serve, drop shot ํ์ด๋ฐ
- **Court Geometry**:
- ๋๊ฐ์ ์ต์ฅ ๊ฑฐ๋ฆฌ: 82.5 feet ํ์ฉ
- Net clearance: ์ค์ 3ft vs ์ฌ์ด๋ 3.5ft
- Inside-out angle: ๊ธฐ์กด ๊ฐ๋ +15ยฐ
- **Momentum Shifts**:
- 3์ฐ์ ํฌ์ธํธ = ์ ์ ๋ณ๊ฒฝ ์๊ทธ๋
- ์๋ first serve % < 50% = ๊ณต๊ฒฉ ๋ชจ๋
- Deuce court vs Ad court ๋ณ ์ ๋ต
#### โ
์ฒดํฌํฌ์ธํธ
- [ ] ์ต๊ทผ 5ํฌ์ธํธ ํจํด์ ๊ธฐ์ตํ๋๊ฐ?
- [ ] ์๋์ ๋ถํธํ ์ง์ ์ ์ฐพ์๋๊ฐ?
- [ ] Plan B, C๊ฐ ์ค๋น๋์ด ์๋๊ฐ?
#### ๐ฏ ์๊ธฐ ๊ตฌํธ: **"Break and Make"** (๋ถ์๊ณ ๋ง๋ค๊ธฐ)
---
## ๐ฏ BEAM System - ์ค์ ํตํฉ
### ๐ ์ํฉ๋ณ ๋๋ฌผ ์กฐํฉ
| ๊ฒ์ ์ํฉ | ์ฃผ ๋๋ฌผ | ๋ณด์กฐ ๋๋ฌผ | ์คํ ํค |
|----------|---------|----------|---------|
| **์๋ธ ๋ฆฌ์๋ธ** | ๐
Eyes | ๐ข Base | "See-Split-Set" |
| **๋ฒ ์ด์ค๋ผ์ธ ๋ ๋ฆฌ** | ๐ข Base | ๐ Arms | "Stay-Spin-Steady" |
| **์ดํ๋ก์น ์ท** | ๐
Eyes | ๐พ Mind | "Read-Rush-Redirect" |
| **๋คํธ ๋ฐ๋ฆฌ** | ๐ Arms | ๐
Eyes | "Touch-Track-Tap" |
| **์๊ธฐ ์ํฉ** | ๐พ Mind | ๐ข Base | "Reset-Breathe-Surprise" |
### ๐ ๊ธฐ์ ๋ ๋ฒจ๋ณ ์ฐ์ ์์
**Beginner (NTRP 2.5-3.0)**
- ๐ข 70% + ๐
20% + ๐ 10% + ๐พ 0%
- Focus: ์คํ๋ฆฟ ์คํ
, ์ฒด์ค ์ด๋, ๊ณต ์ถ์
**Intermediate (NTRP 3.5-4.0)**
- ๐ข 40% + ๐
30% + ๐ 25% + ๐พ 5%
- Focus: ์๋ ์ฝ๊ธฐ, ๊ทธ๋ฆฝ ์ ํ, ๊ธฐ๋ณธ ์คํ
**Advanced (NTRP 4.5-5.0)**
- ๐ข 25% + ๐
25% + ๐ 30% + ๐พ 20%
- Focus: ์ ๋ฐ ์ปจํธ๋กค, ๋ค์ํ ์คํ, ์ ์ ๋ณํ
**Expert (NTRP 5.5+)**
- ๐ข 20% + ๐
20% + ๐ 30% + ๐พ 30%
- Focus: ์๊ฐ ์ ์, ํจํด ํ๊ดด, ์ฌ๋ฆฌ์
---
## ๐ Pre-Match Activation Sequence
```
1. [๐ข] Wide stance bouncing - 30์ด
2. [๐
] Eye tracking drill (near-far) - 20์ด
3. [๐] Grip changes (C-E-W) - 10ํ
4. [๐พ] Visualize 3 surprise plays
```
## ๐ In-Match Reset Protocol
**Between Points (20์ด)**
- Breath: 4-7-8 (inhale-hold-exhale)
- Check: Feet position (๐ข)
- Look: Opponent's position (๐
)
- Feel: Grip pressure reset (๐)
- Plan: Next 2 shots (๐พ)
---
## ๐พ The BEAM Mantra
> **"Base like a Turtle โ steady as mountains**
> **Eyes like a Tiger โ seeing all patterns**
> **Arms like an Octopus โ flowing like water**
> **Mind like an Alien โ boundless as space"**
### ํต์ฌ ์๊ธฐ ๊ตฌํธ
- ๐ข "Low and Slow" (๋ฎ๊ณ ์ฒ์ฒํ)
- ๐
"Track and Attack" (์ถ์ ํ๊ณ ๊ณต๊ฒฉ)
- ๐ "Grip and Rip" (์ก๊ณ ํ๋๋ฅด๊ธฐ)
- ๐พ "Break and Make" (๋ถ์๊ณ ๋ง๋ค๊ธฐ)
---
## ๐ฑ Visual Memory Tool
์๋ HTML ์ฝ๋๋ฅผ ๋ณ๋ ํ์ผ๋ก ์ ์ฅํ์ฌ ์ค๋งํธํฐ์ด๋ ํ๋ธ๋ฆฟ์์ ์ฌ์ฉํ์ธ์.
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BEAM Tennis Strategic System</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Georgia', serif;
background: #f5f5f0;
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
}
.container {
background: white;
border: 2px solid #2c3e50;
padding: 40px;
max-width: 900px;
width: 100%;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.title {
text-align: center;
font-size: 2.5em;
margin-bottom: 10px;
color: #2c3e50;
font-weight: normal;
letter-spacing: 4px;
}
.subtitle {
text-align: center;
color: #7f8c8d;
margin-bottom: 10px;
font-style: italic;
font-size: 1.1em;
}
.philosophy {
text-align: center;
color: #34495e;
margin-bottom: 30px;
font-size: 0.9em;
letter-spacing: 1px;
}
.court-container {
position: relative;
width: 100%;
height: 450px;
background: #527a52;
border: 3px solid white;
margin-bottom: 30px;
overflow: hidden;
}
.court-lines {
position: absolute;
width: 100%;
height: 100%;
}
.baseline {
position: absolute;
width: 100%;
height: 2px;
background: white;
bottom: 30px;
}
.service-line {
position: absolute;
width: 100%;
height: 2px;
background: white;
bottom: 170px;
}
.net {
position: absolute;
width: 100%;
height: 2px;
background: white;
top: 50%;
transform: translateY(-50%);
box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
.center-line {
position: absolute;
width: 2px;
height: 280px;
background: white;
left: 50%;
bottom: 30px;
transform: translateX(-50%);
}
.animal-zone {
position: absolute;
border-radius: 50%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.3s ease;
background: white;
box-shadow: 0 3px 10px rgba(0,0,0,0.2);
}
.animal-zone:hover {
transform: scale(1.05);
box-shadow: 0 5px 20px rgba(0,0,0,0.3);
}
.turtle-zone {
width: 110px;
height: 110px;
bottom: 40px;
left: 50%;
transform: translateX(-50%);
border: 3px solid #2e7d32;
color: #2e7d32;
}
.tiger-zone {
width: 90px;
height: 90px;
bottom: 150px;
left: 25%;
border: 3px solid #d84315;
color: #d84315;
}
.octopus-zone {
width: 90px;
height: 90px;
bottom: 150px;
right: 25%;
border: 3px solid #1565c0;
color: #1565c0;
}
.alien-zone {
width: 80px;
height: 80px;
top: 100px;
left: 50%;
transform: translateX(-50%);
border: 3px solid #6a1b9a;
color: #6a1b9a;
}
.animal-icon {
font-size: 2.2em;
margin-bottom: 5px;
}
.animal-label {
font-size: 0.75em;
font-weight: bold;
letter-spacing: 1px;
}
.info-panel {
display: none;
padding: 25px;
background: #fafafa;
border: 1px solid #ddd;
margin-top: 20px;
animation: fadeIn 0.3s ease;
}
.info-panel.active {
display: block;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.info-title {
font-size: 1.4em;
margin-bottom: 15px;
display: flex;
align-items: center;
gap: 10px;
color: #2c3e50;
border-bottom: 2px solid;
padding-bottom: 10px;
}
.info-title.turtle { border-color: #2e7d32; }
.info-title.tiger { border-color: #d84315; }
.info-title.octopus { border-color: #1565c0; }
.info-title.alien { border-color: #6a1b9a; }
.info-content {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 25px;
margin-top: 20px;
}
.info-box {
padding: 20px;
background: white;
border: 1px solid #e0e0e0;
}
.info-box h3 {
margin-bottom: 12px;
color: #2c3e50;
font-size: 1.1em;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 1px;
}
.info-box ul {
list-style: none;
padding-left: 0;
}
.info-box li {
padding: 5px 0;
color: #555;
font-size: 0.95em;
border-bottom: 1px dotted #e0e0e0;
}
.info-box li:last-child {
border-bottom: none;
}
.info-box li:before {
content: "โข ";
color: #999;
margin-right: 5px;
}
.strategic-wisdom {
text-align: center;
padding: 25px;
background: #2c3e50;
color: white;
margin-top: 30px;
font-size: 1.15em;
line-height: 1.8;
letter-spacing: 1px;
}
.wisdom-title {
font-size: 0.8em;
text-transform: uppercase;
margin-bottom: 10px;
opacity: 0.8;
letter-spacing: 2px;
}
.command-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 15px;
margin-top: 25px;
}
.command-card {
text-align: center;
padding: 20px 10px;
background: white;
border: 2px solid;
transition: all 0.2s;
}
.command-card:hover {
transform: translateY(-3px);
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.command-card.turtle { border-color: #2e7d32; color: #2e7d32; }
.command-card.tiger { border-color: #d84315; color: #d84315; }
.command-card.octopus { border-color: #1565c0; color: #1565c0; }
.command-card.alien { border-color: #6a1b9a; color: #6a1b9a; }
.command-icon {
font-size: 2em;
margin-bottom: 8px;
}
.command-text {
font-size: 0.85em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
}
.command-sub {
font-size: 0.75em;
margin-top: 5px;
opacity: 0.8;
font-style: italic;
}
@media (max-width: 768px) {
.info-content {
grid-template-columns: 1fr;
}
.command-grid {
grid-template-columns: repeat(2, 1fr);
}
}
</style>
</head>
<body>
<div class="container">
<h1 class="title">BEAM SYSTEM</h1>
<p class="subtitle">Base โข Eyes โข Arms โข Mind</p>
<p class="philosophy">"Victory through Righteous Strategy"</p>
<div class="court-container">
<div class="court-lines">
<div class="baseline"></div>
<div class="service-line"></div>
<div class="net"></div>
<div class="center-line"></div>
</div>
<div class="animal-zone turtle-zone" onclick="showInfo('turtle')">
<span class="animal-icon">๐ข</span>
<span class="animal-label">BASE</span>
</div>
<div class="animal-zone tiger-zone" onclick="showInfo('tiger')">
<span class="animal-icon">๐
</span>
<span class="animal-label">EYES</span>
</div>
<div class="animal-zone octopus-zone" onclick="showInfo('octopus')">
<span class="animal-icon">๐</span>
<span class="animal-label">ARMS</span>
</div>
<div class="animal-zone alien-zone" onclick="showInfo('alien')">
<span class="animal-icon">๐พ</span>
<span class="animal-label">MIND</span>
</div>
</div>
<div id="turtle-info" class="info-panel">
<div class="info-title turtle">
<span>๐ข</span> BASE โ The Righteous Foundation
</div>
<div class="info-content">
<div class="info-box">
<h3>Technical Discipline</h3>
<ul>
<li>Stance: 1.5x shoulder width</li>
<li>Knee bend: 45 degrees</li>
<li>Weight transfer: back to front</li>
<li>Split step: 0.3 sec before contact</li>
<li>Center recovery: within 2 steps</li>
</ul>
</div>
<div class="info-box">
<h3>Strategic Wisdom</h3>
<ul>
<li><strong>Command: "Low and Slow"</strong></li>
<li>Maintain 85-90% power reserve</li>
<li>Patience defeats haste</li>
<li>Foundation precedes victory</li>
<li>Every shot returns to center</li>
</ul>
</div>
</div>
</div>
<div id="tiger-info" class="info-panel">
<div class="info-title tiger">
<span>๐
</span> EYES โ The Wise Observer
</div>
<div class="info-content">
<div class="info-box">
<h3>Technical Discipline</h3>
<ul>
<li>3-Point tracking system</li>
<li>Shoulder angle reading</li>
<li>0.5 sec anticipation window</li>
<li>Spin detection at 3m</li>
<li>Zone coverage mapping</li>
</ul>
</div>
<div class="info-box">
<h3>Strategic Wisdom</h3>
<ul>
<li><strong>Command: "Track and Attack"</strong></li>
<li>Observe deeply, strike precisely</li>
<li>30ยฐ shoulder = crosscourt</li>
<li>0ยฐ shoulder = down the line</li>
<li>The eye commands the body</li>
</ul>
</div>
</div>
</div>
<div id="octopus-info" class="info-panel">
<div class="info-title octopus">
<span>๐</span> ARMS โ The Brave Executor
</div>
<div class="info-content">
<div class="info-box">
<h3>Technical Discipline</h3>
<ul>
<li>Grip pressure: 3โ7โ5 sequence</li>
<li>Grip transition: 0.2 seconds</li>
<li>Wrist lag to snap timing</li>
<li>Racket face precision</li>
<li>Spin variation control</li>
</ul>
</div>
<div class="info-box">
<h3>Strategic Wisdom</h3>
<ul>
<li><strong>Command: "Grip and Rip"</strong></li>
<li>Whip motion, not hammer</li>
<li>Racket extends the spirit</li>
<li>Economy in motion</li>
<li>Touch reveals mastery</li>
</ul>
</div>
</div>
</div>
<div id="alien-info" class="info-panel">
<div class="info-title alien">
<span>๐พ</span> MIND โ The Strategic Genius
</div>
<div class="info-content">
<div class="info-box">
<h3>Technical Discipline</h3>
<ul>
<li>Pattern recognition system</li>
<li>80% routine, 20% surprise</li>
<li>Weakness identification</li>
<li>Momentum shift timing</li>
<li>Multiple strategy preparation</li>
</ul>
</div>
<div class="info-box">
<h3>Strategic Wisdom</h3>
<ul>
<li><strong>Command: "Break and Make"</strong></li>
<li>Disrupt patterns strategically</li>
<li>Create from chaos</li>
<li>Victory through innovation</li>
<li>The unexpected prevails</li>
</ul>
</div>
</div>
</div>
<div class="strategic-wisdom">
<div class="wisdom-title">The Way of Strategic Tennis</div>
"Base like a Turtle โ steady as mountains<br>
Eyes like a Tiger โ seeing all patterns<br>
Arms like an Octopus โ flowing like water<br>
Mind like an Alien โ boundless as space"
</div>
<div class="command-grid">
<div class="command-card turtle">
<div class="command-icon">๐ข</div>
<div class="command-text">Low & Slow</div>
<div class="command-sub">Righteous Foundation</div>
</div>
<div class="command-card tiger">
<div class="command-icon">๐
</div>
<div class="command-text">Track & Attack</div>
<div class="command-sub">Wise Observation</div>
</div>
<div class="command-card octopus">
<div class="command-icon">๐</div>
<div class="command-text">Grip & Rip</div>
<div class="command-sub">Brave Execution</div>
</div>
<div class="command-card alien">
<div class="command-icon">๐พ</div>
<div class="command-text">Break & Make</div>
<div class="command-sub">Strategic Innovation</div>
</div>
</div>
</div>
<script>
let currentInfo = null;
function showInfo(animal) {
const allPanels = document.querySelectorAll('.info-panel');
allPanels.forEach(panel => panel.classList.remove('active'));
const selectedPanel = document.getElementById(animal + '-info');
if (currentInfo === animal) {
currentInfo = null;
} else {
selectedPanel.classList.add('active');
currentInfo = animal;
}
}
</script>
</body>
</html>
```
---
## ๐ References & Acknowledgments
- ์ฌ์ ๋ํ ํ๋ ์์ํฌ ๊ธฐ๋ฐ
- ์ด์์ ์ฅ๊ตฐ์ ์ ๋ต์ ์ฌ๊ณ ์ ์ฉ
- Pro Players: Nadal, Djokovic, Federer, Kyrgios ๊ธฐ์ ๋ถ์
- Created: 2025-01-27 by Angie Moon & Claude
---
## ๐ฏ Next Steps
1. HTML ํ์ผ์ `beam-tennis-visual.html`๋ก ์ ์ฅ
2. ์ค๋งํธํฐ ๋ธ๋ผ์ฐ์ ์์ ์ด์ด ๋ถ๋งํฌ ์ถ๊ฐ
3. ๊ฒฝ๊ธฐ ์ Pre-Match Activation Sequence ์คํ
4. ๊ฒฝ๊ธฐ ์ค Between Points Reset Protocol ํ์ฉ
5. ๋งค์ผ ํ ๋๋ฌผ์ฉ ์ง์ค ํ๋ จ (์:๐ข, ํ:๐
, ์:๐, ๋ชฉ:๐พ)