LOU

  • 홈
  • 태그

js 애니메이션 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
더보기
프로필사진

지식은 점에서 선으로 https://github.com/gold24park

  • 분류 전체보기 (416)
    • 프로그래밍 (312)
      • General (55)
      • Linux (15)
      • Android (122)
      • Java (5)
      • Algorithm (10)
      • C | C++ (2)
      • iOS (1)
      • Kotlin (11)
      • Network (9)
      • 마인크래프트 서버, 플러그인 (7)
      • Python (11)
      • SQL (6)
      • NoSQL (2)
      • Unity (8)
      • JS, Node.js (25)
      • 수학 (8)
      • C# (2)
      • Blockchain (3)
      • Docker (4)
      • 회고 (4)
      • Rust (2)
    • 게임 (28)
      • 마인크래프트 (14)
      • 마인크래프트 앱 개발일기 (10)
      • 일반 게임 (4)
    • 나 (73)
      • 이슈 (34)
      • 리뷰 (16)
      • 독후감 (7)
      • 루슐랭 맛집 (9)
      • 개인정보처리방침 (7)

Tag

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

최근글과 인기글

  • 최근글
  • 인기글
  • SCC Wallet 개인정보처리방침 2023.05.24 17:57
  • [Rust] Option<T>가 Null보다 나은 이유(번역) 2023.05.20 12:58
  • [Rust] Stack과 Heap (번역) 2023.05.14 22:32
  • [The Sims4] 심즈4 치트 모음 / 사용법 (복사가능) 2022.01.08 13:11
  • 마인크래프트 광물 / 블록 좌표 바이옴 정리 2021.12.18 13:38
  • 마인크래프트(Minecraft) 인원별 서버 사양 추천 2021.09.22 01:52

최근댓글

  • 데이터 종류 여러개 입력하려면 js코드에서 몇번째 줄 수정하면 되나요?

    ㅇㅇ

  • cannot get..하고 뒤에 어떤 에러 메세지가있는지가 중요할 것 같습니다!

    Lou Park

  • 근데 보일러플레이트 코드 넣었는데도 cannot get 이러면서 안뜨는데 이건 어떻게 하나⋯

    ㅇㅇ

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

  • 2023/05
  • 2023/04
  • 2023/03
  • 2023/02

Calendar

«   2023/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

1,280,778

  • Today : 234
  • Yesterday : 1,094

Copyright © Kakao Corp. All rights reserved.

티스토리툴바