playground:playground
차이
문서의 선택한 두 판 사이의 차이를 보여줍니다.
양쪽 다음 판 | |||
playground:playground [2022/08/16 19:18] hyubiorobotics 만듦 | — (현재) | ||
---|---|---|---|
줄 1: | 줄 1: | ||
- | < | ||
- | < | ||
- | < | ||
- | <meta name=" | ||
- | < | ||
- | <style type=" | ||
- | body { | ||
- | background: | ||
- | text-align: | ||
- | margin: 0; | ||
- | padding: 0; | ||
- | font-family: | ||
- | color: #555; | ||
- | } | ||
- | body.desktop .mobile-only { display: none; } | ||
- | body.mobile .desktop-only { display: none; } | ||
- | |||
- | # | ||
- | /* Always stretch the canvas to 100%, regardless of its | ||
- | internal size. */ | ||
- | width: 100%; | ||
- | height: 100%; | ||
- | } | ||
- | |||
- | .keys { | ||
- | position: | ||
- | } | ||
- | .key { | ||
- | color: #fff; | ||
- | float: left; | ||
- | width: 72px; | ||
- | height: 48px; | ||
- | padding-top: | ||
- | background-color: | ||
- | position: | ||
- | } | ||
- | .key-small { | ||
- | height: 28px; | ||
- | padding-top: | ||
- | } | ||
- | #key-up {left: 40px; top: 0px; } | ||
- | #key-down {left: 40px; top: 88px; } | ||
- | #key-left {left: 160px; top: 0px; } | ||
- | # | ||
- | #key-esc {left: 160px; top: 124px; } | ||
- | # | ||
- | </ | ||
- | </ | ||
- | < | ||
- | <canvas id=" | ||
- | |||
- | <div class=" | ||
- | <div class=" | ||
- | <div class=" | ||
- | <div class=" | ||
- | <div class=" | ||
- | |||
- | <div class=" | ||
- | <div class=" | ||
- | </ | ||
- | |||
- | <script type=" | ||
- | <script type=" | ||
- | </ | ||
- | </ | ||