프로그래밍 234

node.js 대신에 bun (번) 사용합니다.

node 실행 명령어 보다 빠르게 typescript 를 실행할 수 있는 bun 을 사용하고 있습니다.어차피 동작도 동일하고 nodemon 같은 watch 기능도 포함되어있습니다.안쓸이유가 없슴니다.애플코딩 설명: https://www.youtube.com/watch?v=a8uPDppckQk이 영상이 나올때는 1.0 이였고 지금은 2.0 인거 같습니다. 설명글에는 node 는 오래된 언어로 개발되어있구요bun 은 한세대 건너뛴 방법으로 다시 개발되었습니다.특히 typescript 를 컴파일 시간없이 돌리기 때문에 빠르게 실행이 가능합니다.설치방법설치문서: https://bun.sh/docs/installationnpm 으로도 설치가능합니다.문저에 제공하는 방식으로 설치하세요 저도 이번에 업데이트 했습니..

글씨 바탕에 네모 박스가 보인다. / 유니티 폰트 TextMeshPro / 해결방법

오른족은 게임화면 왼쪽은 씬 화면입니다.게임화면에서 네모 상자가 보입니다. 폰트는 구글 폰트에서 : https://fonts.google.com/ Browse Fonts - Google FontsMaking the web more beautiful, fast, and open through great typographyfonts.google.com 글씨가 가늘어서 두깨를 조정하면 이렇게 됩니다.두깨를 0으로 낮추면사라는지는데 가늘어서 안보입니다해결방법: https://discussions.unity.com/t/text-mesh-pro-box-around-text-unwanted-effect-bug/740454여기보시면 패딩 문제라고 합니다.폰트를 다시 새성합니다.이게 패딩입니다. 5가 작으니 10으로 고..

node_modules/@google-cloud/storage/build/cjs/src/crc32c.d.ts:6:39 - error TS2315: Type 'Int32Array' is not generic. / Firebase Typescript 환경에서 ...

문제: https://github.com/firebase/firebase-functions/issues/1664 Error TS2315: Type 'Int32Array' is not generic. · Issue #1664 · firebase/firebase-functionsRelated issues None that I could find [REQUIRED] Version info "firebase-admin": "^12.1.0" "firebase-functions": "^5.0.0" node: v20.16.0 firebase-functions: 12.1.0 firebase-tools: 13.16.0 firebase-a...github.com yarn add -D typescript@latest타입스..

유니티 6 웹 용량 줄이기에 대한 설명 / unity web

영상: https://youtu.be/eCTKiBVUdRM?t=386영상 요약6분 30초 부터 나오구요br 악춤 외도 여러가지가 있군요그리고 이제webgl 대신 웹 이라고 부르기로 했다고 하네요그래서 유니티 웹 이 되겠습니다.Unity Play 에 올릴 것을 권장하네요 용어의 통일Unity 6 부터는 webgl 을 Unity Web 으로 부르기로 했다고 합니다.WebGL HTML5 WebGPU 등 계속해서 신기술이 개발되어 새로운 용어가 생겨나기 때문에 용어를 통일한다고 하네요

유니티 애셋 MudBun 구경해보자 / Boing Kit 개발자

동영ㅇ상으로 봐야 이해가될텐데이 스샷은 큐브에서 구체를 뺀 화면입니다.MudBun 은 두가지  오브젝트를 조합해 효과를 만들어주는 애셋인거 같습니다.영상을 봣는데 신기한 표현들이 많았습니다.나중에 써먹을데가 있을지 모르겠습니다. 홍보영상: MudBun: Volumetric VFX Mesh Tool for Unity UFO 버니도 나오는군요 Boing Kit  개발자였네요 아래쪽에 먼지같은걸 MudBun 으로 표현한것입니다. 개발 설명 영상: https://www.youtube.com/watch?v=s5Qrap0EW3M Boing Kit 도 흥미로운 애셋이니 봐두세요 보잉 킷 홍보 영상: https://www.youtube.com/watch?v=bcpFaRJmDS8&embeds_referring_euri=..

유니티에서 TextMeshPro 폰트를 dynamic 으로 설정하기 / Setting TextMeshPro font to dynamic in Unity

영상: https://www.youtube.com/watch?v=NY1xKqCIj3c 영상에서는 dynamic 방식에대한 설명이 들어어있어서 매우 장황합니다. 빠르게 설정 방법어차피 dynamic 을 설정하기위해서 이글을 보시는거기 때문에폰트로 폰트애셋을 굽습니다. (이건 하셨을듯) 폰트애셋을 선택 합니다.제일아래 Aa 로된 아이콘은 TTF 폰트파일입니다. 이걸 만지는게 아니고위에 F 로 되어있는 폰트애셋을 클릭합니다. 인스팩터에서Atlas Population ~~ 보시면 static 으로 되어있을 것입니다.dynamic 으로 바꾸시면 구울때 없었던 본트도 실시간으로 생성됩니다. 장황한 dynamic 방식에 대한 설명게임에 사용할 폰트를 미리 구워 사용하는 방식을 static 이라고 합니다.이 방식은 매..

지브리 스타일 말고 2d 게임용 픽셀아트도 뽑아 줍니다. / @OpenAI GPT-4o can generate 2D character animation sprite sheets for your vibe coded video game

영상: https://youtu.be/yz6Tc2vAQDA?t=3195분19초에 나옵니다.2D 게임에 쓸수 있겠군요 훌륭합니다. 원본 트위ㅓ 글입니다. : https://x.com/majidmanzarpour/status/1905666221225197790 X의 Majid Manzarpour님(@majidmanzarpour)Ok, @OpenAI GPT-4o can generate 2D character animation sprite sheets for your vibe coded video game Prompt below 👇x.com

@vueuse/core / VUE 에서 다크모드 전환 버튼 구현할때

tailwind 필수 입니다.따라하기 영상: https://www.youtube.com/watch?v=7_mqThfC_yM 빼먹지 말아야하는게public/index.html 의 body 부분에이거 들어가야합니다.저는 어두운게 기본이라 dark 를 썼지만밝은게 기본이라면 light 를 쓰시면 됩니다. tailwind.config.js 에는  darkMode: "class",이거 들어가야합니다.media 는 사용자 윈도우즈 설정을 따르기 때문에 변경을 할 수 가없습니다. class 는 변경할 수 있습니다.나머진 영상 따라하시면 될 것 같구요옛날보다 더 쉬워졌군요좋네요