Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How could I render a Three.js scene with lighting and shading like this (attached)?

Tags:

three.js

webgl

I've always found lighting and shading to be the most difficult part of WebGL / Three.js to get right – I feel like I'm making it up.

What combination of lighting and shading do you think I would need to achieve a similar look and feel to the following image? It's so soft and yet well-defined, whereas my attempts always come out harsh and haphazard.

like image 362
Robin Hawkes Avatar asked Jan 26 '14 14:01

Robin Hawkes


People also ask

What is rendering in three Js?

If you have ever wanted to build a game with JavaScript, you might have come across Three. js. Three. js is a library that we can use to render 3D graphics in the browser. The whole thing is in JavaScript, so with some logic you can add animation, interaction, or even turn it into a game.

What are three Js scenes?

Scenes allow you to set up what and where is to be rendered by three. js. This is where you place objects, lights and cameras.


1 Answers

http://threejs.org/examples/#webgl_shadowmap http://threejs.org/examples/#webgl_morphtargets_horse

This examples use the same lightning effect, check out the Code.

like image 159
mcode Avatar answered Oct 18 '22 05:10

mcode