GLSL PTS를 VTF로 이용(DDS를 이용한 16bit 이미지 저장) 시부야 역의 데이터는 PTS 형식으로 저장됩니다. 제대로 된 규격의 페이지를 찾을 수 없었습니다만, 를 보는 한 PTS 형식은 요컨데 스페이스 단락의 UTF8의 테이블 데이터와 같습니다. 그리고 분명히 처음 세 열은 XYZ이고 마지막 세 열은 RGB와 같습니다. 『과연, 같이 하기에 텍스트 데이터인가』라고 하는 것으로 atom으로 열었는데, 꽤 시간이 걸리는 데에 에러가・・・. 확실히 보통의... 파이썬ptsGLSLTouchDesignerDDS 레이마칭에서도 원경이나 각도의 딱따구리 카메라 앵글을 재현하고 싶었다 이 문서는 문서입니다. Tokyo Demo Fest 2018의 작품을 만드는 데 당연한 일을 할 수 없었던 것을 쓰려고 생각합니다. 우선은 TDF2018에 응모한 작품입니다. 요소는 단 2개 작품에서는 몇몇 전투기가 통과할 뿐이었습니다만, 본래는 이러한 개 파이트를 표현하고 싶었습니다. 그러나 일반적인 레이마칭에서는 어려운 표현이 있습니다. 레이 마칭이라고 하는 것과 같은 것을 대량으로 표시... GLSLWebGL JASL : JavaScript-like에 GLSL을 쓰고 싶습니다. 이 글은 ' ' 21일째 이런 사상을 가진 사람도 있구나 그 정도의 기분으로 읽을 수 있으면 다행입니다 따라서 두 언어 간의 설명의 차이에 당황 스러움이 생깁니다. 이런 언어 간의 차이로 실수가 태어난 경험은 누구나 있는 것이 아닐까요? 이번에는 GLSL에서도 var라든지 쓸 수 있으면 좋지요! 변수 p, color를 var 문으로 정의합니다. 엄청 고리 누르고 있습니다. 일단 이런 식으로 ... GLSL자바스크립트WebGL WebGL (three.js)로 포스터 화 안녕하세요, 입니다. 이번에는 WebGL을 사용하여 포스터리제이션의 구현을 했으므로 그 해설을 해 나갑니다. WebGL이라고 하면 3D의 고리고리한 것을 만드는 이미지입니다만, 2D에서도 활용할 수 있거나 합니다. 이번에는 이미지나 동영상을 가공하는 포스터리제이션이라는 것을 소개합니다. WebGL 어드벤트 캘린더가 아니기 때문에 WebGL에 대해 간단히 해설해 둡니다. WebGL은 자바스크립... GLSLthree.jsWebGL 레이 마칭에서 three.js의 PerspectiveCamera 사용 WebGL에서 레이마칭할 때도 three.js의 THREE.OrbitControls 등으로 카메라를 제어할 수 있으면 편리할 것이라고 생각해 조사했습니다. 먼저 결과를 보여주면 이런 느낌입니다. 위가 THEEE.OrbitControls 로 제어한 THREE.PerspectiveCamera 로 보통으로 렌더링한 것으로, 아래가 같은 카메라의 정보를 바탕으로 레이마칭으로 렌더링한 것입니다. 색상... GLSLthree.jsWebGL GLSL로 마우스 상호 작용하기 · 우선 GLSL을 사용하면 어떤 일을 할 수 있는지 알고 싶은 사람 · GLSL을 사용한 표현을 웹 사이트에서 도입하고 싶은 사람 웹 사이트상에서의 사용자 액션이라고 하면 대략 클릭, 마우스 오버, 스크롤등이 있습니다만, 이번은 비교적 간단한 마우스 오버에 연동시켜 보려고 생각합니다. 흐림 효과도 전체에 적용하는 것이 아니라 이미지의 중심을 향해 흐리게 하는 줌 흐림 효과를 적용합니다. ③... GLSLthree.jsWebGL
PTS를 VTF로 이용(DDS를 이용한 16bit 이미지 저장) 시부야 역의 데이터는 PTS 형식으로 저장됩니다. 제대로 된 규격의 페이지를 찾을 수 없었습니다만, 를 보는 한 PTS 형식은 요컨데 스페이스 단락의 UTF8의 테이블 데이터와 같습니다. 그리고 분명히 처음 세 열은 XYZ이고 마지막 세 열은 RGB와 같습니다. 『과연, 같이 하기에 텍스트 데이터인가』라고 하는 것으로 atom으로 열었는데, 꽤 시간이 걸리는 데에 에러가・・・. 확실히 보통의... 파이썬ptsGLSLTouchDesignerDDS 레이마칭에서도 원경이나 각도의 딱따구리 카메라 앵글을 재현하고 싶었다 이 문서는 문서입니다. Tokyo Demo Fest 2018의 작품을 만드는 데 당연한 일을 할 수 없었던 것을 쓰려고 생각합니다. 우선은 TDF2018에 응모한 작품입니다. 요소는 단 2개 작품에서는 몇몇 전투기가 통과할 뿐이었습니다만, 본래는 이러한 개 파이트를 표현하고 싶었습니다. 그러나 일반적인 레이마칭에서는 어려운 표현이 있습니다. 레이 마칭이라고 하는 것과 같은 것을 대량으로 표시... GLSLWebGL JASL : JavaScript-like에 GLSL을 쓰고 싶습니다. 이 글은 ' ' 21일째 이런 사상을 가진 사람도 있구나 그 정도의 기분으로 읽을 수 있으면 다행입니다 따라서 두 언어 간의 설명의 차이에 당황 스러움이 생깁니다. 이런 언어 간의 차이로 실수가 태어난 경험은 누구나 있는 것이 아닐까요? 이번에는 GLSL에서도 var라든지 쓸 수 있으면 좋지요! 변수 p, color를 var 문으로 정의합니다. 엄청 고리 누르고 있습니다. 일단 이런 식으로 ... GLSL자바스크립트WebGL WebGL (three.js)로 포스터 화 안녕하세요, 입니다. 이번에는 WebGL을 사용하여 포스터리제이션의 구현을 했으므로 그 해설을 해 나갑니다. WebGL이라고 하면 3D의 고리고리한 것을 만드는 이미지입니다만, 2D에서도 활용할 수 있거나 합니다. 이번에는 이미지나 동영상을 가공하는 포스터리제이션이라는 것을 소개합니다. WebGL 어드벤트 캘린더가 아니기 때문에 WebGL에 대해 간단히 해설해 둡니다. WebGL은 자바스크립... GLSLthree.jsWebGL 레이 마칭에서 three.js의 PerspectiveCamera 사용 WebGL에서 레이마칭할 때도 three.js의 THREE.OrbitControls 등으로 카메라를 제어할 수 있으면 편리할 것이라고 생각해 조사했습니다. 먼저 결과를 보여주면 이런 느낌입니다. 위가 THEEE.OrbitControls 로 제어한 THREE.PerspectiveCamera 로 보통으로 렌더링한 것으로, 아래가 같은 카메라의 정보를 바탕으로 레이마칭으로 렌더링한 것입니다. 색상... GLSLthree.jsWebGL GLSL로 마우스 상호 작용하기 · 우선 GLSL을 사용하면 어떤 일을 할 수 있는지 알고 싶은 사람 · GLSL을 사용한 표현을 웹 사이트에서 도입하고 싶은 사람 웹 사이트상에서의 사용자 액션이라고 하면 대략 클릭, 마우스 오버, 스크롤등이 있습니다만, 이번은 비교적 간단한 마우스 오버에 연동시켜 보려고 생각합니다. 흐림 효과도 전체에 적용하는 것이 아니라 이미지의 중심을 향해 흐리게 하는 줌 흐림 효과를 적용합니다. ③... GLSLthree.jsWebGL