캔버스 튜토리얼 마무리 (Finale)
축하합니다! 대장정의 캔버스 튜토리얼 (Canvas tutorial)을 마침내 모두 수료하셨습니다! 여기서 배운 지식들은 여러분이 웹에서 환상적인 2D 그래픽을 구현하는 데 아주 강력한 무기가 되어 줄 것입니다.
지금까지 정말 수고 많으셨습니다. 앞으로 여러분이 만들어갈 멋진 캔버스 작품들을 기대하겠습니다! 🎉
더 많은 예제와 튜토리얼 (More examples and tutorials)
캔버스에 대한 더 다양한 데모와 깊이 있는 설명이 필요하시다면 아래 사이트들을 방문해 보세요.
Canvas Codepens (캔버스 코드펜)프론트엔드 개발자들의 놀이터이자 브라우저 내 코드 에디터인 CodePen에서 다른 금손 개발자들이 캔버스로 만든 수많은 작품(Pen)들을 구경하고, 코드를 직접 수정해 보며 배울 수 있습니다.
게임 개발 (Game development)게임은 컴퓨터로 할 수 있는 가장 인기 있는 활동 중 하나죠. 표준을 준수하는 모든 웹 브라우저에서 실행할 수 있는 더 훌륭하고 강력한 게임을 개발하기 위한 새로운 웹 기술들이 끊임없이 쏟아져 나오고 있습니다. 캔버스를 활용한 본격적인 웹 게임 개발의 세계로 빠져보세요!
다른 유용한 웹 API들 (Other Web APIs)
여러분이 캔버스와 그래픽 작업을 더 깊게 파고들 때, 함께 알아두면 아주 유용한 API 친구들을 소개합니다.
WebGL3D 그래픽을 포함하여 훨씬 더 복잡하고 화려한 그래픽을 렌더링하기 위한 고급(Advanced) API입니다. 캔버스가 2D의 세계라면, WebGL은 3D 세계의 문을 열어줍니다.
SVG (Scalable Vector Graphics)SVG를 사용하면 이미지를 벡터(선)와 도형의 집합으로 묘사할 수 있습니다. 캔버스처럼 픽셀(비트맵) 기반이 아니기 때문에, 아무리 크게 확대해서 그려도 경계선이 깨지거나 계단 현상이 생기지 않고 아주 매끄럽고 선명하게 유지된다는 엄청난 장점이 있습니다.
웹 오디오 (Web Audio)Web Audio API는 웹에서 오디오를 제어하기 위한 아주 강력하고 다재다능한 시스템을 제공합니다. 개발자가 오디오 소스를 마음대로 고르고, 오디오에 이펙트(효과)를 넣고, 오디오 주파수를 분석해 캔버스로 시각화(visualization)하고, 공간 음향 효과(패닝 등)를 적용하는 등 정말 수많은 일들을 할 수 있게 해줍니다. 캔버스 애니메이션과 오디오를 연동하면 정말 환상적인 인터랙티브 아트를 만들 수 있답니다!
