각종 프로그램 사용법

사진 찍고 바로 컴퓨터로 보내기 1초 만에 꿀팁 (카카오톡 말고 whale 웨일 브라우저)

스마트폰에서 찍은 사진 PC로 보내기여태까지 사진을 찍으면 google drive나 카카오톡으로 업로드 한 다음. pc에서 카카오톡으로 받거나, 드라이브에서 받거나 하는 방법을 이용하였습니다. 저같은 경우에는 여러 PC를 왔다갔다 하는 경우가 있어서 카카오톡 로그인을 이리저리 옮기는게 귀찮고 카톡 내용 동기화에도 안좋아서 불편했는데요. 하지만 스마트폰으로 사진을 찍은 즉시 PC로 전송하는 방법이카카오톡만큼이나 빠른 또 다른 방법이 있었습니다!웨일 브라우저바로 whale 웨일 브라우저를 사용하는 방법인데요!어떻게 하는지 방법을 알아봅시다!웨일 브라우저로 사진 공유하기먼저 스마트폰을 사진을 찍고 하단에 공유버튼을 눌러줍니다 공유 버튼을 누르면 밑에 공유할 앱들이 나오는데 카카오톡 메시지 등등이 있죠이 중에서..

2024. 5. 13. 10:43

개발 · 컴퓨터공학/Physical Simulation

Threejs Cloth Tailor 개발일지 - PBD cloth simulation 적용하기 (Distance Constraints Solve)

carmen's cloth simulation 코드 이제 carmen씨의 코드를 바탕으로 cloth simulation을 동작시키는 test scene을 만들어 보려고 한다.cloth model load하기지금은 토끼 오브젝트를 load하고 있는데, cloth model로 변경하자. cloth model의 경우 한 쪽만 렌더링하게 obj파일이 구성되어있는데, 이는 material을 double side로 설정해주면 된다. clothObject.traverse((ele)=>{ if(ele instanceof Mesh){ ele.material = new MeshStandardMaterial({color: 'red', side: 2}) }})cloth simulation 과정 분석을 시작..

2024. 5. 12. 10:20

개발 · 컴퓨터공학/three.js

Threejs Cloth Tailor 개발일지 - 모델 OBJ 파일 load하기 OBJLoader, load model material 입히기

이전 포스팅 보러가기 threejs Loaderthreejs의 addon library에는 여러가지 loader가 포함되어있다. 아래 링크에서 모든 loader를 확인해볼 수 있다. threejs loader 종류 보러가기 여기에 3D 엔진을 자주 다루어봤다면 알만한 웬만한 3D 모델 파일들을 load할 수 있는 loader들이 있다.threejs에서는 주로 gltf, obj, fbx를 사용하게 될 것 같다.OBJLoaderimport { OBJLoader } from 'three/examples/jsm/loaders/OBJLoader'이렇게 OBJLoader를 import하여 사용해주자. import { Group, Mesh, Object3DEventMap } from 'three'import { FB..

2024. 5. 11. 08:54

개발 · 컴퓨터공학/three.js

Threejs Cloth Tailor 개발일지 - TypeScripts 코드 모듈화

이전 포스팅 보러가기 목표자 이제 템플릿 프로젝트로 무엇을 해야 하느냐. 목표는 물리 리뮬레이션이 포함된 옷 재단 시뮬레이터.우선 각각의 테스트 scene을 만드는 것이 첫 단계이다. Test Scene그렇다면 어떤 테스트 scene을 만들 것이냐. 우선은 cloth simulation을 구현하는 것이 가장 먼저가 될 것 같다.orbit controler 환경도 이미 구현되어있기 때문에 carmen씨의 코드와 포스팅을 참고해보면서 threejs 기반 cloth simulation test 환경을 직접 개발하는 것이 그 첫번째 목표이다. Carmen Cincotti 의 GitHub Source 코드 모듈화먼저 scene.ts에 모여있는 기능들을 하나씩 분리하여 모듈화시키자. render-setting.ts..

2024. 5. 10. 09:47

리뷰

수험생 타이머 스톱워치 후기 리뷰 - 드레텍 디지털 스탑워치 T629, 해강코퍼레이션 스톱워치 화이트

시간을 재는 습관저는 원래 아날로그 타이머를 가지고 집중 시간? 뽀모도로? 이런 느낌으로 시간을 재는 습관을 만들고 있었어요. 요즘 좀 딴짓을 많이하고, 이 날려보내는 잉여시간을 좀 자각해야할 것 같아서 시간을 보고 자각할 만한 스톱워치를 마련하기로 했습니다.해강 코퍼레이션 스톱워치다짐을 하자마자 바로 쿠팡에서 로켓배송으로 하나 저렴한 거 마련했는데 아래에 보이는 제품입니다.  납작한 스톱워치 보러가기 이걸 사서 오늘까지 사용을 하다가 화면이 작아서 생각보다 글씨가 안보이고,비스듬하게있는 정도가 바닥이랑 좀 더 가까워서 밑에다 두면 괜찮은데, 멀리 두면 숫자가 생각보다 안보였습니다. 그래서 이 제품은 바로 옆에 가까이두고 사용하실 분께 추천드리구요.좋은 점은 저 Start/Stop 버튼을 누르는 맛이 있..

2024. 5. 10. 01:15

개발 · 컴퓨터공학

Three.js TypeScript 시작 및 초기 세팅하기

오픈 소스 찾기무엇이든 공부하는 입장에서 제로에서 시작하는 것은 바로바로 떠오르지 않는다. github 오픈소스를 찾아서 입맛에 맞는 초기 세팅으로 변경해서 사용하자. Threejs TS 템플릿 1 Threejs TS 템플릿 2 위 두 개의 오픈소스 템플릿을 찾았다. 코드를 까서 구경해보자.근데 둘 다 vite로 실행한다는 내용이 쓰여있는데, vite가 뭔지 잘 모른다.vite란 단순히 말하면 개발용 프론트엔드 서버 및 배포 번들링 기능을 지원하는 툴이다.기존에 있는 툴인 Vue CLI를 대체하는 새로운 개발 서버 및 번들링 툴이다.threejs start 템플릿 1번 : vite-threejs-ts-starter실행하기git clone을 받고 메뉴얼대로 npm installnpm run start만 하..

2024. 5. 9. 09:19