---
theme: default
layout: center
class: text-center
---

# 💻 팅커캐드 심랩(Sim Lab)
초등학교 4학년 ~ 6학년 대상 (3D 물리 시뮬레이션)

---
layout: default
---

## 📋 전체 커리큘럼 안내

<div class="mt-4 border border-slate-300 rounded-2xl overflow-hidden shadow-md bg-white">
  <table class="w-full text-center border-collapse text-[14px]">
    <thead class="bg-indigo-600 text-white font-bold">
      <tr>
        <th class="py-2.5 px-3 border-r border-indigo-500 w-[20%]">주차</th>
        <th class="py-2.5 px-3 w-[80%]">학습 주제 (오늘 만들 작품들)</th>
      </tr>
    </thead>
    <tbody>
      <tr class="border-b border-slate-200 hover:bg-slate-50 transition-colors">
        <td class="py-2.5 px-3 border-r border-slate-200 font-black text-indigo-700 bg-indigo-50/50">1주차</td>
        <td class="py-2.5 px-3 text-left font-bold text-slate-700">
          <span class="inline-block bg-slate-100 px-2 py-0.5 rounded text-xs mr-2 border border-slate-200">기초</span>
          팅커캐드 소개와 심랩(Sim Lab) 살펴보기
        </td>
      </tr>
      <tr class="border-b border-slate-200 hover:bg-slate-50 transition-colors">
        <td class="py-2.5 px-3 border-r border-slate-200 font-black text-indigo-700 bg-indigo-50/50">2주차</td>
        <td class="py-2.5 px-3 text-left font-bold text-slate-700">
          🎯 맞추기 게임 / 🏹 과녁 맞추기 / 🥚 알까기
        </td>
      </tr>
      <tr class="border-b border-slate-200 hover:bg-slate-50 transition-colors">
        <td class="py-2.5 px-3 border-r border-slate-200 font-black text-indigo-700 bg-indigo-50/50">3주차</td>
        <td class="py-2.5 px-3 text-left font-bold text-slate-700">
          🎳 볼링장 / 🌈 무지개 도미노
        </td>
      </tr>
      <tr class="border-b border-slate-200 hover:bg-slate-50 transition-colors">
        <td class="py-2.5 px-3 border-r border-slate-200 font-black text-indigo-700 bg-indigo-50/50">4주차</td>
        <td class="py-2.5 px-3 text-left font-bold text-slate-700">
          🪐 태양계 만들기 / 🚗 자동차 움직이기
        </td>
      </tr>
      <tr class="border-b border-slate-200 hover:bg-slate-50 transition-colors">
        <td class="py-2.5 px-3 border-r border-slate-200 font-black text-indigo-700 bg-indigo-50/50">5주차</td>
        <td class="py-2.5 px-3 text-left font-bold text-slate-700">
          🚠 케이블카 만들기 / 🎐 모빌 만들기
        </td>
      </tr>
      <tr class="hover:bg-slate-50 transition-colors">
        <td class="py-2.5 px-3 border-r border-slate-200 font-black text-indigo-700 bg-indigo-50/50">6주차</td>
        <td class="py-2.5 px-3 text-left font-bold text-slate-700">
          🏆 나만의 심랩 작품 만들기 (자유 주제)
        </td>
      </tr>
    </tbody>
  </table>
</div>

---
layout: center
---

<h2 class="text-3xl font-black text-slate-800 mb-6 text-center">👋 0. 팅커캐드 소개</h2>

<div class="bg-indigo-50 border-2 border-indigo-200 text-indigo-800 font-bold p-8 rounded-2xl shadow-md text-left w-full max-w-2xl mx-auto space-y-5">
  <p class="m-0 flex items-center gap-3 text-[16px]"><i class="fas fa-desktop text-indigo-500 text-2xl"></i> 팅커캐드의 기본 작업 공간과 필수 단축키를 복습해 봅시다.</p>
  <p class="m-0 flex items-center gap-3 text-[16px]"><i class="fas fa-expand text-indigo-500 text-2xl"></i> 설정을 눌러 화면을 넓게 펴고 작업 준비를 시작할게요!</p>
</div>

---
layout: center
---

<h2 class="text-3xl font-black text-slate-800 mb-6 text-center">🍎 1. 심랩(Sim Lab) 살펴보기</h2>

<div class="bg-violet-50 border-2 border-violet-200 text-violet-800 font-bold p-8 rounded-2xl shadow-md text-left w-full max-w-2xl mx-auto space-y-5">
  <p class="m-0 flex items-center gap-3 text-[16px]"><i class="fas fa-apple-alt text-violet-500 text-2xl"></i> <b>심랩(Sim Lab)</b>은 내가 만든 물체에 '중력'을 적용하는 마법 같은 공간입니다.</p>
  <p class="m-0 flex items-center gap-3 text-[16px]"><i class="fas fa-play-circle text-violet-500 text-2xl"></i> 좌측 하단 플레이(▶) 버튼을 누른 후 화면을 클릭해 보세요.</p>
  <p class="m-0 flex items-center gap-3 text-[16px] text-red-500"><i class="fas fa-meteor text-red-500 text-2xl"></i> 원하는 도형들을 공중에 배치한 후, 바닥으로 쿵! 떨어뜨려 봅시다.</p>
</div>

---
layout: default
---

<div class="flex items-center justify-between mb-2">
  <h2 class="text-2xl font-black text-blue-600 m-0">🎯 2-1. 맞추기 게임</h2>
</div>

<div class="bg-blue-50 border border-blue-200 p-3 rounded-lg mb-3 shadow-sm flex items-center gap-3">
  <i class="fas fa-cubes text-blue-500 text-2xl"></i>
  <div class="text-[13px] font-bold text-blue-800 leading-tight">
    <p class="m-0">책상은 <b>고정(정적)</b> 시켜서 움직이지 않게 하고, 위에 놓인 물체를 던져서 맞춰보세요.</p>
  </div>
</div>

<div class="flex justify-center items-center h-[320px] bg-slate-50 rounded-xl border border-slate-300 shadow-inner p-2">
  <video controls class="w-full h-full object-contain rounded-lg shadow-md bg-black">
    <source src="https://e000.bond/steam/TinkerSimLab/simlab_0201_throw.mp4" type="video/mp4">
  </video>
</div>

---
layout: default
---

<div class="flex items-center justify-between mb-2">
  <h2 class="text-2xl font-black text-blue-600 m-0">🏹 2-2. 과녁 맞추기</h2>
</div>

<div class="bg-blue-50 border border-blue-200 p-3 rounded-lg mb-3 shadow-sm flex items-center gap-3">
  <i class="fas fa-bullseye text-blue-500 text-2xl"></i>
  <div class="text-[13px] font-bold text-blue-800 leading-tight">
    <p class="m-0">멀리서 물체를 날려 과녁에 정확히 명중시켜 봅시다. 누가 가장 높은 점수를 얻었나요?</p>
  </div>
</div>

<div class="flex justify-center items-center h-[320px] bg-slate-50 rounded-xl border border-slate-300 shadow-inner p-2">
  <video controls class="w-full h-full object-contain rounded-lg shadow-md bg-black">
    <source src="https://e000.bond/steam/TinkerSimLab/simlab_0202_arrow.mp4" type="video/mp4">
  </video>
</div>

---
layout: center
---

<h2 class="text-3xl font-black text-slate-800 mb-6 text-center">🥚 2-3. 알까기 게임</h2>

<div class="bg-amber-50 border-2 border-amber-200 p-8 rounded-2xl shadow-md max-w-3xl mx-auto text-left">
  <h4 class="font-black text-amber-700 text-xl mb-4">🏆 게임 규칙</h4>
  <div class="space-y-4 text-[16px] text-slate-700 font-bold">
    <p class="m-0 flex items-center gap-3">
      <span class="bg-amber-500 text-white px-2 py-0.5 rounded-md">규칙 1</span> 서로 자기 팀의 색을 정해 바둑판 위에 돌 5개씩 올리기
    </p>
    <p class="m-0 flex items-center gap-3">
      <span class="bg-amber-500 text-white px-2 py-0.5 rounded-md">규칙 2</span> 한 턴에 딱 한 번만 클릭해서 상대방 알 밀어내기!
    </p>
    <p class="m-0 flex items-center gap-3 text-red-600">
      <span class="bg-red-500 text-white px-2 py-0.5 rounded-md">규칙 3</span> 알이 바닥으로 가장 적게 떨어진(많이 남은) 사람이 승리!
    </p>
  </div>
</div>

---
layout: default
---

<div class="flex items-center justify-between mb-2">
  <h2 class="text-2xl font-black text-teal-600 m-0">🎳 3-1. 볼링장</h2>
</div>

<div class="bg-teal-50 border border-teal-200 p-3 rounded-lg mb-3 shadow-sm flex items-center gap-3">
  <i class="fas fa-bowling-ball text-teal-500 text-2xl"></i>
  <div class="text-[13px] font-bold text-teal-800 leading-tight">
    <p class="m-0">스트라이크를 치기 위해 볼링대(레인)와 핀을 어떻게 배치하면 좋을까요?</p>
  </div>
</div>

<div class="flex justify-center items-center h-[320px] bg-slate-50 rounded-xl border border-slate-300 shadow-inner p-2">
  <video controls class="w-full h-full object-contain rounded-lg shadow-md bg-black">
    <source src="https://e000.bond/steam/TinkerSimLab/simlab_0301_boaling.mp4" type="video/mp4">
  </video>
</div>

---
layout: default
---

<div class="flex items-center justify-between mb-2">
  <h2 class="text-2xl font-black text-teal-600 m-0">🌈 3-2. 무지개 도미노</h2>
</div>

<div class="bg-teal-50 border border-teal-200 p-3 rounded-lg mb-3 shadow-sm flex items-center gap-3">
  <i class="fas fa-layer-group text-teal-500 text-2xl"></i>
  <div class="text-[13px] font-bold text-teal-800 leading-tight">
    <p class="m-0"><b>[Ctrl + D]</b> 단축키를 사용하면 이전 복사/이동 작업을 똑같이 반복해서 예쁜 도미노를 순식간에 만들 수 있어요!</p>
  </div>
</div>

<div class="grid grid-cols-2 gap-4 h-[260px]">
  <div class="flex justify-center items-center bg-slate-50 rounded-xl border border-slate-300 shadow-inner p-2 h-full">
    <video controls class="w-full h-full object-contain rounded-lg shadow-md bg-black">
      <source src="https://e000.bond/steam/TinkerSimLab/simlab_0302_domino.mp4" type="video/mp4">
    </video>
  </div>
  <div class="flex justify-center items-center bg-slate-50 rounded-xl border border-slate-300 shadow-inner p-2 h-full">
    <video controls class="w-full h-full object-contain rounded-lg shadow-md bg-black">
      <source src="https://e000.bond/steam/TinkerSimLab/simlab_0302_rainbowdomino.mp4" type="video/mp4">
    </video>
  </div>
</div>

---
layout: default
---

<div class="flex items-center justify-between mb-2">
  <h2 class="text-2xl font-black text-purple-600 m-0">🪐 4-1. 태양계 만들기 (액슬 커넥터)</h2>
</div>

<div class="bg-purple-50 border border-purple-200 p-3 rounded-lg mb-3 shadow-sm flex items-center gap-3">
  <i class="fas fa-globe-asia text-purple-500 text-2xl"></i>
  <div class="text-[13px] font-bold text-purple-800 leading-tight">
    <p class="m-0">심랩에는 물체를 연결해서 빙글빙글 돌게 하는 <b>'커넥터(Connector)'</b>가 있어요.</p>
    <p class="m-0 mt-1">회전하는 <b>액슬(Axle) 커넥터</b>를 사용해 행성들이 돌아가는 태양계를 만들어 볼까요?</p>
  </div>
</div>

<div class="flex justify-center items-center h-[320px] bg-slate-50 rounded-xl border border-slate-300 shadow-inner p-2">
  <video controls class="w-full h-full object-contain rounded-lg shadow-md bg-black">
    <source src="https://e000.bond/steam/TinkerSimLab/simlab_0401_earth.mp4" type="video/mp4">
  </video>
</div>

---
layout: default
---

<div class="flex items-center justify-between mb-2">
  <h2 class="text-2xl font-black text-purple-600 m-0">🚗 4-2. 자동차 움직이기</h2>
</div>

<div class="bg-purple-50 border border-purple-200 p-3 rounded-lg mb-3 shadow-sm flex items-center gap-3">
  <i class="fas fa-car text-purple-500 text-2xl"></i>
  <div class="text-[13px] font-bold text-purple-800 leading-tight">
    <p class="m-0">이번에도 <b>액슬 커넥터</b>를 자동차 바퀴에 달아서 경사면을 굴러가게 해봅시다.</p>
  </div>
</div>

<div class="flex justify-center items-center h-[320px] bg-slate-50 rounded-xl border border-slate-300 shadow-inner p-2">
  <video controls class="w-full h-full object-contain rounded-lg shadow-md bg-black">
    <source src="https://e000.bond/steam/TinkerSimLab/simlab_0402_car.mp4" type="video/mp4">
  </video>
</div>

---
layout: default
---

<div class="flex items-center justify-between mb-2">
  <h2 class="text-2xl font-black text-emerald-600 m-0">🚠 5-1. 케이블카 만들기 (슬라이더 커넥터)</h2>
</div>

<div class="bg-emerald-50 border border-emerald-200 p-3 rounded-lg mb-3 shadow-sm flex items-center gap-3">
  <i class="fas fa-tram text-emerald-500 text-2xl"></i>
  <div class="text-[13px] font-bold text-emerald-800 leading-tight">
    <p class="m-0">물체를 선을 따라 미끄러지게 하는 <b>슬라이더(Slider) 커넥터</b>를 사용해 봅니다.</p>
  </div>
</div>

<div class="flex justify-center items-center h-[320px] bg-slate-50 rounded-xl border border-slate-300 shadow-inner p-2">
  <video controls class="w-full h-full object-contain rounded-lg shadow-md bg-black">
    <source src="https://e000.bond/steam/TinkerSimLab/simlab_0501_cablecar.mp4" type="video/mp4">
  </video>
</div>

---
layout: default
---

<div class="flex items-center justify-between mb-2">
  <h2 class="text-2xl font-black text-emerald-600 m-0">🎐 5-2. 모빌 만들기 (피벗 커넥터)</h2>
</div>

<div class="bg-emerald-50 border border-emerald-200 p-3 rounded-lg mb-3 shadow-sm flex items-center gap-3">
  <i class="fas fa-asterisk text-emerald-500 text-2xl"></i>
  <div class="text-[13px] font-bold text-emerald-800 leading-tight">
    <p class="m-0">물체가 대롱대롱 매달려 자유롭게 흔들리게 하는 <b>피벗(Pivot) 커넥터</b>를 사용해 봅니다.</p>
  </div>
</div>

<div class="flex justify-center items-center h-[320px] bg-slate-50 rounded-xl border border-slate-300 shadow-inner p-2">
  <video controls class="w-full h-full object-contain rounded-lg shadow-md bg-black">
    <source src="https://e000.bond/steam/TinkerSimLab/simlab_0502_mobill.mp4" type="video/mp4">
  </video>
</div>

---
layout: default
---

<div class="flex items-center justify-between mb-2">
  <h2 class="text-2xl font-black text-rose-600 m-0">🏆 6. 나만의 심랩 작품 만들기</h2>
</div>

<div class="bg-rose-50 border border-rose-200 p-3 rounded-lg mb-3 shadow-sm flex items-center gap-3">
  <i class="fas fa-trophy text-rose-500 text-2xl"></i>
  <div class="text-[13px] font-bold text-rose-800 leading-tight">
    <p class="m-0">그동안 배운 3가지 커넥터(액슬, 슬라이더, 피벗)와 물리 엔진을 사용하여 나만의 창의적인 장치를 만들어 보세요!</p>
  </div>
</div>

<div class="flex justify-center items-center h-[320px] bg-slate-50 rounded-xl border border-slate-300 shadow-inner p-2">
  <video controls class="w-full h-full object-contain rounded-lg shadow-md bg-black">
    <source src="https://e000.bond/steam/TinkerSimLab/simlab_0601_project.mp4" type="video/mp4">
  </video>
</div>

---
layout: center
class: text-center
---

<h1 class="text-7xl mb-6">👏🏽</h1>

<h2 class="font-black text-5xl leading-tight mb-8 text-slate-800">
  수고하셨어요 ^o^
</h2>
<p class="text-slate-500 text-xl font-bold">이제 3D 공간의 물리 법칙을 완벽하게 이해했습니다!</p>