You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
446 lines
15 KiB
446 lines
15 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>3 Slide Fox ADAS Presentation</title>
|
|
<link href="https://fonts.googleapis.com/css2?family=Segoe+UI:wght@400;600;700&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
|
<style>
|
|
:root {
|
|
/* Mimicking the specific dark navy of the image */
|
|
--bg-page: #e0e4eb;
|
|
--slide-bg-top: #0b224e;
|
|
--slide-bg-bottom: #040d1e;
|
|
--accent-yellow: #facc15;
|
|
--text-main: #ffffff;
|
|
--text-secondary: #cbd5e1;
|
|
--border-glow: #1e3a8a;
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
body {
|
|
background-color: var(--bg-page);
|
|
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
padding: 40px 0;
|
|
gap: 40px;
|
|
}
|
|
|
|
/* 1800x900 Rigid Container */
|
|
.slide {
|
|
width: 1800px;
|
|
height: 900px;
|
|
background: linear-gradient(170deg, var(--slide-bg-top) 0%, var(--slide-bg-bottom) 100%);
|
|
border: 1px solid rgba(255, 255, 255, 0.1);
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 80px 120px;
|
|
overflow: hidden;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
/* Inner subtle glow line behind title */
|
|
.slide::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 200px;
|
|
left: 100px;
|
|
right: 100px;
|
|
height: 1px;
|
|
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
|
|
}
|
|
|
|
/* Typography */
|
|
h1 {
|
|
font-size: 64px;
|
|
font-weight: 700;
|
|
color: var(--accent-yellow);
|
|
margin-bottom: 70px;
|
|
}
|
|
|
|
.white-text { color: var(--text-main); }
|
|
|
|
h3 { font-size: 32px; font-weight: 600; margin-bottom: 20px; color: var(--text-main); }
|
|
p { font-size: 26px; line-height: 1.6; color: var(--text-secondary); margin-bottom: 20px; }
|
|
|
|
/* Lists */
|
|
ul { list-style: none; padding: 0; margin-bottom: 40px;}
|
|
li {
|
|
font-size: 28px;
|
|
line-height: 1.5;
|
|
color: var(--text-main);
|
|
margin-bottom: 30px;
|
|
display: flex;
|
|
align-items: flex-start;
|
|
gap: 15px;
|
|
}
|
|
|
|
li i {
|
|
color: var(--text-main);
|
|
font-size: 30px;
|
|
margin-top: 5px;
|
|
background: rgba(255,255,255,0.1);
|
|
padding: 6px;
|
|
border-radius: 50%;
|
|
border: 2px solid var(--accent-yellow);
|
|
color: var(--accent-yellow);
|
|
}
|
|
|
|
.li-desc {
|
|
font-size: 22px;
|
|
color: var(--text-secondary);
|
|
margin-top: 8px;
|
|
display: block;
|
|
}
|
|
|
|
/* ----- Slide 1 Elements ----- */
|
|
.s1-grid {
|
|
display: flex;
|
|
height: 100%;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.s1-images {
|
|
display: flex;
|
|
gap: 40px;
|
|
margin-top: auto;
|
|
justify-content: flex-start;
|
|
height: 350px;
|
|
}
|
|
|
|
.img-box {
|
|
flex: 1;
|
|
background: rgba(0,0,0,0.5);
|
|
border: 2px solid rgba(255,255,255,0.2);
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: rgba(255,255,255,0.5);
|
|
font-size: 24px;
|
|
}
|
|
|
|
.img-caption {
|
|
position: absolute;
|
|
bottom: -40px;
|
|
width: 100%;
|
|
text-align: center;
|
|
font-size: 24px;
|
|
font-weight: 600;
|
|
color: var(--text-main);
|
|
}
|
|
|
|
/* ----- Slide 2 Elements ----- */
|
|
.s2-flow {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
margin-top: 40px;
|
|
margin-bottom: 60px;
|
|
background: rgba(255,255,255,0.03);
|
|
padding: 30px;
|
|
border-radius: 12px;
|
|
border: 1px solid rgba(255,255,255,0.05);
|
|
}
|
|
|
|
.flow-node {
|
|
text-align: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
gap: 15px;
|
|
flex: 1;
|
|
}
|
|
|
|
.flow-node .label {
|
|
font-size: 24px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.flow-arrow i {
|
|
color: var(--accent-yellow);
|
|
font-size: 40px;
|
|
}
|
|
|
|
.flow-box {
|
|
width: 250px;
|
|
height: 150px;
|
|
background: rgba(0,0,0,0.4);
|
|
border: 1px solid rgba(255,255,255,0.2);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 20px;
|
|
color: rgba(255,255,255,0.5);
|
|
}
|
|
|
|
.s2-bullets {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
gap: 25px;
|
|
margin-top: 40px;
|
|
}
|
|
|
|
.s2-bullet-line {
|
|
display: flex;
|
|
align-items: center;
|
|
width: 80%;
|
|
gap: 20px;
|
|
}
|
|
|
|
.s2-bullet-line::before, .s2-bullet-line::after {
|
|
content: '';
|
|
flex-grow: 1;
|
|
height: 1px;
|
|
background: rgba(255,255,255,0.3);
|
|
}
|
|
|
|
.s2-bullet-text {
|
|
font-size: 32px;
|
|
font-weight: 600;
|
|
text-align: center;
|
|
}
|
|
|
|
.s2-bullet-subtext {
|
|
font-size: 20px;
|
|
color: var(--text-secondary);
|
|
text-align: center;
|
|
font-weight: 400;
|
|
width: 80%;
|
|
margin: 0 auto;
|
|
margin-top: -15px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
/* ----- Slide 3 Elements ----- */
|
|
.s3-header {
|
|
text-align: center;
|
|
margin-bottom: 100px;
|
|
}
|
|
|
|
.s3-cards {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
gap: 40px;
|
|
margin-bottom: 80px;
|
|
}
|
|
|
|
.s3-card {
|
|
background: linear-gradient(180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.02) 100%);
|
|
border-top: 2px solid rgba(255,255,255,0.2);
|
|
border-left: 1px solid rgba(255,255,255,0.05);
|
|
border-right: 1px solid rgba(255,255,255,0.05);
|
|
border-bottom: 2px solid rgba(0,0,0,0.5);
|
|
padding: 40px 30px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
box-shadow: 0 20px 40px rgba(0,0,0,0.5);
|
|
}
|
|
|
|
.card-icon-top {
|
|
background: linear-gradient(135deg, #2563eb, #1d4ed8);
|
|
width: 60px;
|
|
height: 60px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border-radius: 8px;
|
|
margin-bottom: 30px;
|
|
border: 2px solid rgba(255,255,255,0.5);
|
|
transform: translateY(-70px);
|
|
position: absolute;
|
|
}
|
|
.card-icon-top i { color: white; font-size: 30px; }
|
|
|
|
.s3-card h3 {
|
|
font-size: 32px;
|
|
text-align: center;
|
|
min-height: 80px;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.s3-card ul {
|
|
width: 100%;
|
|
margin-top: 20px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.s3-card li {
|
|
font-size: 20px;
|
|
margin-bottom: 20px;
|
|
display: flex;
|
|
align-items: flex-start;
|
|
gap: 15px;
|
|
}
|
|
|
|
.s3-card li::before {
|
|
content: '•';
|
|
color: var(--accent-yellow);
|
|
font-size: 30px;
|
|
line-height: 20px;
|
|
}
|
|
.s3-card li i { display: none; }
|
|
|
|
.s3-footer {
|
|
text-align: center;
|
|
font-size: 32px;
|
|
font-weight: 600;
|
|
margin-top: auto;
|
|
color: var(--text-secondary);
|
|
}
|
|
.s3-footer span { color: var(--accent-yellow); }
|
|
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<!-- Slide 1: Deterministic ADAS Simulation -->
|
|
<div class="slide">
|
|
<h1>Deterministic ADAS Simulation</h1>
|
|
|
|
<div class="s1-grid">
|
|
<ul>
|
|
<li>
|
|
<i class="fa-solid fa-check"></i>
|
|
<div>
|
|
From Random to Repeatable Deterministic Scenarios
|
|
<span class="li-desc">Bypassing Traffic Manager variance, we utilize direct `set_target_velocity` coordinate control to guarantee exact "Spawn-and-Move" maneuvers—such as cut-ins—execute flawlessly at the same millisecond every run.</span>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<i class="fa-solid fa-check"></i>
|
|
<div>
|
|
Unprecedented Physics-Accurate Radar Simulation
|
|
<span class="li-desc">Standard bounding boxes fail complex realities. We returned to the laws of electromagnetism, implementing true 1/R⁴ power-decay physics and material-based Fresnel reflections.</span>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<i class="fa-solid fa-check"></i>
|
|
<div>
|
|
Real-Time Multi-Sensor Metrology
|
|
<span class="li-desc">Synchronously tracking RGB, LiDAR, and phase-preserving Doppler-Slice Radar data perfectly aligned at 30 FPS for visual ground truth comparison.</span>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="s1-images">
|
|
<div class="img-box" style="width: 700px;">
|
|
[ Insert Image: CARLA RGB/Game View ]
|
|
<div class="img-caption">CARLA Simulation</div>
|
|
</div>
|
|
<div class="img-box" style="width: 700px;">
|
|
[ Insert Image: Radar Heatmap (Foxglove) ]
|
|
<div class="img-caption">Shenron Radar</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- Slide 2: Physics-Based Shenron Engine -->
|
|
<div class="slide">
|
|
<h1><span class="white-text">Shenron:</span> Physics-Based Radar Engine</h1>
|
|
|
|
<div class="s2-flow">
|
|
<div class="flow-node">
|
|
<div class="label">CARLA & Synchronizer</div>
|
|
<div class="flow-box">[ Graphic or Logo ]</div>
|
|
</div>
|
|
|
|
<div class="flow-arrow"><i class="fa-solid fa-arrow-right"></i></div>
|
|
|
|
<div class="flow-node">
|
|
<div class="label">Shenron Physics Engine</div>
|
|
<div class="flow-box">[ CPU/GPU Graphic ]</div>
|
|
</div>
|
|
|
|
<div class="flow-arrow"><i class="fa-solid fa-arrow-right"></i></div>
|
|
|
|
<div class="flow-node">
|
|
<div class="label">Radar Signal Processing</div>
|
|
<div class="flow-box">[ Heatmap / DSP ]</div>
|
|
</div>
|
|
|
|
<div class="flow-arrow"><i class="fa-solid fa-arrow-right"></i></div>
|
|
|
|
<div class="flow-node">
|
|
<div class="label">ADAS-Ready Output</div>
|
|
<div class="flow-box">[ Point Cloud / MCAP ]</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="s2-bullets">
|
|
<div class="s2-bullet-line">
|
|
<div class="s2-bullet-text">1/R⁴ Accurate Spatial Decay Physics</div>
|
|
</div>
|
|
<div class="s2-bullet-subtext">Dropped artificial density variables. Reflected energy now strictly attenuates by the inverse square law, forcing massive background structures to cede dominance to near-field targets.</div>
|
|
|
|
<div class="s2-bullet-line">
|
|
<div class="s2-bullet-text">Directional Antenna Pattern Modeling</div>
|
|
</div>
|
|
<div class="s2-bullet-subtext">Resolved the "Isotropic Illumination" limit by implementing true Azimuth & Elevation gain logic. Radar blind-spots act realistically, attenuating 80° side-wall clutter by ~20dB.</div>
|
|
|
|
<div class="s2-bullet-line">
|
|
<div class="s2-bullet-text">Modular Hardware-Matched Pipeline</div>
|
|
</div>
|
|
<div class="s2-bullet-subtext">The "Knobs and Dials" philosophy completely separates base physics from simulation parameters. Easily swap profiles between AWRL1432, Radarbook, and MIMO Cascade hardware.</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- Slide 3: Validation -->
|
|
<div class="slide">
|
|
<div class="s3-header">
|
|
<h1 style="margin-bottom: 0;">From <span class="white-text">Simulation</span> to Validation</h1>
|
|
</div>
|
|
|
|
<div class="s3-cards">
|
|
<!-- Card 1 -->
|
|
<div class="s3-card" style="position: relative;">
|
|
<div class="card-icon-top"><i class="fa-solid fa-check"></i></div>
|
|
<h3>Physics-Driven<br>Metrology Accuracy</h3>
|
|
<ul>
|
|
<li>Zero-Tilt Symmetry guarantees 120° FOV precision right down the boresight.</li>
|
|
<li>Doppler-Slice phase continuity resolves standard blur, delivering sharp "Radar Blue" PointCloud clusters.</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- Card 2 -->
|
|
<div class="s3-card" style="position: relative;">
|
|
<div class="card-icon-top"><i class="fa-solid fa-check"></i></div>
|
|
<h3>Real-World Hardware<br>Calibration Logic</h3>
|
|
<ul>
|
|
<li>110dB System Gain tuning aligns exact radar spec hardware profiles.</li>
|
|
<li>Modifiable Bandwidth (B), Chirp Repetition, and virtual receiver sets to replicate DSP behavior dynamically.</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- Card 3 -->
|
|
<div class="s3-card" style="position: relative;">
|
|
<div class="card-icon-top"><i class="fa-solid fa-check"></i></div>
|
|
<h3>Automated Core<br>Testing Platform</h3>
|
|
<ul>
|
|
<li>GUI Dashboard orchestrating idle-mode GPU utilization for Shenron rendering safely.</li>
|
|
<li>Direct pipeline translating serialized JSONL/NPY data into FOXGLOVE MCAP standards.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="s3-footer">
|
|
Bridging the <span>Gap</span> from Research to Real-World Deployment
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|