LINUX.ORG.RU
Форум — Web-development  

Canvas для начинающих программистов

 


0

2

Предлагаемый мною материал возможно поможет новичкам освоить canvas на реальных простых примерах , с детальным объяснением кода. Автор не стремился сделать дизайн сайта красивым, акцент был поставлен на помощь в изучении материала, так что не удивляйтесь плохому дизайну сайта. http://www.animacanvaszdorove.ru/

← Где есть человеческое управление компонентами (интерфейса)?
Как автоматически уменьшать количество колонок в bootstrap →

Автор не стремился сделать дизайн сайта красивым

Но сделать так, чтобы глаза не вытекали попытаться стоило.

Kilte ★★★★★
()

http

ru зона

Мда, нет ничего конечно, но 2016 на дворе.

anonymous
()

Автор не стремился сделать дизайн сайта красивым,

но, похоже, стремился сломать глаза всем входящим

убери <body bgcolor=«blue»> или замени на что-нибудь темнее

Ford_Focus ★★★★★
()

Уж лучше бы это был очередной Bootstrap-шаблон.

th3m3 ★★★★★
()

Раз такое дело, чтобы тему не создавать.

Как отключить сглаживание в HTML5? А то рисую прямоугольник, а он серый, а не черный. Но при наложении таких прямоугольников друг на друга, получается серый.

Deleted
()

Похоже, ТС из тех людей, кто в реальной жизни красит волосы в фиолетовый цвет. Иначе не пойму зачем так людей ненавидеть.

BigAlex ★★★
()

http://www.animacanvaszdorove.ru/

Спасибо за сайт. Стиль кода аккуратный, названия переменных информативные.
Мне понравилось, но цифры, кроме нулей, лучше было бы вынести в переменные.

так что не удивляйтесь плохому дизайну сайта

абсолютно фиолетово, у меня https://userstyles.org/

к тому же, убрал рестилизацию — цвета читабельные вполне

:)

anonymous
()
Ответ на: комментарий от Tana12345

Прости,Господи,весь форум перекалечила.

похоже, ты им все Bootstrap-шаблоны порвала

anonymous
()

Даешь весь сайт на канвасе! Заместо флеша! А чо, хотябы можно условный height анимировать, и процессор не будет выжираться полностью

TooPar ☆
()
Ответ на: комментарий от int64

Это должно было быть официальным сайтом KDE.

EXL ★★★★★
()
Ответ на: комментарий от bvn13

Нет, я постил эту ссылку в предыдущей теме в похожем контексте. Тогда и менял аватарку.

int64
()
Ответ на: комментарий от Kilte

Но сделать так, чтобы глаза не вытекали попытаться стоило.

Переделала цвет на сайте.Теперь глаза не должны вытекать.Ну и меню подкорректировала.Если охота-посмотрите.

Tana12345
() автор топика
Ответ на: комментарий от BigAlex

Иначе не пойму зачем так людей ненавидеть.

А как вас навидеть.Так поддых бьете,только уварачивайся.

Tana12345
() автор топика
Ответ на: комментарий от Shadow

Тема конвертации полярных и декартовых координат не раскрыта.

Для этого есть Хабр,c ним не потягаешься.

Tana12345
() автор топика
Ответ на: комментарий от anonymous

Сейчас грамарнаци набегут.

Не успеют.Я уже исправила.

Tana12345
() автор топика
Ответ на: комментарий от menangen

Освоить бутстрап полезнее, чем канвас.

Бутстрап-это инструмент для верстки сайта.C его помощью анимацию не сделаешь.Что касается программирования.Программирование-это фундамент на всю жизнь,а библиотек много.Каждая библиотека -это черный ящик. Освоив программирование ,можно самому потом написать библиотеку.

Tana12345
() автор топика
Ответ на: Освоить бутстрап полезнее, чем канвас. от Tana12345

Так поддых бьете,только уварачивайся.

Это ЛОР, детка. Тут люди мести жаждут когда на скриншотах некачественный рендер шрифтов, а ты тут такие ссылки выкладываешь.

Бутстрап-это инструмент для верстки сайта

Именно то, что не очень не хватает вашему сайту. Два чая советовавшему.

C его помощью анимацию не сделаешь

Еще как сделаешь. Прогресс явно обходит вас стороной (сейчас анимацию уже и на голом CSS3 делают).

BigAlex ★★★
()
Ответ на: Тема конвертации полярных и декартовых координат не раскрыта. от Tana12345

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

Shadow ★★★★★
()
Ответ на: комментарий от Shadow

Это основная проблема в canvas

Согласна с вами.Я тут разбирала вращения картинок на канвасе.Зашла в справочник Хабра.Изложено одно,а пример совсем другой.Два дня мучилась,чтобы проанимировать вращение картинок.Наконец догадалась и еще раз посмотрела как у него.Обрадовалась что догадалась,но страшно разозлилась,что он многое не договаривает.Вообщем приходится все самой делать.

Tana12345
() автор топика
Ответ на: комментарий от BigAlex

Еще как сделаешь. Прогресс явно обходит вас стороной

А Вы сами попробуйте проанимировать на Бутстрапе ,а потом поймете,что это не самый выгодный вариант.Не стоит правой рукой чесать левое ухо.

Tana12345
() автор топика

Мне кажется, что это такой хитрый троллинг.

Или машина времени.

Или машина времени-тролль.

Скорее всего, это тролль и машина времени.

awesomebuntu
()

Граммар-наци

вперед, назад,вверх, вниз,

Прабелынинужны.

Всем привет !!!
Доброго вам пути!!!

Так лучше.

Программа 11 -вводим счетчик взрывов.

Дефис? Тире? Минус!

х и по y(только по оси У вниз идет + ) .Центральная(0,0)

За такое вешают.

языки - HTML,CSS,JAVASCRIPT и CANVAS(который входит в HTML 5 ,как дополнение)
программах
HTML
языки
CSS
HTML 5
программах

Шутку шутишь.

Программы 6 и 7
Программа 77
Программа 8

Интересный ход.

Ну а про:

Типо нинужна обращать внемание на дизайн сайта эта неглавное (c)

Я молчу.

Вывод: так верстают только макаки муд$ки.

awesomebuntu
()

Человечек, летящий над полем - это круто, да.

Zhbert ★★★★★
()
Ответ на: комментарий от BigAlex

Освоить бутстрап полезнее, чем канвас.

Погорячилась я конечно с Бутстрапом,но я посмотрела сегодня демо-пример,нажала правой кнопкой мыши во время работы примера и нашла там канвас.Очень много геометрических фигур нарисованы на холсте канвас.Может я что-то не понимаю.Я вообще не работаю с движками,а уж разбирать их код для меня сложно.

Tana12345
() автор топика
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.
← Где есть человеческое управление компонентами (интерфейса)?
Web-development
Как автоматически уменьшать количество колонок в bootstrap →