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.

Taidot: Javascript, OpenGL

Näytä lisää: 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

Tietoa työnantajasta:
( 0 arvostelua ) Auburn, United States

Projektin tunnus: #14386477

Myönnetty käyttäjälle:


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 Lisää

$250 USD 1 päivässä
(2 Arvostelua)

6 freelanceria on tarjonnut keskimäärin %project_bid_stats_avg_sub_26% %project_currencyDetails_sign_sub_27% tähän työhön

$2500 USD 30 päivässä
(11 arvostelua)
$2500 USD 30 päivässä
(5 arvostelua)
$555 USD 10 päivässä
(1 arvostelu)

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 Lisää

$2500 USD 15 päivässä
(2 arvostelua)

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 Lisää

$2500 USD 30 päivässä
(0 arvostelua)