Web анимация, canvas анимация
Доброго дня.
1. Механика.
Весь блок будет содержать в себе следующую информацию.
Большой куб находится по центру, переливается золотистым цветом.
Вокруг этого куба находится 8 маленьких кубов. У каждого маленького куба будет свой цвет, свой заголовок и свое краткое описание.
Концепция будет примерно следующей: 
При наведении на малый куб, он переливается золотистым цветом, нужно чтобы как-то большой куб анимированно повлиял на малый куб, нужно создать впечатление, что центральный большой куб влияет на малый куб (вспышка, золотистая пыль,...).
ИЛИ
При наведении на Малый Куб, он поглощается Большим Кубом (влетает в Большой Куб), Большой Куб перестраивает Малые Кубы внутри себя (из которых состоит) , при этом от Большого Куба могут расходиться вокруг золотистые волны из золотистой пыли (словно он влияет на всё вокруг) и из него вылетает Малый Куб на своё место, но уже с золотым цветом на место того куба, на который навели. (Показывает то, что Большой Куб повлиял на Малый Куб)
Примеры как выглядит Большой Куб:
2. Угол куба + должна быть прозрачность, чтобы видно было грани Малых Кубов внутри Большого Куба, такая:
3. Большой Куб, цвет: Солнечно-золотистый, переливается золотистым. (Как эффект волны)
-
Для вашего проекта есть 2 варианта реализации.
1) css/js анимации
2) WebGL + shaders
-
WebGL базируется на отживающем свой срок OpenGL, на смену им Vulkan пришел уже. Саму анимацию и в canvas 2D можно сделать, но вот с запуском функций напрямую проблема есть - кубы на плоскости будут форму шестиугольников иметь, а не прямоугольников и сами по себе не будут элементами DOM, на которые обработчики событий можно повесить. Задачу можно, конечно, решить, но тут не столько с кодом js, сколько с математикой повозиться придется...
-
Могу на чистых html/css/js сделать.
С анимацией, и интерактивностью (переливы, подсветка, мигания при наведеним, кликабельность).
Пример скину в личку (у вас закрыты прив. сообщ.) -
Aktualne zlecenia dla freelancerów w kategorii Programowanie stron internetowych
Stworzyć na stronie goodop: (dużo) poradników, szablonów produktów, kategorii ...
82 PLN
Tworzony jest nowy sklep internetowy z ponad 10000 produktami. Należy stworzyć na stronie na platformie goodshop: Wykazy - 1200 sztuk Wartości wykazów - 20000 sztuk Szablony produktów - 400 sztuk Kategorie produktów - 400 sztuk Wprowadzić wszystkie SEO w kategoriach produktów… Programowanie stron internetowych, Kompleksowe prace nad stroną internetową ∙ 14 godzin 17 minut temu ∙ 24 oferty |
Zrobić stronę internetową na 1 stronę 2D wizualizacja na żywo współczynnikówPotrzebny jest do zrobienia strona internetowa na jedną stronę, która w czasie rzeczywistym pobiera przez API bukmacherskie live kursy meczu piłkarskiego i wizualizuje je w postaci dwóch 2D postaci na boisku piłkarskim. Co do wizualizacji, referencja na zdjęciu. Wszystkie… Układ HTML i CSS, Programowanie stron internetowych ∙ 14 godzin 24 minuty temu ∙ 44 oferty |
Integracja GoPosWitaj, czy ktoś robił integrację GoPos z niestandardową stroną dla restauracji w Polsce? Potrzebuję pomocy, mają bardzo ubogą dokumentację, jest tylko swagger i to bez opisów https://app.gopos.io/doc/swagger-ui/index.html Sytuacja jest taka, używaliśmy od nich strony do zamówień… PHP, Programowanie stron internetowych ∙ 17 godzin 54 minuty temu ∙ 20 ofert |
Opracowanie nowoczesnej strony internetowej dla Teatru
817 PLN
Szukamy webdevelopera do stworzenia oficjalnej strony nowoczesnej platformy kulturalnej. Projekt łączy teatralne, artystyczne, edukacyjne i kulturalne inicjatywy. Należy stworzyć nowoczesną, responsywną stronę, która będzie jednocześnie pełniła funkcję wizerunkową, prezentowała… Content Management Systems, Programowanie stron internetowych ∙ 18 godzin 30 minut temu ∙ 84 oferty |
Agent AI technologii żywienia sportowegoAgent pomaga opracowywać receptury nowych produktów sportowej żywności — batoników proteinowych, protein, przedtreningowych, izotonicznych, batoników itd. Główną cechą jest to, że agent zna przepisy prawne różnych krajów i automatycznie uwzględnia je przy tworzeniu receptury. To… AI i uczenie maszynowe, Programowanie stron internetowych ∙ 18 godzin 48 minut temu ∙ 51 ofert |
Kijów