Веб Кейсы like CS:GO (с демкой)

Привет всем обитателям форума и случайно зашедшим в этот тред.
Некоторое время спустя, я хочу представить вам свою маленькую разработку - кейсы и рулетка для Minecraft.

Это не полный проект, а лишь часть. Можно сказать - демка.
Там нет бэкенда, поэтому при каждом открытии выпадает один и тот-же айтем.
Текущий результат состоит из одного скрина в котором происходят все действия. Адаптацию под мобилки специально не писал, но на планшетах кое-как должно отображаться, причина тому это то, что основная цель была - обычные мониторы.

Сурцы: https://gitlab.com/renaay/mcroulette
Демка: https://rmc.loper.me
Версия: 0.2.0
Лицензия: GPLv3

Спойлер: Скриншоты

0.2.0

Спойлер: UPDATE

- Ужал размер модели, общий вес модели составляет ~200kb, ранее был ~26mb
- Слегка затюнил анимацию появления скрина с WIN айтемом

В Firefox могут быть проблемы с рендерингом 3D сцены.

 

Неорпавданно тяжело для сайта. Зачем там 3D? Только для того, чтобы заанимировать падение и открытие кейса? Можно было бы mp4 + сss обойтись.

Как просто посмотреть - очень классно. Как опыт в разработке (вижу, vue, ts подтянул. Three.js просто потыкать уже круто, а тут прям очень годно) однозначно полезно. Но в продакшене это использовать нельзя.

 

Крутые кейсы, долго пыталось что то загрузить и так и не смогло

 

Надеюсь, загрузить таки удалось))

 

Нет. Не рабочее, от слова совсем.

 

Сожалею. Но Вы - единственный кто не смог загрузить

 

Этот ответ придержи для игроков . Часто так отвечать придется. Ибо эта херня реально не грузится.

 

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

 

Проблема дерганности в том, что рулетка и сундук разные компоненты, при окончании жизненного цикла, дерганных анимаций не избежать, для этого делать либо композицию, либо всю анимацию в одном компоненте. Ну и дерево не выгружает модель сундука, от этого лаги. Ну и сама модель большая, ну и добавь полифилы, не во всех браузерах работает.

 

UPD
Подробности апдейта в спойлере.

Теперь сайт должен загрузится даже у @alexandrage

 

Не знаю что ты сделал, но оно заработало, внезапно. И я тут не причем, это твои кейсы не работали. Тут скорее повезло, что у кого то оно вообще загружалось.

 

Эм, если сейчас оно где то 3 секунды грузит. До этого я должен был ждать где то 5 минут? Ясненько....

 

Я подавился! Сколько бл*ть оно весило?

P.S. Неплохие кейсы, мне понравились, но можно улучшить.

 

основная проблема с переходами компонентов так и не решена, так и будет скакать

 

Идея классная, знатоки чем пытаться как-то "поругать", данный "проект"))) уж лучше помогите автору.

 

Спасибо. Я всегда открыт к предложениям)

 

У Вас есть возможность сделать PR в репозиторий, если эта проблема Вас так беспокоит

 

Меня это не беспокоит, я скорее это как совет. В любом случае приятно видеть на форуме проекты на vue, как и других shadow dom библиотеках

 

Демка не работает, сайт открывает и все на этом

 

Странно. Демка работает и открываться должна. Можно скрин?

Отпишитесь в тему те, у кого тоже не открывается демка. Спасибо.