pfp를 파악할 일이 생겨 코드 파악할겸 pfp만드는거 테스트 해봤는데
넘무 기여워서 작업하다가 피식한 즐거웟던 작업 ㅎㅎ
1. 피그마로 부품(?)들을 제작해주기
** 진짜 진짜 중요한건 뒷배경 투명색으로 해주는거
(안그럼 겹쳐서 만들어야하는 작업이 안됌)
2. config.js에서 내가 원하는 대로 수정해주기
const layerConfigurations = [
{
// 원하는 생성 개수
growEditionSizeTo: 10,
layersOrder: [
{ name: "Mouth" },
{ name: "Background" },
{ name: "Head" },
{ name: "Eye" },
],
},
];
3. 파일명은 아래처럼 작성해줘야 됌
ex) back1#100.png -> 파일명#확률 (한마디로 저건 back1 사진 첫번째, 확률은 100%로 뽑히도록 해라 라는 의미)
4. 터미널에
npm run build 돌리면 build 폴더 생성되는데 거기 images 들어가보면 내가 추가한 사진대로 요러케 랜덤으로 와다다다 생긴 pfp를 확인할 수 있당 >_< 카와이데쮸
댓글