lou@blog $ _

  • 홈
  • 태그

캔버스 1

[Javascript] Canvas 태양, 지구와 달 애니메이션 그리기 (Circle animation)

태양을 중심으로 지구, 지구를 중심으로 달을 움직이는 애니메이션을 만들어보았다. 코딩으로하는 애니메이션에 대해서 그동안 감이 좀없고 낮설었는데, (특히 게임 스크립팅도...) 익숙해질겸 건드려보고있는데 이거...재밌다..ㅋㅋㅋㅋㅋㅋ 우선 매 프레임마다 모든 요소를 다시그려주어야한다. 어렸을때 책 귀퉁이에 한장 한장마다 그려서 쭈루루룩 넘기면서 애니메이션을 만들었던것처럼, 다음장을 넘기고 그리고를 반복한다. 반복 윈도우가 로드되면, 루프를 시작한다. 이 루프는 일정한 프레임마다 영원히 돌면서 update()를 실행시키게 된다. var canvas = document.getElementById('canvas'); var context = canvas.getContext('2d'); window.onload ..

프로그래밍/JS, Node.js 2022.01.11
1
더보기
프로필사진

지식은 점에서 선으로

  • 분류 전체보기 (572) N
    • 프로그래밍 (407) N
      • General (66)
      • Linux (19)
      • Android (140)
      • Kotlin (14)
      • Network (10)
      • Java (10)
      • JS, Node.js (26)
      • Algorithm (10)
      • C | C++ (2)
      • iOS (1)
      • 마인크래프트 서버, 플러그인 (7)
      • Python (16) N
      • SQL (6)
      • NoSQL (2)
      • Unity (8)
      • 수학 (8)
      • C# (2)
      • Blockchain (3)
      • Docker (5)
      • 회고 (7)
      • Rust (5)
      • Design Pattern (1)
      • Spring (1)
      • Gradle (7)
      • Graphics (1)
      • 단어장 (14)
      • AI,ML (14)
      • Godot (2)
    • 게임 (47)
      • 마인크래프트 (24)
      • 마인크래프트 앱 개발일기 (10)
      • 일반 게임 (6)
      • 게임개발 (7)
    • 나 (108)
      • 이슈 (44)
      • 리뷰 (19)
      • 독후감 (7)
      • 루슐랭 맛집 (27)
      • 생각 주머니 (11)
    • 기타 (8)
      • 개인정보처리방침 (8)

Tag

마크, JavaScript, kotlin, 코딩, Linux, 서버, Windows, Server, Android, minecraft, 안드로이드, Python, 어플, 만들기, 마인크래프트, 앱, 프로그래밍, 개발, Java, 강의,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

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

티스토리툴바