Rocky Me (Progress so far)

Last week, I experimented with using basic geometry and shader material to generate abstract representations of human bodies. However, I wasn’t that happy with how it turned out to be. I decided to try a different approach - to populate the detected bodies with rocks (pre-made 3D models) and generate the “Rocky Me” (instead of the fluffy me).

The 3D models I am using are from David Oreilly’ Everything Library, the Geology collection,

Everything Library — DΛVID OREILLY

I tried to sort out all the models in blender. Truly not an expert in 3D modelling, but I do appreciate the breadth of rocks this library offers.

The first issue I came across when working with these models are that my loaded glb models appears completely black in the three.js scene

After some search I found that the model is not showing its textures because there wasn’t light to bounce off. The textures start showing up after I set an hdr as the environment of the scene.

I was able to place two stone according to the position of the user’s head and torso. The position of the two stone models will update as the user move. The model will disappear if some of the keypoints that are used to determine the position of the model are missing.

https://player.vimeo.com/video/805807355?h=237e526548&badge=0&autopause=0&player_id=0&app_id=58479