webgl

    1

    1답변

    조각 쉐이더를 사용하여 WebGL에서 FFT 및 관련 역 FFT를 구현하려고합니다. 이 github 사이트의 쉐이더 코드를 사용하고 있습니다 : https://github.com/jbouny/fft-ocean/blob/master/js/shaders/FFTOceanShader.js. 나는 올바른 FFT 결과를 얻고 있지만 역 FFT에 대한 내 구현은 나에게

    1

    1답변

    this page에서 복사 한 webgl으로 놀고 있습니다. 마우스를 사용하여 조명 위치를 제어하고 싶습니다. 난 그냥 fragment shader에 js에서 정적 값을 보내는 경우 가 작동합니다 function updateMousePosition(e){ console.log(e.pageX); mousex = e.pageX; mo

    -1

    1답변

    웹 사이트에 webgl, js, html5 코드를 작성하고 서버에서 렌더링하는 웹 사이트를 알고 계십니까? 그래서 내 노트북을 렌더링 할 필요가 없습니까? 검색했지만 찾은 게 없음

    -3

    1답변

    사이트가 있는데, shadertoy.com 여기서 나는 쉽게 glsl 코드를 테스트 할 수 있습니다. 이제는 내 웹캠으로 놀고 싶습니다. 하나의 내 단계는 프레임간에 렌더링 된 이미지를 로우 패스하는 것입니다. void mainImage(out vec4 fragColor, in vec2 fragCoord) { vec2 uv = fragCoord.

    -1

    2답변

    제목으로 말하자면, 나는 단지 2 차원 폴리곤을 webgl으로 3d로 변경하고 싶습니다. 단지지도상의 2 차원 다각형과 같습니다. 나는 webgl에 의해 3d로 보여주고 싶습니다. 몇 가지 문제가 있습니다. 1. 내 다각형의 좌표를 3D로 변경하는 법. 2. webgl Vshadersource에서 사용될 verticle과 index를 얻는 법. 난 네 도움

    2

    1답변

    WebGL에서 큐브를 만들었습니다. 나는 마음에 애니메이션을 가지고 있지만 함께 고민하고 있습니다. 는 전체 코드는 그래서 여기에 코드의 약 150 LNS하는 작업 예제입니다 : 여기 Working Plunkr Code 애니메이션의 비디오 와이어 프레임은, 난 달성하기 위해 노력하고있어 : https://youtu.be/sZeBm8EM3mw 1 년 - 애니

    -1

    2답변

    displacementMap에 의해 대체 될 메쉬를 가져오고 내보내려고합니다. 셰이더이 라인에 따른 정점 변환된다 ( three.js를 행/SRC/렌더러/쉐이더/ShaderChunk은/displacementmap_vertex.glsl) transformed += normalize(objectNormal) * (texture2D(displacementMap,

    0

    2답변

    회전 할 수있는 화살표를 직선으로 이동하려고합니다. 올바른 공식을 찾는 데 어려움이 있습니다. 아마 사인과 코사인이 포함되어야한다는 것을 알고 있지만, 다양한 구성을 시도하고 작동하는 것을 얻을 수 없었습니다. 여기 는 화살표 내 장면의 사진과 나비의 rotateNumber (1 왼쪽 회전) -1과 같은 정수, 0 (회전), 1 (1 개 우회전) 등이다 r

    2

    1답변

    저는 웹 개발에 익숙하지 않으므로 이것은 바보 같은 질문 일 수 있습니다. 이미 답변 한 경우 알려주십시오. OffscreenCanvas의 MDN web docs' page에 따르면 현재 API는 WebGL 컨텍스트 만 지원합니다. (어쩌면 그냥 구현되지 OffscreenCanvas '2D 컨텍스트에 대한 근로자 지원을 의미하지만, 우리는 여전히 메인 스레

    1

    1답변

    스텐실을 사용하여 오브젝트를 그리려하고 모든 것이 정상적으로 작동합니다. 아래는 내가 기대했던 작업 결과의 애니메이션 프레임 (왼쪽에서 오른쪽)의 그림입니다. 프레임 버퍼를 사용할 때 문제가 발생합니다. 내가 아는 바로는, WebGL 1.0은 깊이와 렌더링 버퍼 나 텍스처의 스텐실을 따로 따로 붙이는 것을 지원하지 않습니다. 스텐실과 깊이를 WEBGL_de