Sedang Disiapkan

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.

Kemahiran: Javascript, OpenGL

Lihat lebih lanjut: 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

Tentang Majikan:
( 0 ulasan ) Auburn, United States

ID Projek: #14386477

Dianugerahkan kepada:

fsahmkowbeicos

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 Lagi

$250 USD dalam sehari
(2 Ulasan)
2.7

8 pekerja bebas membida secara purata $1976 untuk pekerjaan ini

$2500 USD dalam 30 hari
(5 Ulasan)
4.4
$2500 USD dalam 30 hari
(5 Ulasan)
3.4
$555 USD dalam 10 hari
(1 Ulasan)
3.2
$2500 USD dalam 30 hari
(4 Ulasan)
2.5
$2500 USD dalam 30 hari
(4 Ulasan)
2.6
JeevanSolutions

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 Lagi

$2500 USD dalam 15 hari
(2 Ulasan)
1.5
AppSquads

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 Lagi

$2500 USD dalam 30 hari
(0 Ulasan)
0.0