CD кутийка с отварящ се капак: уеб експериментът на Ann Nguyen с Claude

Ann Nguyen показва прозрачна CD кутийка с анимиран капак. Авторката описва работа с Claude и уеб графика, не гарантиран резултат от една команда.

CD кутийка с отварящ се капак: уеб експериментът на Ann Nguyen с Claude — авторска беззвучна демонстрация: Ann Nguyen (@ann_nnng)

Малък предмет, много познати детайли: прозрачните ръбове, отражението по пластмасата и движението на капака. Ann Nguyen показва интерактивна CD кутийка, която използва тези детайли като уеб ефект.

В оригиналния пост от 11 октомври авторката пише, че е работила с Claude Opus 5.5, three.js и шейдъри. По думите ѝ не са били нужни отделни готови 3D модели. Това е нейното описание на процеса — не независимо потвърдена реконструкция на проекта.

Защо ефектът е интересен

Демонстрацията превръща познат физически предмет в интерактивен елемент. Отварящият се капак и отблясъците придават усещане за материал, вместо просто да поставят плоска снимка в страницата.

Подобна идея може да послужи за музикално портфолио, визуална история за албум или необичайна продуктова презентация. Това са възможни приложения на подхода, не обещани функции на готов продукт. Не всяка страница има нужда от толкова ефекти; понякога обикновена снимка върши по-добра работа.

Какво означава „с помощта на Claude“

Авторката приписва създаването на помощ от Claude, но публикацията не предоставя пълен дневник на всяка команда, редакция и проверка. Затова не наричаме резултата „направен с един prompt“ и не обещаваме, че същият въпрос ще даде същия ефект при всеки.

Шейдърите са програми, които участват в изобразяването на повърхности и визуални ефекти. Споменаването им помага да разберем подхода, но не доказва колко работа е спестена. Изразът „без 3D модели“ също не означава „без код“ или „без графична обработка“.

Красив кадър не е завършен сайт

Ако правиш подобен елемент за реална страница, провери поведението на телефон, скоростта и възможността за използване без мишка. Помисли и за хората, които предпочитат по-малко движение на екрана. Това са наши практични препоръки, а не твърдение, че демонстрацията не ги покрива.

Видеото е авторската демонстрация на Ann Nguyen (@ann_nnng). Запазени са цялата ширина и пропорциите на кадъра; портретните версии добавят фон, а не разтягат кутийката. Не сме възпроизвеждали проекта и не сме тествали съвместимостта му с различни устройства. Интересният извод е по-скромен: AI помощникът може да участва в такъв творчески процес, но показаният резултат остава авторски пример, не гаранция.

Авторска беззвучна демонстрация: Ann Nguyen (@ann_nnng). Не е наша репликация.
Сподели:👤🐦💼