Добро пожаловать в форум, Guest  >>   Войти | Регистрация | Поиск | Правила | В избранное | Подписаться
Все форумы / HTML, JavaScript, VBScript, CSS Новый топик    Ответить
 Шахматы на HTML5  [new]
Areostar
Member

Откуда:
Сообщений: 3628
как создать доску понял
<script>
var canvas = document.getElementById("color_chessboard");
var context = canvas.getContext('2d');
canvas.width = 300;
canvas.height = 300;
context.strokeStyle = '#B70A02'; // меняем цвет рамки
context.strokeRect(15, 15, 266, 266);
context.strokeRect(18, 18, 260, 260);
context.fillStyle = '#AF5200'; // меняем цвет клеток
context.fillRect(20, 20, 256, 256);
for (i = 0; i < 8; i += 2)
for (j = 0; j < 8; j += 2) {
context.clearRect(20 + i * 32, 20 + j * 32, 32, 32);
context.clearRect(20 + (i + 1) * 32, 20 + (j + 1) * 32, 32, 32);
}
</script>

1) Имеются SVG шахматных фигур как добавить их на доску?
2) как лучше реализовать drag and drop
8 сен 20, 21:39    [22193876]     Ответить | Цитировать Сообщить модератору
 Re: Шахматы на HTML5  [new]
Алексей Роза 2020
Member [заблокирован]

Откуда:
Сообщений: 247
1. у вас должен быть массив на 64 элемента, где каждая клетка имеет либо 0, либо № фигуры.
Когда рисуете доску, туда и вставляете картинку.
2. гуглите jquery drag-n-drop иль что-то вроде

Сообщение было отредактировано: 9 сен 20, 00:55
9 сен 20, 00:57    [22193925]     Ответить | Цитировать Сообщить модератору
 Re: Шахматы на HTML5  [new]
Areostar
Member

Откуда:
Сообщений: 3628
Алексей Роза 2020,

Как вставить капринку в див я в курсею А вот как кдётаь фигуру отдельным элементом? которые мышкой двигать можно! или лучше чтото вместо HTML5+JS
9 сен 20, 09:11    [22193972]     Ответить | Цитировать Сообщить модератору
 Re: Шахматы на HTML5  [new]
Алексей Роза 2020
Member [заблокирован]

Откуда:
Сообщений: 247
в гугле это всё есть
9 сен 20, 10:01    [22193998]     Ответить | Цитировать Сообщить модератору
 Re: Шахматы на HTML5  [new]
вадя
Member

Откуда: Екатеринбург
Сообщений: 18305
Areostar
Алексей Роза 2020,

Как вставить капринку в див я в курсею А вот как кдётаь фигуру отдельным элементом? которые мышкой двигать можно! или лучше чтото вместо HTML5+JS
тут есть разные варианты
самое простое доску создать из div с использованием CSS Grid
https://tuhub.ru/posts/css-grid-complete-guide
ну и перемещать с помощью
https://developer.mozilla.org/ru/docs/Web/Guide/HTML/Drag_and_drop/Drag_operations

если только использование canvas не прописано требованием
9 сен 20, 10:27    [22194011]     Ответить | Цитировать Сообщить модератору
 Re: Шахматы на HTML5  [new]
Агнец за бортом
Member

Откуда:
Сообщений: 1351
https://informat.name/HTML5/chess_go.html


Всё придумано до нас.)
10 сен 20, 14:31    [22194816]     Ответить | Цитировать Сообщить модератору
 Re: Шахматы на HTML5  [new]
Алексей Роза 2020
Member [заблокирован]

Откуда:
Сообщений: 247
фигасе еле обыграл
10 сен 20, 15:35    [22194876]     Ответить | Цитировать Сообщить модератору
 Re: Шахматы на HTML5  [new]
MikkiMouse
Member

Откуда: Киев
Сообщений: 750
Агнец за бортом,

Не умеют ни рокировку, ни взятие на проходе ))
11 сен 20, 21:09    [22195622]     Ответить | Цитировать Сообщить модератору
 Re: Шахматы на HTML5  [new]
Агнец за бортом
Member

Откуда:
Сообщений: 1351
MikkiMouse
Агнец за бортом,

Не умеют ни рокировку, ни взятие на проходе ))


Ты конечно в код посмотрел?
14 сен 20, 00:13    [22196280]     Ответить | Цитировать Сообщить модератору
 Re: Шахматы на HTML5  [new]
miltorg
Member [заблокирован]

Откуда: Калининград
Сообщений: 764
Агнец за бортом,

Вы разбирали этот код? Там нет подключений чего стороннего?
2 окт 20, 19:59    [22208281]     Ответить | Цитировать Сообщить модератору
 Re: Шахматы на HTML5  [new]
Агнец за бортом
Member

Откуда:
Сообщений: 1351
miltorg,

Какой то скрипт стягивается с https://www.chess.com/ - не придал значения.
3 окт 20, 18:25    [22208526]     Ответить | Цитировать Сообщить модератору
 Re: Шахматы на HTML5  [new]
miltorg
Member [заблокирован]

Откуда: Калининград
Сообщений: 764
Агнец за бортом,

Уф, блин. А то я чуть не офанарел.
Хоть и понимал конечно - что так не бывает, но вот живое перед глазами...
3 окт 20, 18:53    [22208538]     Ответить | Цитировать Сообщить модератору
 Re: Шахматы на HTML5  [new]
miltorg
Member [заблокирован]

Откуда: Калининград
Сообщений: 764
Агнец за бортом,

А где? В какой части строки? Я что-то так и не нашёл.
3 окт 20, 18:57    [22208541]     Ответить | Цитировать Сообщить модератору
 Re: Шахматы на HTML5  [new]
вадя
Member

Откуда: Екатеринбург
Сообщений: 18305
Агнец за бортом
Какой то скрипт стягивается с https://www.chess.com/ - не придал значения.
как и где?
3 окт 20, 21:01    [22208577]     Ответить | Цитировать Сообщить модератору
 Re: Шахматы на HTML5  [new]
Агнец за бортом
Member

Откуда:
Сообщений: 1351
Да шутка ж, парни, вы чо.

Шахматы в кило - это ж известная тема, без кидалова.
4 окт 20, 22:21    [22208829]     Ответить | Цитировать Сообщить модератору
 Re: Шахматы на HTML5  [new]
miltorg
Member [заблокирован]

Откуда: Калининград
Сообщений: 764
Агнец за бортом,

Известная тема? А где можно прочитать про код?
5 окт 20, 03:15    [22208876]     Ответить | Цитировать Сообщить модератору
Все форумы / HTML, JavaScript, VBScript, CSS Ответить