23

Пасьянс Косынка на ванильном JS

Очень долго ходил вокруг да около javascript чтобы на нем попробовать написать простую игрушку, без всяких там библиотек (кроме GSAP :) ) или транспиллеров в JS. Только HTML CSS и чистый JS. Получилось неплохо для пасьянса, никаких особых затупов в анимациях, да и код тоже получился терпимый. В общем, я доволен и можно пробовать еще писать что-то простое.

Пасьянс Косынка на ванильном JS

Сыграть можно здесь https://solitaire_shaman.surge.sh/

0
DELETED
Автор поста оценил этот комментарий
Верстка же не адаптивная, хотя и с ней можно сделать без проблем, задавая координату X процентами. Можно и пиксельные координаты ставить через el.style.transform = `translate(${x}, ${y})`;
раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Спасибо, надо будет затестить fps при gsap и при css transitions.

0
DELETED
Автор поста оценил этот комментарий

Под использовать подразумевалось распространение, изменение и т.д.

Вот что я могу делать с вашей Косынкой? Скопировать себе на сайт могу?... А исходный код где-нибудь использовать?... А изменять этот код и использовать в коммерческих целях?...

Если бери и делай что хочешь - это MIT. Если бери и делай что хочешь, но исходники обязаны быть доступными - это GPL. Если код закрытый, то нужны уже другие лицензии.

раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Ааа... ну хорошо - MIT. Честно  говоря не запаривался с этим. Берите и делайте что хотите )

0
DELETED
Автор поста оценил этот комментарий
Количество мест для карт ограничено, можно прописать для каждой свой класс. Или в JS устанавливать стили у элементов, и активировать анимацию установкой нужного класса.
раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Пока все равно не понял. У меня места динамически меняют положение в зависимости от размера окна.

показать ответы
1
DELETED
Автор поста оценил этот комментарий

Лицензия - соглашение об использовании. Самая свободная от обязательств - MIT. А вообще, если хотите использовать ПО, то изучите все виды лицензий. GPL и MIT отличаются, хотя во многом похожи. Можно и свою лицензию написать. Но, всё же, рекомендую, изучить существующие.

раскрыть ветку (1)
0
Автор поста оценил этот комментарий

"Использовать ПО" ? Я просто написал код...

показать ответы
2
DELETED
Автор поста оценил этот комментарий
GSAP лучше заменить на CSS анимацию, будет плавнее работать.
раскрыть ветку (1)
0
Автор поста оценил этот комментарий

А как я в CSS анимации буду выставлять координаты которые динамически меняются? Можете подсказать пример пожалуйста?

показать ответы
2
Автор поста оценил этот комментарий

> "без всяких там библиотек"
В коде используется библиотека анимаций и координат GSAP.js

раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Спасибо, поправил )

0
DELETED
Автор поста оценил этот комментарий

Исходный код под какой лицензией?

раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Это просто демка, никакой лицензии.

показать ответы
АнтиВата
Автор поста оценил этот комментарий

Нет возможности переместить карту из колоды. А так зачет.

Иллюстрация к комментарию
раскрыть ветку (1)
0
Автор поста оценил этот комментарий

О, я даже не знал , что так можно )

показать ответы
1
Автор поста оценил этот комментарий
На смартфоне, видимо, не сработает.
Под мышку заточено...
раскрыть ветку (1)
Автор поста оценил этот комментарий

На смартфоне, все мелкое как ни крути ) Я вообще смартфоны не очень люблю - пальцы у меня толстые сардельки.

показать ответы

Темы

Политика

Теги

Популярные авторы

Сообщества

18+

Теги

Популярные авторы

Сообщества

Игры

Теги

Популярные авторы

Сообщества

Юмор

Теги

Популярные авторы

Сообщества

Отношения

Теги

Популярные авторы

Сообщества

Здоровье

Теги

Популярные авторы

Сообщества

Путешествия

Теги

Популярные авторы

Сообщества

Спорт

Теги

Популярные авторы

Сообщества

Хобби

Теги

Популярные авторы

Сообщества

Сервис

Теги

Популярные авторы

Сообщества

Природа

Теги

Популярные авторы

Сообщества

Бизнес

Теги

Популярные авторы

Сообщества

Транспорт

Теги

Популярные авторы

Сообщества

Общение

Теги

Популярные авторы

Сообщества

Юриспруденция

Теги

Популярные авторы

Сообщества

Наука

Теги

Популярные авторы

Сообщества

IT

Теги

Популярные авторы

Сообщества

Животные

Теги

Популярные авторы

Сообщества

Кино и сериалы

Теги

Популярные авторы

Сообщества

Экономика

Теги

Популярные авторы

Сообщества

Кулинария

Теги

Популярные авторы

Сообщества

История

Теги

Популярные авторы

Сообщества