23

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

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

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

Сыграть можно здесь 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)
Автор поста оценил этот комментарий

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

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