Shapes And Color
Animation And Variables
Imported Media
No alt text
단어
글꼴을 불러오고 글자를 그립니다.
No alt text
이미지 데이터 복사
캔버스에 이미지 파일로부터 색상을 입힙니다.
No alt text
알파 마스크
한 이미지를 사용해 다른 이미지의 일부를 잘라냅니다.
No alt text
이미지 투명도
캔버스에 이미지를 반투명하게 만듭니다.
No alt text
오디오 플레이어
오디오 파일의 플레이어를 생성합니다.
No alt text
비디오 플레이어
비디오 파일의 플레이어를 생성합니다.
No alt text
캔버스에서의 비디오
캔버스에서 비디오를 표시하고 스타일을 지정합니다.
No alt text
비디오 캡처
카메라의 라이브 비디오 피드를 표시합니다.
Input Elements
Transformation
Calculating Values
Repetition
Listing Data with Arrays
Angles And Motion
Games
3D
No alt text
지오메트리
사용자 정의 모델을 포함하여, 3D 도형을 그립니다.
No alt text
사용자 정의 지오메트리
프로그래밍을 통해 3D 도형을 생성합니다.
No alt text
재질(Materials)
3D 객체의 색상, 질감, 그리고 빛에 반응하는 정도를 변경합니다.
No alt text
궤도 컨트롤(Orbit Control)
마우스로 카메라를 제어합니다.
No alt text
필터 셰이더(Filter Shader)
셰이더로 이미지를 조작합니다.
No alt text
셰이더로 위치 조정하기
셰이더를 사용하여 도형의 정점을 조정합니다.
No alt text
프레임버퍼 흐림(Framebuffer Blur)
카메라의 심도(depth of field)를 시뮬레이션합니다.
Advanced Canvas Rendering
Classes And Objects
Loading And Saving Data
Math And Physics
No alt text
비직각 반사
경사진 표면에서 튕기는 공을 시뮬레이션합니다.
No alt text
소프트 바디(Soft Body)
마우스 방향으로 가속되는 부드러운 물체의 물리학을 시뮬레이션합니다.
No alt text
힘
여러 물체가 유체를 통과하면서 작용하는 힘을 시뮬레이션합니다.
No alt text
연기 입자(Smoke Particles)
입자 시스템(particle system)을 활용하여 연기를 시뮬레이션합니다.
No alt text
라이프 게임(Game of Life)
존 콘웨이(John Conway)의 세포 자동자(cellular automation)를 재현합니다.
No alt text
망델브로 집합(Mandelbrot Set)
프랙탈 구조를 생성하는 수학적인 집합을 시각화합니다.