· 1 minute read

Note model

I wanted to change up the model for the stems so I spent some time in Cinema 4D and designed this note model.

design1 messenger
design c4d

I had use the GLTF loader earlier in the project so I took a look back on Github and found the commit. I reused the code and imported the model.

const loader = new GLTFLoader().setPath("models/");
loader.load("note_gold.gltf", (gltf) => {
  console.log("loaded");
  console.log(gltf);
  const noteModel = gltf.scene;
  noteModel.envMap = textureEquirec;
  scene.add(noteModel);
});

imported in 3js

I wanted to see if I could import materials I made in C4D into Three.js
materials c4d
materials 3js

This worked, but the color doesn't transfer over. I also needed to assign the environment map to the material. (via the HDRI I imported in a previous post). This was done via noteModel.envMap = textureEquirec;

I still need to work on getting the color to work and replace the spheres but this sould be relatively straight forward now that I've got the model imported.