Problem Description

Looking to incorporate drei-vanilla shader MeshTransmissionMaterial in my three.js scene using vanilla js and static html.

Acceptance Criteria

Implementation of MeshTransmissionMaterial shader in the script.js file, that I can use to apply with my CellComponent() constructor.
const glass = new MeshTransmissionMaterial({ _transmission: 1, thickness: 0, roughness: 0, chromaticAberration: 0.03, anisotropicBlur: 0.1, distortion: 0, distortionScale: 0.5, temporalDistortion: 0.0, opacity: 0.3, transparent: true, })

Technical Details

I believe my current issue in getting the texture to work has something to do with a lack of updating the animation function, as the

@react-three-fiber examples all implement useFrame() to update the mesh and make it appear like it has dispersion and refraction.

Reference:

drei/MeshTransmissionMaterial Docs

Link to Project

https://replit.com/@access2tools/Threejs-rotating-cell-model