3D шахматная партия
Шахматами испокон веков увлекались многие, игра помогает развить мышление, принимать мышление и разрабатывать стратегию, в былые времена считалось, что игрой в шахматы может овладеть только мудрец. Но в наши времена все достаточно проще, шахматы можно купить в любом магазине, сделать самому или куда проще-скачать в интернете. Но совсем недавно появился еще один увлекательный вариант, это создание шахмат с помощью таких языков программирования как css3, html5 и js.
К такому решению додумался французский разработчик Julian Garnier, он сумел реализовать 3D шахматы с использованием исключительно HTML5, CSS3 и JS, следует заметить, что вся 3D-анимация выполнена с помощью CSS3.
Обратите внимание, что это не просто реализованная анимация, а полностью рабочие шахматы, в которой можно сыграть полноценную партию, с указанием правильного шага всех фигур. Из javascript-библиотек Julian использовал только Photon для освещения и Chess.js для реализации правил игры. По заявлениям автора в его работе не было использовано никаких 3D-библиотек.
Внимание! Данная демонстрация работает только в браузерах webkit!
Материал взят из зарубежного источника. И представлен исключительно в ознакомительных целях.
К такому решению додумался французский разработчик Julian Garnier, он сумел реализовать 3D шахматы с использованием исключительно HTML5, CSS3 и JS, следует заметить, что вся 3D-анимация выполнена с помощью CSS3.
Обратите внимание, что это не просто реализованная анимация, а полностью рабочие шахматы, в которой можно сыграть полноценную партию, с указанием правильного шага всех фигур. Из javascript-библиотек Julian использовал только Photon для освещения и Chess.js для реализации правил игры. По заявлениям автора в его работе не было использовано никаких 3D-библиотек.
Внимание! Данная демонстрация работает только в браузерах webkit!
Материал взят из зарубежного источника. И представлен исключительно в ознакомительных целях.

Или просто расскажите своим друзьям, может именно эта новость им сейчас пригодится!
