Đang Thực Hiện

threejs shader

I have needs for shader work as part of a system build on threeJS. We will start with a project to solve some issues with the lighting shader in ThreeJS, specifically for WebVR. With the right skills around threejs and Node/Vue on the back end, I have full-time contract positions available.

I have a project where I am using a THREE.SpotLight. On WebVR, the light generated by the spotlight wiggles when I turn my head.

This example shows the issue for the THREEJS SpotLight. You should be able to execute this example in a desktop browser and see the effect. The code in the example is very simple: Just rotate the camera from right to left using a sin wave (just to make it smoother) similarly as you do when you move your head.

The issue is visible in the example: the light on the object is being updated when the camera is rotated, which is not a representation of the real world. In the real world a spotlight shines on the object and the camera rotation should not affect it. In this example you see the light appearing and disappearing as the camera turns.

I have attached the simplest example of a point light I could find. Execute it in any browser and you will see as the camera rotates from left to right, the point light rendering varies.


A prior developer had this analysis:

I have performed some tests and the problem is effectively that as the ModelView matrix of the camera is being modified, the shader calculations for the lights are affected. In the case of point lights, the model view matrix is used to calculate the vector between the light position and the object position in the camera space.

Kĩ năng: Javascript, OpenGL

Xem nhiều hơn: three js effect composer, threejs sprite shader, three js postprocessing, three.js custom shader, three js shader library, three js shader texture, three js resolution shader, shader tutorial opengl, opengl shader freelancer, cuda shader pack, j2me shader demo, shader design project, shader irrlicht, glscene water shader, irrlicht shader

Về Bên Thuê:
( 0 nhận xét ) Auburn, United States

ID dự án: #14386477

Được trao cho:


The problem was simple: the light position wasn't on eyespace. modify line 51: vec3 lightDirection = normalize((uMVMatrix * vec4(uPointLightingLocation,1.0)).xyz - [login to view URL]); // no charge Relevant Skills and Exp Thêm

$250 USD trong 1 ngày
(2 Đánh Giá)

6 freelancer đang chào giá trung bình $1801 cho công việc này

$2500 USD trong 30 ngày
(11 Nhận xét)
$2500 USD trong 30 ngày
(5 Nhận xét)
$555 USD trong 10 ngày
(1 Nhận xét)

Hi I cam complete this work in 2 to 3 days. I am having well experience in this field. I can complete your task in very fast manner in a successful way. Relevant Skills and Experience Javascript OpenGL Proposed Miles Thêm

$2500 USD trong 15 ngày
(2 Nhận xét)

Hi, Thank you for sharing chance to work with you. We are a team of 7+ years experienced freelancers having expertise on iOS, Android apps development and Websites design and development. We use all CMS and framew Thêm

$2500 USD trong 30 ngày
(0 Nhận xét)