Problem Description

The goal is to create an interactive 3D blob element that can be integrated into a Next.js website. The blob should be similar to the 'T-1000' style blob found on https://blobmixer.14islands.com/. It must be aesthetically suitable for a website with a black and white color scheme. The blob should be rendered using WebGL and Three.js to ensure smooth interactivity and compatibility with modern web technologies.

Acceptance Criteria

Blob Characteristics: The blob must resemble the 'T-1000' blob in visual fluidity and reflectiveness.
Interactivity: Users should be able to click and drag to spin the blob around its axis.
Compatibility: The blob must be fully functional within a Next.js environment and should be easily integrable.
Responsiveness: The blob should maintain its appearance and functionality across different screen sizes.
Performance: The blob should be optimized for performance to ensure it does not hinder the website’s loading times.
Styling: While the blob should be primarily designed for a black and white website, it should come with options to customize colors if needed.
Documentation: The final submission should include documentation on how to integrate the blob into a Next.js site and how to customize it.