I want to apply Decal on the head of the 3d human model as seen below

Questions
, ,
1

Screenshot 2024-01-29 234600
Screenshot 2024-01-29 234600747×838 222 KB

2

https://threejs.org/examples/webgl_decals.html

3

I want to apply image on the head of 3d human model using Decal but I don’t want to use mesh basic material because it does not properly scale for example

`/*
import React, { useRef } from “react”;
import { useGLTF, useTexture, Decal } from “@react-three/drei”;
import { useSnapshot } from “valtio”;
import state from “…/store”;
import { useFrame } from “@react-three/fiber”;
import { easing } from “maath”;
export default function Male() {
const { nodes, materials } = useGLTF(“/male_body.glb”);
const snap = useSnapshot(state);

const logoTexture = useTexture(snap.logoDecal);
const fullTexture = useTexture(snap.fullDecal);
// useFrame((state, delta) => {
// easing.dampC(materials.lambert1.color, snap.color, 0.25, delta);

// // Adjust the roughness and metalness for the outfit bottom
// });

fullTexture.flipY = true;
fullTexture.offset.set(-0.3, -0.3);
fullTexture.repeat.set(-2.3, 1);
fullTexture.center.set(0.5, 0.5);

const stateString = JSON.stringify(snap);
return (

{/* */}

  {/* <mesh
    geometry={nodes.BaseMesh_Man_Simple_Eyeball_BASEMESH_WHITE_0.geometry}
    material={materials.BASEMESH_WHITE}
  /> */}
  <mesh
    geometry={nodes.BaseMesh_Man_Simple_Body_BASEMESH_WHITE_0.geometry}
    material={materials.BASEMESH_WHITE}
  >
    {snap.isFullTexture && <meshBasicMaterial map={fullTexture} />}
  </mesh>
</group>

);
}

`

4

you can give decals any texture and material you want