Pinus tree made only with Three.js and a texture

[jrlazz]

Hi Three.js followers,

Pinus tree made only with Three.js and a texture

Unsatisfied with trees texturized with png image on big leaves. With objects inside the tree, the big leaves appear.

Here is the result made only with Three.js tools.

PS: Shadows take some time to be computed.

the link without shadows:

https://jrlazz.eu5.org/anim/pinus_noSh.html

the link with shadows:

https://jrlazz.eu5.org/anim/pinus_Sh.html

Again, Thanks for the great Three.js Team!

José Roberto Lazzareschi

[anidivr]

Trees are difficult. Nice work! can your approach be used as source of an instance mesh?

[jrlazz]

Thank You!
Sorry about the instance mesh.
I have no knowledge about it.

[prisoner849]

Merging of geometries is an option for better performance too

[jrlazz]

I always look for clone() option, and do the rotations and positions by the hard way.
And use a small cube (and add the mesh to it ) to fix the position and rotating point of the mesh (hard way too).
I will look for examples of merging meshes.
Thank You!

[prisoner849]

Kind of a fir tree of 20K of rounded boxes (InstancedMesh).
Picture:

Demo: https://codepen.io/prisoner849/pen/wvxGRvw

[makc3d]

@jrlazz

Shadows take some time to be computed

I waited a minute or two, but they still looked the same as right after the page loaded

[Usnul]

You, sir, have a beautiful Pinus. Thank you for sharing the picture with us.

[jrlazz]

Thank You, very very much…

[jrlazz]

Yes, the code is the same… A friend of mine asked me to create a version with shadows.
Shadows make a magical effect on the scene.

[jrlazz]

I applied merging in the formation of the leaves…
Thank You for the sugestion.

[makc3d]

the shadow became pixrlated now

[jrlazz]

pointLight.shadow.mapSize were 1024,
passed to 2048!