본문 바로가기

Typography Typography Design은 유용합니다. 하지만 마땅한 가이드라인이나 방법에 대한 설명이 없어서 처음 시도하기가 어려운 것 같아 이 코스를 작성하게 되었습니다.
2. PaperScript와 Javascript Paper.js에서는 간편한 사용을 위해서, Paperscript라는 것을 지원 해 줍니다.사용해도 되고, 사용하지 않아도 되지만. 많은 초기화 작업을 자동으로 미리 해주기 때문에 다른 까닭이 없다면 Paperscript를 사용하는 것이 간편합니다. http://paperjs.org/tutorials/getting-started/working-with-paper-js/http://paperjs.org/tutorials/getting-started/using-javascript-directly/
1. Paper.js 0. 설정 http://paperjs.org/Paper.js 공식홈페이지의 Download로 가셔서 최신버전의 Paper.js 를 다운로드 받아주세요.이 글을쓰는 현재기준으로 최신 릴리즈 버전은 0.12.0 입니다. Paper라는 폴더를 만들고, 폴더안에 압축을 풀면 위와같이 됩니다.이제 안에 myCode 라는 폴더를 만들어주고,dist 폴더안의 paper-full.js 파일을 옮겨주세요. 위와같은 디렉토리 구조가 됩니다. 1. 테스트 DOCTYPE html> // Create a Paper.js Path to draw a line into it: var path = new Path(); // Give the stroke a color path.strokeColor = 'black'; var start ..
0. Introduction Paper.js 라는 Javascript Graphics Library를 이용해서 컴퓨터 애니메이션을 실습 해 봅니다. 개요 0. Paper.js 설치와 실습환경 만들기.1. Paper.js 기본적인 사용 방법.2. Paper.js 로 여러 가지 애니메이션 만들어 보기.3. Paper.js를 Git으로 살펴보기.