[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

[피오리 / 단고당] 망원에서 저녁식사와 카페

동네친구와 오랜만에 저녁을 먹었다. 저녁은 피오리, 카페는 단고당~ [피오리]영업시간영업일 : 화~토 11:30 ~ 22:00 / 일 12:00 ~ 21:00 / 화~일 휴게시간 14:30 ~ 17:30공휴일 : 12:00 ~ 21:00 / 휴게시간 14:30 ~ 17:30휴무일 : 월요일 위치서울 마포구 월드컵로10길 13 1층 PIORI (서울특별시 마포구 서교동 476-26) 예약예약은 네이버 예약 네이버에서 가능하다. 피오리 : 네이버방문자리뷰 514 · 블로그리뷰 198m.place.naver.com 사진양식을 먹고싶어서 찾아보던 중 단호박 뇨끼를 판다 고하길래 망설임 없이 갔다. 뇨끼도 좋아하고 단호박도 좋아하니까, 친구도 같은 마음.가게가 동굴같은 분위기에서 편안했다. 아기자기한 소품이 많..

• format_list_bulleted 일상/식도락
• · 2024. 11. 27.
• 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

[Canvas-불꽃놀이-12] text 픽셀 데이터 생성

이전 글 : [Canvas-불꽃놀이-11] 불꽃놀이 꼬리 완성 [Canvas-불꽃놀이-11] 불꽃놀이 꼬리 완성이전 글 : [Canvas-불꽃놀이-10] 불꽃놀이 꼬리의 위치와 속도 구현 [Canvas-불꽃놀이-10] 불꽃놀이 꼬리의 위치와 속도 구현이전 글 : [Canvas-불꽃놀이-09] 파티클 관리와 객체 폴링 [Canvas-불꽃놀이-09]jinsk-joy.tistory.com 사용자가 입력한 문자열의 TextData 생성하기1.  문자열의 textData 생성하기앞에서 만들었던 TextData 클래스를 활용하여 파티클을 화면에 그릴 때 필요한 픽셀 데이터를 가져오도록 하겠다. 1-1. textData 가져오기fontSize를 인자를 받아 텍스트를 화면에 그리고 픽셀 데이터를 반환하는 메서드를 생..

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

[Canvas-불꽃놀이-11] 불꽃놀이 꼬리 완성

이전 글 : [Canvas-불꽃놀이-10] 불꽃놀이 꼬리의 위치와 속도 구현 [Canvas-불꽃놀이-10] 불꽃놀이 꼬리의 위치와 속도 구현이전 글 : [Canvas-불꽃놀이-09] 파티클 관리와 객체 폴링 [Canvas-불꽃놀이-09] 파티클 관리와 객체 폴링이전 글 : [Canvas-불꽃놀이-08] 애니메이션 기본 틀잡기 [Canvas-불꽃놀이-08] 애니메이션 기본 틀jinsk-joy.tistory.com 불꽃놀이의 꼬리 최종 완성 이전글에서 꼬리의 위치와 속도를 정의했다. 이번 글에선 TailParticle을 생성하고 세부 값들을 조절하여 화면에 어떻게 구현되는지 확인해 보도록 한다.  1. TailParticle 구현TailParticle 클래스는 불꽃놀이의 꼬리를 나타내며, 캔버스 하단에서부터..

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