|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
|
Опции темы | Поиск в этой теме |
07.03.2018, 20:27 | #21 | |
Старожил
Регистрация: 02.01.2011
Сообщений: 3,327
|
Цитата:
Я думаю, что если вместо квадратов рисовать 3D кубики, то <canvas> тоже прекрасно подойдёт, потому что можно рисовать, используя WebGL. |
|
08.03.2018, 11:10 | #22 |
Старожил
Регистрация: 02.01.2011
Сообщений: 3,327
|
В моём примере из сообщения #11 была ошибка в методе _DeleteSquares объекта-синглтона Scene, что если удалить все квадраты (ПКМ) и нарисовать два квадрата друг на друге (ЛКМ), то последний не удалялся, потому что хоть я и сбрасывал счётчик (i = 0) при попадании точки в квадрат, но на следующей итерации счётчик цикла увеличивался на единицу и происходил выход из цикла, так как i становился равен length. Я исправил ошибку, сбрасывая счётчик в -1.
Демка в песочнице |
08.03.2018, 15:03 | #23 |
Старожил
Регистрация: 02.01.2011
Сообщений: 3,327
|
Я усовершенствовал свой пример с квадратами из сообщения #11. Создал базовый класс Shape для подклассов Square, Triangle и Circle, от которого данные классы наследуются.
Демка в песочнице Shapes.zip Shapes.png |
09.03.2018, 11:21 | #24 |
Старожил
Регистрация: 02.01.2011
Сообщений: 3,327
|
Изменения для примера из сообщения выше (#23)
У меня в коде классы классы Square, Trinagle и Circle наследуются от базового класса Shape. Эти классы переопределяют метод Draw. Я вынес общий код из переопределённого метода Draw этих классов в метод Draw класса Shape. А в данных классах в их методе Draw вызываю метод Draw базового класса. Например: Код:
Код:
|
10.03.2018, 19:25 | #25 |
Старожил
Регистрация: 02.01.2011
Сообщений: 3,327
|
Простая спрайтовая анимация на элементе <canvas> с помощью библиотеки pixi.js
Объекты с анимацей появляются в случайных координатах. Двигаются в случайных направлениях. Меняют скорость на противоположенную в случае блиближения к границам <canvas> Демка в песочнице bats.zip bats.png |
18.01.2021, 11:45 | #26 |
Старожил
Регистрация: 02.01.2011
Сообщений: 3,327
|
Спрайтовая анимация на Canvas API
Демка в песочнице animation-canvas2d-js.gif index.html Код:
Код:
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Разработать i-frame приложение в социальной сети ВКонтакте, используя html5 тег <canvas>. | GReise | HTML и CSS | 3 | 06.01.2013 16:09 |
примеры для звонилок на Embarcadero HTML5 Builder | beegl | Софт | 0 | 13.10.2012 19:01 |
работа с Canvas | BloodMaX | Общие вопросы Delphi | 7 | 21.12.2009 21:49 |
работа с CANVAS | BuT@JL | Помощь студентам | 6 | 30.11.2008 22:18 |