leesche blog

  • 홈
  • 태그

일러스트레이터 1

일러스트레이터와 HTML/CSS3으로 스프라이트 만들기

게임을 만들어야 하는 과제를 위해 사람이 걷는 애니메이션을 만들어야 했다. 구글 이미지에서 괜찮은 스프라이트 파일을 구했지만 제대로 된 것이 아니었다. 내가 직접 그림을 자르고 간격을 맞춰서 거의 새로운 스프라이트 파일을 창조해야 했다. 그래서 3시간 정도의 시행착오 끝에 만들었다. 다음과 같은 과정을 걸쳐야 했다. 화질 좋은 '사람이 걷는 동작을 분할해놓은 그림'을 구글링해서 다운로드 받기 정확한 간격으로 그림을 잘라서 가로로 긴 형태의 스프라이트 파일 만들기 HTML/CSS로 애니메이션 구현하기. 그리고 2번이 문제였다. 처음에는 어떤 툴로 이 작업을 해야할지 모르겠어서 매우 당황했었다. 그림판, PPT, 포토샵, 일러스트레이터를 오가면서 어떻게 해야 할지 방황했었고, 결국 일러스트레이..

일반 2020.06.07
1
더보기
프로필사진

  • 분류 전체보기
    • 일반
    • 프로그래밍-학습기록
      • 알고리즘 & 자료구조
      • 네트워크
      • 운영체제
      • 객체 지향 프로그래밍
      • 개발 방법론
      • 코딩테스트
      • Java
      • Javascript
      • Python
      • Web
    • 리뷰
      • 책
    • 테스팅

Tag

자료구조와함께배우는알고리즘입문, 클래스, 배열, 알고리즘, 객체지향, 개발자가 반드시 정복해야 할 객체 지향과 디자인 패턴, 코어 자바스크립트, 파이썬, 자바스크립트, JavaScript, this, 코딩테스트, 네트워크, level 1, CSS, 프로그래머스, 인터페이스, 상속, 이벤트리스너, 프로토타입,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/08   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바