programi의 개발 노트

  • 홈
  • 태그
  • 방명록

WebGL 1

채팅 위젯 한 장으로 '녹는 얼음 구체'를 만들려다 셰이더 레이마칭까지 간 이야기 — 7전 7패 기술 회고

얼음 만지는 ASMR 앱 만들려다 셰이더까지 파고든 주말 (결론: 7번 다 망함)별 생각 없이 시작했다. 화면 속 얼음을 손으로 만지면 사르르 녹는, 그런 ASMR 앱 하나. 외부 이미지나 사운드 파일 없이 코드만으로. 쉬울 줄 알았다. 결론부터 말하면 일곱 번 갈아엎고 일곱 번 다 망했고, 마지막엔 컨셉 자체를 버렸다. 그래도 망하는 과정에서 배운 게 꽤 있어서 정리해 둔다.먼저 전체 여정을 표로. #접근망한 이유 1Canvas 2D 마스킹 (성에 긁어내기)평면이라 '구'가 아님 2원 클리핑 + 방사 그라데이션음영 칠한 원일 뿐, 입체감 없음 3소프트바디 물리녹일 때 정점이 찢어지며 형태 붕괴 4곡선 슬럼프 모델안정적이지만 '녹는' 느낌이 안 남 5픽셀 단위 ..

카테고리 없음 2026.06.27
이전
1
다음
더보기
프로필사진

programi의 개발 노트

Game · AI · Programming 개발 공부, 프로젝트 회고, 문제 해결 과정을 기록하는 기술 블로그입니다.

  • 분류 전체보기 (63)
    • 야구분석 (7)
    • 게임 개발 (21)
      • 유니티 게임 개발 일지 (2)
      • 야구 게임 개발 일지 (2)
      • 부루마블 개발 일지 (12)
      • Aetheria 2099 (5)
    • 웹 개발 (3)
    • 앱 개발 (23)
      • 스터디 앱 개발 (15)
      • RoomMate 개발 (8)
    • C언어 (0)
    • AI&Machine Learning (8)

Tag

부루마블, 김도영, UX, 1인개발, 커플앱, 게임기획, TypeScript, 게임개발, Colyseus, 제작기, 사이드프로젝트, 인디게임, flutter, 멀티플레이게임, 웹게임개발, 개인프로젝트, LLM, 개발일지, 커플앱개발, 리텐션,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/10   »
일 월 화 수 목 금 토
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 © Daum Corp. All rights reserved.

티스토리툴바