[Canvas-불꽃놀이-34] 버그 수정 (인앱 브라우저, ios 하단 높이)

[Canvas-불꽃놀이-34] 버그 수정 (인앱 브라우저, ios 하단 높이)

이전 글 : [Canvas-불꽃놀이-33] index.js 통합 테스트 [Canvas-불꽃놀이-33] index.js 통합 테스트이전 글 : [Canvas-불꽃놀이-32] Canvas 클래스 단위 테스트 (애니메이션) [Canvas-불꽃놀이-32] Canvas 클래스 단위 테스트 (애니메이션)이전 글 : [Canvas-불꽃놀이-31] Canvas 클래스 테스트 (파티클 업데이jinsk-joy.tistory.com 배포를 하고 나서 이런저런 문제가 발생해 수정 기록을 남겨보도록 하겠다. 카카오톡 메신저 인앱 브라우저 탈출카카오톡으로 링크를 공유해 열어보니 카카오톡 인앱 브라우저를 사용하게 되어 화면 높이를 제대로 인식하지 못하는 문제가 발생했다.입력 후 불꽃놀이 화면으로 넘어갈 때 입력창 높이가 그대로 남..

  • format_list_bulleted Canvas/불꽃놀이 프로젝트
  • · 2024. 12. 27.
  • textsms
[Canvas-불꽃놀이-33] index.js 통합 테스트

[Canvas-불꽃놀이-33] index.js 통합 테스트

이전 글 : [Canvas-불꽃놀이-32] Canvas 클래스 단위 테스트 (애니메이션) [Canvas-불꽃놀이-32] Canvas 클래스 단위 테스트 (애니메이션)이전 글 : [Canvas-불꽃놀이-31] Canvas 클래스 테스트 (파티클 업데이트) [Canvas-불꽃놀이-31] Canvas 클래스 테스트 (파티클 업데이트)이전 글 : [개발/Canvas] - [Canvas-불꽃놀이-30] Canvas 클래스 테스트 (파jinsk-joy.tistory.com 화면 전환 및 애니메이션 제어를 위한 index.js의 통합 테스트 index.js 통합 테스트마지막으로 index.js의 통합 테스트를 진행하여 모든 테스트를 마무리하려 한다.index.js 파일은 전체 프로젝트 초기화, 이벤트 리스너, DOM..

  • format_list_bulleted Canvas/불꽃놀이 프로젝트
  • · 2024. 12. 21.
  • textsms
[Canvas-불꽃놀이-32] Canvas 클래스 단위 테스트 (애니메이션)

[Canvas-불꽃놀이-32] Canvas 클래스 단위 테스트 (애니메이션)

이전 글 : [Canvas-불꽃놀이-31] Canvas 클래스 테스트 (파티클 업데이트) [Canvas-불꽃놀이-31] Canvas 클래스 테스트 (파티클 업데이트)이전 글 : [개발/Canvas] - [Canvas-불꽃놀이-30] Canvas 클래스 테스트 (파티클 생성) [Canvas-불꽃놀이-30] Canvas 클래스 테스트 (파티클 생성)이전 글 : [Canvas-불꽃놀이-29] Canvas 클래스 단위 테스트 (텍스jinsk-joy.tistory.com  애니메이션과 렌더 테스트 Canvas 애니메이션과 렌더 테스트이제 마지막 관문인 애니메이션과 렌더에 대한 테스트를 진행하겠다.애니메이션 테스트를 진행할 때 requestAnimationFrame에 관련된 테스트를 하느라 여러 오류가 있었다. 종..

  • format_list_bulleted Canvas/불꽃놀이 프로젝트
  • · 2024. 12. 19.
  • textsms
[Canvas-불꽃놀이-31] Canvas 클래스 단위 테스트 (파티클 업데이트)

[Canvas-불꽃놀이-31] Canvas 클래스 단위 테스트 (파티클 업데이트)

이전 글 : [개발/Canvas] - [Canvas-불꽃놀이-30] Canvas 클래스 테스트 (파티클 생성) [Canvas-불꽃놀이-30] Canvas 클래스 테스트 (파티클 생성)이전 글 : [Canvas-불꽃놀이-29] Canvas 클래스 단위 테스트 (텍스트 데이터 생성) [Canvas-불꽃놀이-29] Canvas 클래스 단위 테스트 (텍스트 데이터 생성)이전 글 : [Canvas-불꽃놀이-28] Canvas 클래스 단위 테jinsk-joy.tistory.com Tail, Text, Circle, Spark 파티클 업데이트 테스트 파티클 업데이트 테스트파티클 생성에 대한 테스트를 진행했으니 이제 업데이트에 대한 테스트를 진행하도록 한다.각 파티클 타입의 업데이트가 의도한 대로 이루어지는지 검증한다..

  • format_list_bulleted Canvas/불꽃놀이 프로젝트
  • · 2024. 12. 19.
  • textsms
[Canvas-불꽃놀이-30] Canvas 클래스 단위 테스트 (파티클 생성)

[Canvas-불꽃놀이-30] Canvas 클래스 단위 테스트 (파티클 생성)

이전 글 : [Canvas-불꽃놀이-29] Canvas 클래스 단위 테스트 (텍스트 데이터 생성) [Canvas-불꽃놀이-29] Canvas 클래스 단위 테스트 (텍스트 데이터 생성)이전 글 : [Canvas-불꽃놀이-28] Canvas 클래스 단위 테스트 (초기화) [Canvas-불꽃놀이-28] Canvas 클래스 단위 테스트 (초기화)이전 글 : [Canvas-불꽃놀이-27] CanvasOption 클래스 단위 테스트 [Canvas-불꽃놀이jinsk-joy.tistory.com  Tail, Text, Circle, Spark의 생성 테스트Tail, Text, Circle, Spark 파티클 생성 테스트Canvas 클래스에서 애니메이션을 진행할 파티클들의 생성이 잘 이루어지는지 검증하도록 한다.  Ca..

  • format_list_bulleted Canvas/불꽃놀이 프로젝트
  • · 2024. 12. 19.
  • textsms
[Canvas-불꽃놀이-29] Canvas 클래스 단위 테스트 (텍스트 데이터 생성)

[Canvas-불꽃놀이-29] Canvas 클래스 단위 테스트 (텍스트 데이터 생성)

이전 글 : [Canvas-불꽃놀이-28] Canvas 클래스 단위 테스트 (초기화) [Canvas-불꽃놀이-28] Canvas 클래스 단위 테스트 (초기화)이전 글 : [Canvas-불꽃놀이-27] CanvasOption 클래스 단위 테스트 [Canvas-불꽃놀이-27] CanvasOption 클래스 단위 테스트이전 글 : [Canvas-불꽃놀이-26] TextData 클래스 단위 테스트 [Canvas-불꽃놀이-26] TextDatajinsk-joy.tistory.com Canvas 클래스 텍스트 파티클을 그리기 위한 TextData 생성 단위 테스트 TextData 생성 테스트텍스트 픽셀 데이터는 캔버스에 그린 텍스트의 이미지 데이터를 가져와 텍스트가 그려진 부분만 추출한다.텍스트 파티클을 그리기 위..

  • format_list_bulleted Canvas/불꽃놀이 프로젝트
  • · 2024. 12. 17.
  • textsms