[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-불꽃놀이-27] CanvasOption 클래스 단위 테스트

이전 글 : [Canvas-불꽃놀이-26] TextData 클래스 단위 테스트 [Canvas-불꽃놀이-26] TextData 클래스 단위 테스트이전 글 : [Canvas-불꽃놀이-25] ParticleManager 클래스 단위 테스트 [Canvas-불꽃놀이-25] ParticleManager 클래스 단위 테스트이전 글 : [Canvas-불꽃놀이-24] SparkParticle 클래스 단위 테스트 [Canvas-불꽃놀이-24]jinsk-joy.tistory.com 캔버스의 여러 속성을 설정할 CanvasOption 클래스 단위 테스트 CanvasOption 클래스 단위 테스트드디어 캔버스 테스트로 넘어왔다.CanvasOption 클래스는 캔버스 렌더링 및 속성 설정(DPI, 크기, 폰트 등)을 관리한다. ..

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

[Canvas-불꽃놀이-21] TailParticle 클래스 단위 테스트

이전 글 : [Canvas-불꽃놀이-20] Particle 클래스 단위 테스트 [Canvas-불꽃놀이-20] Particle 클래스 단위 테스트이전 글 : [Canvas-불꽃놀이-19] CanvasOption 단위 테스트 [Canvas-불꽃놀이-19] CanvasOption 단위 테스트이전 글 : [Canvas-불꽃놀이-18] utils.js 단위 테스트 [Canvas-불꽃놀이-18] utils.js 단위 테스트이전 글 : [Cjinsk-joy.tistory.com TailParticle 클래스 단위 테스트 진행 TailParticle 단위 테스트부모 파티클인 Particle 클래스의 검증이 끝났으니 TailParticle 클래스도 단위 테스트를 진행하도록 한다.부모의 속성, 기능이 TailPartic..

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

[Canvas-불꽃놀이-15] CircleParticle 구현과 업데이트

이전 글 : [Canvas-불꽃놀이-14] 원형 불꽃 효과 생성 [Canvas-불꽃놀이-14] 원형 불꽃 효과 생성이전 글 : [Canvas-불꽃놀이-13] TextParticle 구현과 적용 [Canvas-불꽃놀이-13] TextParticle 구현과 적용이전 글 : [Canvas-불꽃놀이-12] text 픽셀 데이터 생성 [Canvas-불꽃놀이-12] text 픽셀 데이터 생성이전 글jinsk-joy.tistory.com CircleParticle 클래스를 완성하여 화면에 렌더 해보기이전 글에 원형 불꽃 효과를 생성하였다. 이번에는 이 효과를 적용할 CircleParticle 클래스를 완성하여 실제로 화면에 렌더 해보겠다. 1. CircleParticle 클래스 구현이전의 원형 불꽃 효과의 내용을 바..

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

[Canvas-불꽃놀이-14] 원형 불꽃 효과 생성

이전 글 : [Canvas-불꽃놀이-13] TextParticle 구현과 적용 [Canvas-불꽃놀이-13] TextParticle 구현과 적용이전 글 : [Canvas-불꽃놀이-12] text 픽셀 데이터 생성 [Canvas-불꽃놀이-12] text 픽셀 데이터 생성이전 글 : [Canvas-불꽃놀이-11] 불꽃놀이 꼬리 완성 [Canvas-불꽃놀이-11] 불꽃놀이 꼬리 완성이전 글 : [Cajinsk-joy.tistory.com  원형 불꽃 효과 구현텍스트 파티클 만으로는 시각적으로 밋밋하고 불꽃놀이의 느낌을 전달하기엔 현재의 상태가 부족하다고 느꼈다.그래서 원형 모양의 효과를 추가해 좀 더 화려하고 생생한 느낌의 불꽃놀이를 만들어 보기로 했다.처음에 도넛 모양을 유지하면서 퍼지는 형태를 구현하거나,..

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

[Canvas-불꽃놀이-13] TextParticle 구현과 적용

이전 글 : [Canvas-불꽃놀이-12] text 픽셀 데이터 생성 [Canvas-불꽃놀이-12] text 픽셀 데이터 생성이전 글 : [Canvas-불꽃놀이-11] 불꽃놀이 꼬리 완성 [Canvas-불꽃놀이-11] 불꽃놀이 꼬리 완성이전 글 : [Canvas-불꽃놀이-10] 불꽃놀이 꼬리의 위치와 속도 구현 [Canvas-불꽃놀이-10] 불꽃놀이 꼬리의 위jinsk-joy.tistory.com TextParticle 클래스 구현과 화면에 렌더 하기1.  TextParticle 클래스 세부 구현기존에 틀만 만들어 놓은 TextParticle의 세부적인 내용을 정의한다. 1-1. 생성자와 멤버변수TextParticle을 생성할 때 파티클을 생성할 위치 (x, y), 파티클의 속도 (vx, vy), 파티클..

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