blob: 1241680c5c5c7d7de7c5c338eb940f88208b87ec (
plain)
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
|
---
title: Finale
slug: Web/HTML/Canvas/Tutorial/Finale
tags:
- 그래픽
- 캔버스
- 튜토리얼
translation_of: Web/API/Canvas_API/Tutorial/Finale
---
<div>{{CanvasSidebar}} {{PreviousNext("Web/API/Canvas_API/Tutorial/Optimizing_canvas")}}</div>
<div class="summary">
<p>축하합니다 <a href="/en-US/docs/Web/API/Canvas_API/Tutorial">Canvas </a>튜토리얼을 모두 끝마쳤습니다! 이 정보는 웹에서 더 나은 2D 그래픽을 만드는데 도움이 됩니다.</p>
</div>
<h2 id="더_많은_예시와_튜토리얼">더 많은 예시와 튜토리얼</h2>
<p>이 사이트에는 다양한 데모와 canvas에 대한 추가 설명이 있다.</p>
<dl>
<dt><a href="https://codepen.io/search/pens?q=canvas">Codepen.io</a></dt>
<dd>프론트 엔드 개발자 playground 및 브라우저의 코드 편집기.</dd>
<dt><a href="http://www.html5canvastutorials.com/">HTML5 Canvas Tutorials</a></dt>
<dd>대부분 canvas API의 예시</dd>
<dt><a href="/en-US/docs/Games">Game development</a></dt>
<dd>게임은 가장 인기있는 컴퓨터 활동 중 하나이다. 어떤 표준 규격의 웹 브라우저에서도 실행할 수 있는 더 나은 게임을 개발할 수 있도록 하기 위한 신기술이 끊임없이 등장하고 있다.</dd>
</dl>
<h2 id="기타_웹API">기타 웹API</h2>
<p>이 API들는 canvas 및 그래픽으로 작업할 때 유용하다.</p>
<dl>
<dt><a href="/en-US/docs/Web/WebGL">WebGL</a></dt>
<dd>3D를 포함한 복잡한 그래픽 렌더링을 위한 고급 API.</dd>
<dt><a href="/en-US/docs/Web/SVG">SVG</a></dt>
<dd>확장 가능한 Vector Graphics는 이미지를 벡터(선)과 형태의 집합으로 묘사하여 이미지를 그리는 크기에 상관없이 원활하게 확장할 수 있다.</dd>
<dt><a href="/en-US/docs/Web/API/Web_Audio_API">Web Audio</a></dt>
<dd>Web Audio API는 개발자들이 오디오 소스 선택, 오디오에 효과 추가, 오디오 시각화 생성, 공간 효과 적용(예: 패닝)등을 할 수 있도록 웹 상에서 오디오를 제어하기 위한 다양하고 좋은 시스템을 제공한다.</dd>
</dl>
<h2 id="문의사항">문의사항</h2>
<dl>
<dt><a href="http://stackoverflow.com/questions/tagged/canvas">Stack Overflow</a></dt>
<dd>"canvas"가 태그된 문의사항.</dd>
<dt><a href="/en-US/docs/MDN">Comments about this tutorial – the MDN documentation community</a></dt>
<dd>이 튜토리얼에 대해 의견이 있으시거나 저희에게 감사를 표하고 싶다면 언제든지 연락해주세요!</dd>
</dl>
<p>{{PreviousNext("Web/API/Canvas_API/Tutorial/Optimizing_canvas")}}</p>
|
