- 전체보기 (253)
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
Tags
- next.js
- JavaScript
- 이슈
- CSS
- 이더리움
- AWS
- 컴퓨터공학
- HTML
- 블록체인
- 웹
- 리액트
- es6
- 솔리디티
- docker
- 프론트엔드
- VUE
- kubernetes
- 파이썬
- 백준
- k8s
- 자바스크립트
- 알고리즘
- 클라우드
- react
- BFS
- 백엔드
- 쿠버네티스
- 가상화
- 타입스크립트
- TypeScript
Archives
- Today
- Total
목록📖 2025/01/19 (1)
즐겁게, 코드
블루 아카이브 팬이라면 꼭 봐야 할! Three.js로 만드는 3D 애니메이션
우연히 블루 아카이브라는 게임을 깔아보고 있었는데, 설치 중 유난히 예쁜 애니메이션이 눈에 들어왔다.별의 일주 운동처럼 축을 기준으로 고리가 공전하는 애니메이션인데 이게 상당히 예쁘게 느껴져 한번 비스무리하게 만들어 보았다.먼저 이런 애니메이션의 특성상 Three.js 를 사용하는 것이 적절해 보였고, 고리 형태를 화면에 그리기 위해 RingGeometry를 사용해야 할 것 같았다.RingGeometry는 기본적으로는 완전한 고리의 형태를 띠고 있는데, 생성자의 6번째 인자인 thetaLength 값을 조절하면 우측처럼 완전하지 않은 고리를 만들 수도 있다./**** RingGeometry 생성자의 인자 목록 (순서대로) **@param innerRadius — Expects a Float. Defaul..
🎨 프론트엔드/뚝딱뚝딱!
2025. 1. 19. 02:35
소소한 팁 : 광고를 눌러주시면, 제가 뮤지컬을 마음껏 보러다닐 수 있어요!
와!! 바로 눌러야겠네요! 😆