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

three.js skybox 적용하기 [Threejs Cloth Tailor 개발일지]

↓  ↓  이전 포스팅 보러가기 ↓  ↓ https://like-grapejuice.tistory.com/526 raycast 관련 문제도 고쳤겠다. 이제 기록을 남길 시나리오를 짜보자.우선 색부터 좀 조정하도록 하자. 배경색 변경 우선 템플릿에서부터 사용했던 저 칙칙한 배경색 좀 바꾸자. 재밌는 점은 배경은 css로 구성되어있다는 점이다. 배경을 skybox로 붙이고 싶은데, style.css 위에 덧붙이면 그냥 적용이 되려나.three.js skybox 구현 https://threejs.org/docs/#api/en/loaders/CubeTextureLoader three.js docs threejs.orgcube texture loader를 이용해서 scene에 background로 texture를..

2024. 10. 3. 11:35

개발 · 컴퓨터공학/알고리즘

백준 14501 퇴사 파이썬 문제풀이 (python 바텀업 DP)

문제 보러가기  백준 퇴사 파이썬 문제풀이또 보는 퇴사 문제. 이번에는 또 다른 방법인 바텀업 DP로 풀어보자.  정답코드n = int(input())work = []answer = 0for i in range(n): t,p = map(int,input().split()) work.append([t,p])dp = [0 for _ in range(n+1)]for idx in range(n)[::-1]: if idx + work[idx][0] > n: dp[idx] = dp[idx+1] else: dp[idx] = max(dp[idx + work[idx][0]] + work[idx][1], dp[idx+1])print(max(dp))탑다운DP와는 다르게 반복문만..

2024. 10. 2. 11:22

개발 · 컴퓨터공학/알고리즘

백준 12865 배낭 파이썬 문제풀이 (python 최적화, 재귀, 백트래킹 경우의 수, 기억, 탑다운 DP, 메모이제이션)

문제 보러가기 백준 배낭 파이썬 문제풀이N개 물건 중 배낭에 특정 무게 K까지 담을 수 있고, 제한된 무게 내에서 최대한의 가치를 갖도록 물건들을 담는 문제이다. 재귀함수를 이용해서 각 물건을 넣는 경우와 안넣는 경우를 분리해서 뻗어나간다. n,k = map(int,input().split())answer = 0stuff = []def recur(idx, wgt, val): global answer # 무게가 넘으면 if wgt > k: return if idx == n: answer = max(answer, val) return recur(idx+1, wgt+stuff[idx][0], val+stuff[idx][1]) recur(id..

2024. 10. 1. 11:52

개발 · 컴퓨터공학

three.js GPGPU compute shader

three.js GPUComputationRenderer three.js GPGPU - GPUComputationRenderer 사용하기https://medium.com/@p5js/threejs-%EC%97%90%EC%84%9C-gpgpu-%EC%82%AC%EC%9A%A9-01-be4090b8e3a4 Threejs 에서 GPGPU 사용 01많이들 사용하지만 한글로된 자료가 부족해서 적어보는..medium.com이 포스팅을 이어서 작업해보자. like-grapejuice.tistory.com위 포스팅에서 simulation fragment 라는 shader를 사용했었다.이게 vertex shader를 수행하기 전에 사전에 처리되는 compute shader라고 보면GPGPU를 사용하기에 있어서 충분한 sh..

2024. 9. 30. 20:20

개발 · 컴퓨터공학

three.js GPGPU - GPUComputationRenderer 사용하기

https://medium.com/@p5js/threejs-%EC%97%90%EC%84%9C-gpgpu-%EC%82%AC%EC%9A%A9-01-be4090b8e3a4 Threejs 에서 GPGPU 사용 01많이들 사용하지만 한글로된 자료가 부족해서 적어보는..medium.com이 포스팅을 이어서 작업해보자.  vertex shader point sizeglsl로 material을 바꾸니 point가 안보인다.점이 너무 작아서 그런가. //vertexshadervoid main(){ vec4 mvPosition = modelViewMatrix * vec4(position, 1.0); gl_PointSize = 10.0 / -mvPosition.z; gl_Position = projectio..

2024. 9. 30. 18:57

개발 · 컴퓨터공학

three.js GPGPU - glsl shader 사용하기

GPUComputationRenderer 사용해보기  Threejs 에서 GPGPU 사용 01많이들 사용하지만 한글로된 자료가 부족해서 적어보는..medium.com 위 포스팅을 참고해서 GPGPU를 테스트해보도록 하자. 현재 이렇게 mesh를 렌더링한 상태에서 mesh points로 바꿔본다. const cube = new THREE.Points( new THREE.PlaneGeometry(2, 2, 128, 128), new THREE.PointsMaterial({color:'red', size: 1}))scene.add(cube)이렇게 mesh를 points로 material을 points material로 바꾸었는데, point로 렌더링이 되지는 않는다.하지만 그렇다고 mesh plane도 아..

2024. 9. 30. 16:50