Devam Ediyor

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.

Beceriler: Javascript, OpenGL

Daha fazlasını gör: 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

İşveren Hakkında:
( 0 değerlendirme ) Auburn, United States

Proje NO: #14386477



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

1 gün içinde %selectedBids___i_sum_sub_4%%project_currencyDetails_sign_sub_5% USD
(2 Değerlendirme)

Bu iş için 6 freelancer ortalamada $1801 teklif veriyor

in %bids___i_period_sub_35% gün içinde2500%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(11 Değerlendirme)
in %bids___i_period_sub_35% gün içinde2500%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(5 Değerlendirme)
in %bids___i_period_sub_35% gün içinde555%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(1 Yorum)

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 Daha Fazla

in %bids___i_period_sub_35% gün içinde2500%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(2 Değerlendirme)

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 Daha Fazla

in %bids___i_period_sub_35% gün içinde2500%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(0 Değerlendirme)