Прокручиваемая мозаика из 3D-стеклянных плиток с помощью Three.js

Нам нужна веб-страница с несколькими интерактивными "стеклянными плитками", созданными с помощью Three.js. Каждая плитка должна иметь кликабельную ссылку на другую страницу, а также настраиваемый цвет фона и текст. Общая страница должна выглядеть как мозаика из этих стеклянных плиток, каждая из которых интерактивна и содержит текст внутри. (Примеры общего дизайна страницы приведены на приложенных изображениях) 

ДИЗАЙН ПЛИТКИ: 
- Каждая плитка должна выглядеть как одна видимая сторона полупрозрачного 3D-стеклянного куба, вдохновленная этим примером: https://codesandbox.io/p/devbox/meshtransmissionmaterial-forked-tcy35y
- Плитка не является полноценным кубом — это только плоская грань с реалистичными эффектами стекла, такими как мягкое колебание, тонкое искажение и преломление света. 
- У плитки не должно быть основания или дна; это не желейные кубики. 

ИНТЕРАКТИВНОСТЬ И НАСТРОЙКА: 
- Каждая плитка кликабельна и ведет на настраиваемый URL. 
- Текст отображается внутри плитки, хорошо виден и легко читается на фоне стеклянного эффекта. Мы должны иметь возможность настраивать шрифт.
- Текстовое содержание должно быть настраиваемым для каждой плитки. 

- Мы должны иметь возможность вставлять изображение внутрь плитки, и оно также должно отображаться под стеклянным эффектом.
- Цвет фона или оттенок для каждой плитки можно устанавливать индивидуально.
- Все плитки одинакового размера и расположены в вертикальной прокручиваемой мозаичной раскладке.
- Между плитками минимальные зазоры.

ПРОИЗВОДИТЕЛЬНОСТЬ: 
- Анимации колебаний и искажения должны быть плавными, тонкими и не отвлекающими.
- Макет и плитки должны хорошо работать на мобильных и настольных устройствах.

ЧТО МЫ ОЖИДАЕМ: 
Компонент React + Three.js с возможностью настройки (<GlassTile />) и рабочая веб-страница, отображающая прокручиваемую мозаику из плиток. 

ПОЖАЛУЙСТА, НАПИШИТЕ В ВАШЕМ ПРЕДЛОЖЕНИИ "3D MASTER", ЕСЛИ ВЫ РЕАЛЬНЫЙ ЧЕЛОВЕК

We need a web page featuring multiple interactive "glass tiles" built with Three.js. Each tile should have a clickable link to a different page and customizable background color and text. The overall page should look like a mosaic of these glass tiles, each tile interactive with text inside. (Examples of the overall page design are provided in the attached images) 

TILE DESIGN: 
- Each tile should look like one visible side of a translucent 3D glass cube, inspired by this example: https://codesandbox.io/p/devbox/meshtransmissionmaterial-forked-tcy35y
- The tile is not a full cube — just a flat face that has realistic glass effects such as gentle wobble, subtle distortion, and light refraction. 
- There should be no base or bottom; these are tiles, not jelly cubes. 

INTERACTIVITY & CUSTOMIZATION: 
- Each tile is clickable and links to a customizable URL. 
- Text is displayed inside the tile, clearly visible and easy to read against the glass effect. We should be able to customize font as well.
 - The text content should be customizable per tile. 

- We should be able to place an image inside the tile, and it should also appear under the glass effect.
- Background color or tint for each tile can be set individually. 
- All tiles are the same in size and arranged in a vertical scrollable mosaic layout. 
- Tiles have minimal spacing 

PERFORMANCE: 
- Wobble and distortion animations should be smooth, subtle, and not distracting. 
- The layout and tiles should work well on mobile and desktop screen sizes. 

WHAT WE EXPECT: 
A customizable React + Three.js component (<GlassTile />) and a working web page displaying the scrollable mosaic of tiles. 

PLEASE WRITE 3D MASTER IN YOUR PROPOSAL IF YOU ARE A REAL PERSON

Нам нужна веб-страница с несколькими интерактивными "стеклянными плитками", созданными с помощью Three.js. Каждая плитка должна иметь кликабельную ссылку на другую страницу, а также настраиваемый цвет фона и текст. Общая страница должна выглядеть как мозаика из этих стеклянных плиток, каждая из которых интерактивна и содержит текст внутри. (Примеры общего дизайна страницы приведены в приложенных изображениях) 

ДИЗАЙН ПЛИТКИ: 
- Каждая плитка должна выглядеть как одна видимая сторона полого 3D-стеклянного куба, вдохновленная этим примером: https://codesandbox.io/p/devbox/meshtransmissionmaterial-forked-tcy35y
- Плитка не является полноценным кубом — это только плоская грань с реалистичными стеклянными эффектами, такими как мягкое колебание, тонкое искажение и преломление света. 
- У плитки не должно быть основания или дна; это плитки, а не желейные кубы. 

ИНТЕРАКТИВНОСТЬ И НАСТРОЙКА: 
- Каждая плитка кликабельна и ведет на настраиваемый URL. 
- Текст отображается внутри плитки, четко виден и легко читается на фоне стеклянного эффекта. Мы должны иметь возможность настраивать шрифт.
- Текстовое содержание должно быть настраиваемым для каждой плитки. 

- Мы должны иметь возможность разместить внутри плитки изображение, которое также будет отображаться под стеклянным эффектом.
- Цвет фона или оттенок для каждой плитки можно установить индивидуально. 
- Все плитки одинакового размера и расположены в вертикальной прокручиваемой мозаичной раскладке. 
- Между плитками минимальные зазоры 

ПРОИЗВОДИТЕЛЬНОСТЬ: 
- Анимации колебаний и искажения должны быть плавными, тонкими и не отвлекающими. 
- Макет и плитки должны хорошо работать на мобильных и настольных устройствах. 

ЧТО МЫ ОЖИДАЕМ: 
Настраиваемый компонент Three.js и рабочая веб-страница, отображающая прокручиваемую мозаику из плиток. 

Срок: 1,5 недели

ПОЖАЛУЙСТА, НАПИШИТЕ "3D" В ВАШЕМ ПРЕДЛОЖЕНИИ, ЕСЛИ ВЫ РЕАЛЬНЫЙ ЧЕЛОВЕК

We need a web page featuring multiple interactive "glass tiles" built with Three.js. Each tile should have a clickable link to a different page and customizable background color and text. The overall page should look like a mosaic of these glass tiles, each tile interactive with text inside. (Examples of the overall page design are provided in the attached images) 

TILE DESIGN: 
- Each tile should look like one visible side of a translucent 3D glass cube, inspired by this example: https://codesandbox.io/p/devbox/meshtransmissionmaterial-forked-tcy35y
- The tile is not a full cube — just a flat face that has realistic glass effects such as gentle wobble, subtle distortion, and light refraction. 
- There should be no base or bottom; these are tiles, not jelly cubes. 

INTERACTIVITY & CUSTOMIZATION: 
- Each tile is clickable and links to a customizable URL. 
- Text is displayed inside the tile, clearly visible and easy to read against the glass effect. We should be able to customize font as well.
 - The text content should be customizable per tile. 

- We should be able to place an image inside the tile, and it should also appear under the glass effect.
- Background color or tint for each tile can be set individually. 
- All tiles are the same in size and arranged in a vertical scrollable mosaic layout. 
- Tiles have minimal spacing 

PERFORMANCE: 
- Wobble and distortion animations should be smooth, subtle, and not distracting. 
- The layout and tiles should work well on mobile and desktop screen sizes. 

WHAT WE EXPECT: 
A customizable Three.js component and a working web page displaying the scrollable mosaic of tiles. 

Deadline: 1.5 weeks

PLEASE WRITE "3D" IN YOUR PROPOSAL IF YOU ARE A REAL PERSON