PatchAcquisitionGame/index.html at main · EV3Team/PatchAcquisitionGame · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Patch Acquisition Game — 스마트센서와액츄에이터</title>
    <link rel="stylesheet" href="base.css">
</head>
<body>
    <div class="container">
        <!-- Logos -->
        <div class="logos">
            <img src="images/logo.png" alt="한양대학교 ERICA">
        </div>

        <!-- Title -->
        <div class="title-section">
            <h1>Patch Acquisition Game</h1>
            <div class="subtitle">LEGO EV3 최단경로 · 자유경로 패치획득게임 풀이</div>
            <div class="authors">윤태웅 · 박재형 · 이현빈 · 조민 · 전민석</div>
            <div class="affiliation">한양대학교 ERICA 스마트융합공학부 스마트ICT융합전공<br>스마트센서와액츄에이터 · 팀 프로젝트</div>
            <div class="badges">
                <span class="badge">LEGO EV3</span>
                <span class="badge">RobotC</span>
                <span class="badge">알고리즘</span>
                <span class="badge">팀 프로젝트</span>
                <span class="badge">PM</span>
            </div>
        </div>

        <!-- About -->
        <div class="section">
            <h2>About Project</h2>
            <p class="abstract">
                LEGO EV3 로봇으로 격자 구조의 맵에서 패치를 획득하며 최고 점수를 달성하는 프로젝트입니다.
                두 가지 과제로 구성되며, 각각 최단경로 알고리즘과 자유경로 최적화 전략을 구현합니다.
            </p>
        </div>

        <!-- Assignment 1 -->
        <div class="section">
            <h2>과제 1 · 최단경로 패치획득게임</h2>
            <h3>게임 개요</h3>
            <p class="abstract">
                4×4 격자에서 빨간색·초록색 패치가 임의 위치에 주어질 때, 출발점에서 도착점까지 모든
                격자점을 탐색한 뒤 이동점으로 최단경로 이동하여 패치 위치를 디스플레이에 출력합니다.
                이후 이동점에서 출발점으로 최단경로 복귀하며 패치를 획득해 최대 점수를 얻고, 도착 시
                획득 점수를 출력합니다.
            </p>
            <h3>채점 기준</h3>
            <ul class="bullets">
                <li>빨간색 패치 <strong>+1점</strong>, 파란색 패치 <strong>-1점</strong></li>
                <li>격자판은 실습 시간에 제공</li>
                <li>조별 획득점수 고득점순 차등 점수 부여</li>
            </ul>
        </div>

        <!-- Video 1 -->
        <div class="section">
            <h2>과제 1 시연 영상</h2>
            <div class="video-container">
                <iframe src="https://www.youtube.com/embed/sBryQY9EAaY"
                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                    allowfullscreen></iframe>
            </div>
        </div>

        <!-- Assignment 2 -->
        <div class="section">
            <h2>과제 2 · 자유경로 패치획득게임</h2>
            <h3>게임 개요</h3>
            <p class="abstract">
                5×4 격자에서 빨간색·초록색 패치가 임의 위치에 주어질 때, 모든 격자점을 탐색한 뒤
                이동점에서 출발점까지 자유경로로 이동하며 패치를 획득해 최대 점수를 얻고, 도착 시
                획득 점수를 출력합니다.
            </p>
            <h3>채점 기준</h3>
            <ul class="bullets">
                <li>빨간색 패치 · 처음 방문 <strong>+5점</strong>, 재방문 시 매번 <strong>-2점</strong></li>
                <li>파란색 패치 · 방문할 때마다 <strong>-5점</strong></li>
                <li>이동 패널티 · 1칸 이동마다 색상 무관 <strong>-1점</strong></li>
                <li>상하좌우 자유 이동 가능</li>
                <li>조별 획득점수 고득점순 차등 점수 부여</li>
            </ul>
        </div>

        <!-- Video 2 -->
        <div class="section">
            <h2>과제 2 시연 영상</h2>
            <div class="video-container">
                <iframe src="https://www.youtube.com/embed/fHmVtW4JwN4"
                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                    allowfullscreen></iframe>
            </div>
        </div>

        <!-- Team -->
        <div class="section">
            <h2>Team</h2>
            <div class="table-wrap">
                <table>
                    <thead>
                        <tr><th>이름</th><th>역할</th></tr>
                    </thead>
                    <tbody>
                        <tr><td>윤태웅</td><td>PM</td></tr>
                        <tr><td>박재형</td><td>프로젝트 개발</td></tr>
                        <tr><td>이현빈</td><td>프로젝트 개발</td></tr>
                        <tr><td>조민</td><td>PPT 제작 및 발표</td></tr>
                        <tr><td>전민석</td><td>PPT 제작 및 발표</td></tr>
                    </tbody>
                </table>
            </div>
        </div>

        <!-- Resources -->
        <div class="section">
            <h2>Resources</h2>
            <div class="resources">
                <a href="https://github.com/EV3Team/PatchAcquisitionGame/tree/main/stage1-shortest-path/solution.c" class="resource-link">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z"/></svg>
                    <span>과제 1 코드 (solution.c)</span>
                </a>
                <a href="https://github.com/EV3Team/PatchAcquisitionGame/tree/main/stage2-free-path/solution.c" class="resource-link">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z"/></svg>
                    <span>과제 2 코드 (solution.c)</span>
                </a>
                <a href="https://github.com/EV3Team/PatchAcquisitionGame/blob/main/ppt/2_1%20PPT%20%EC%9E%90%EB%A3%8C.pptx" class="resource-link">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M18,20H6V4H13V9H18V20Z"/></svg>
                    <span>발표 자료 (PPT)</span>
                </a>
                <a href="https://github.com/EV3Team/PatchAcquisitionGame" class="resource-link">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12C2,16.42 4.87,20.17 8.84,21.5C9.34,21.58 9.5,21.27 9.5,21C9.5,20.77 9.5,20.14 9.5,19.31C6.73,19.91 6.14,17.97 6.14,17.97C5.68,16.81 5.03,16.5 5.03,16.5C4.12,15.88 5.1,15.9 5.1,15.9C6.1,15.97 6.63,16.93 6.63,16.93C7.5,18.45 8.97,18 9.54,17.76C9.63,17.11 9.89,16.67 10.17,16.42C7.95,16.17 5.62,15.31 5.62,11.5C5.62,10.39 6,9.5 6.65,8.79C6.55,8.54 6.2,7.5 6.75,6.15C6.75,6.15 7.59,5.88 9.5,7.17C10.29,6.95 11.15,6.84 12,6.84C12.85,6.84 13.71,6.95 14.5,7.17C16.41,5.88 17.25,6.15 17.25,6.15C17.8,7.5 17.45,8.54 17.35,8.79C18,9.5 18.38,10.39 18.38,11.5C18.38,15.32 16.04,16.16 13.81,16.41C14.17,16.72 14.5,17.33 14.5,18.26C14.5,19.6 14.5,20.68 14.5,21C14.5,21.27 14.66,21.59 15.17,21.5C19.14,20.16 22,16.42 22,12A10,10 0 0,0 12,2Z"/></svg>
                    <span>GitHub</span>
                </a>
            </div>
        </div>

        <!-- Contact -->
        <div class="contact">
            <h2>Contact</h2>
            <p>문의사항은 아래 이메일로 연락주시기 바랍니다.</p>
            <a href="mailto:taewoong25@hanyang.ac.kr">윤태웅 · taewoong25@hanyang.ac.kr</a>
        </div>
    </div>
</body>
</html>