SlideShare a Scribd company logo
html5
html5. НЕмучительный выбор движка
                  kineticjs 4.3

                  http://kineticjs.com/
                  http://kineticjs.com/docs/
                  http://www.html5canvastutorials.com/
                  форумы



                  + поддержка
                  + документация
                  + туториалы

                  - только онлайн
                  - не работает с кадрами
html5. javascript, ты ли это?!
                http://javascript.ru/
                http://habrahabr.ru/
                http://www.html5canvastutorials.com/
                http://html5gamedev.ru/
                http://htmlbook.ru/html5
                https://www.google.com/
                форумы
html5. IDE
                                     + автозавершение
                                     + подсветка
                                     + отладка (chrome)
                                     + подсказки
                                     + знает HTML5, CSS3, JavaScript,
                                     Canvas

                                     - платная




http://www.jetbrains.com/webstorm/
html5. kineticjs. первая кровь
• задержка при перемещении   transitionTo({duration: 0.001});

• рисовать/не рисовать?      add(child);
                             draw();
• слои

• спрайты быстрее!           Kinetic.Sprite({});
html5. chrome’ой предатель



kineticjs 4.3:
           - события мыши
           - спрайты
           - рисование

kineticjs 4.4:
           + события мыши
           - спрайты, зато есть группы   Kinetic.Group({});
           + рисование
html5. промежуточный финиш




     http://amedium.com/data/kontrolok/13/kontrolok.html
html5. НЕмучительный выбор движка

            платный



            маловато информации




            слишком молод
html5. com ludei
                   http://ludei.com/




                   https://ibaskethtml5.ludei.com/
html5. людские плюшки
html5. CAAT
                      + бесплатный
                      + развивается, поддерживается, коммерческий
                      + реальные примеры быстродействия
                      + туториалы
                      + демки
                      + справка
                      + документация
                      + Box2D (на будущее)
                      + работа с кадрами
                      + все можно скачать и использовать оффлайн
http://labs.hyperandroid.com/
http://labs.hyperandroid.com/static/caat/
http://labs.hyperandroid.com/static/caat/sumon/webgl/Sumon.html
http://labs.hyperandroid.com/animation
http://labs.hyperandroid.com/static/CAAT-Samples/tutorials/t0.html
http://labs.hyperandroid.com/static/CAAT-Samples/demos/demo1/path.html
http://hyperandroid.github.io/CAAT/documentation/jsdoc/
html5. CAAT. вся жизнь театр
html5. CAAT. рельная жизнь
html5. CAAT. консоль инклюзив!
           CAAT.DEBUG = true;
html5. to be continued…

More Related Content

Similar to js tools

11 HappyDev-lite-2015 autumn. Александр Дец. Теплый LAMPовый веб. Промышлен...
11 HappyDev-lite-2015 autumn. Александр Дец. Теплый LAMPовый веб. Промышлен...11 HappyDev-lite-2015 autumn. Александр Дец. Теплый LAMPовый веб. Промышлен...
11 HappyDev-lite-2015 autumn. Александр Дец. Теплый LAMPовый веб. Промышлен...
HappyDev-lite
 
Тимофей Чаптыков «Верстальщик должен быть ленивый»
Тимофей Чаптыков «Верстальщик должен быть ленивый»Тимофей Чаптыков «Верстальщик должен быть ленивый»
Тимофей Чаптыков «Верстальщик должен быть ленивый»
DevDay
 
Баба-Яга против! — Роман Дворнов, Ostrovok.ru
Баба-Яга против! — Роман Дворнов, Ostrovok.ruБаба-Яга против! — Роман Дворнов, Ostrovok.ru
Баба-Яга против! — Роман Дворнов, Ostrovok.ru
Yandex
 
Самоорганизующаяся сервисная инфраструктура на базе Docker / Данила Штань (То...
Самоорганизующаяся сервисная инфраструктура на базе Docker / Данила Штань (То...Самоорганизующаяся сервисная инфраструктура на базе Docker / Данила Штань (То...
Самоорганизующаяся сервисная инфраструктура на базе Docker / Данила Штань (То...
Ontico
 
Баба Яга против!
Баба Яга против!Баба Яга против!
Баба Яга против!
Roman Dvornov
 
Wild wild web. html5 era
Wild wild web. html5 eraWild wild web. html5 era
Wild wild web. html5 era.toster
 
Презентация «WebMarkupMin – HTML-минификатор для платформы .NET» с MskDotNet ...
Презентация «WebMarkupMin – HTML-минификатор для платформы .NET» с MskDotNet ...Презентация «WebMarkupMin – HTML-минификатор для платформы .NET» с MskDotNet ...
Презентация «WebMarkupMin – HTML-минификатор для платформы .NET» с MskDotNet ...
Andrey Taritsyn
 
Catalyst – MVC framework на Perl (RIT 2008)
Catalyst – MVC framework на Perl  (RIT 2008)Catalyst – MVC framework на Perl  (RIT 2008)
Catalyst – MVC framework на Perl (RIT 2008)
Sergey Skvortsov
 
Изоморфные приложения и Python - Виталий Глибин, Huntflow
Изоморфные приложения и Python - Виталий Глибин, HuntflowИзоморфные приложения и Python - Виталий Глибин, Huntflow
Изоморфные приложения и Python - Виталий Глибин, Huntflow
it-people
 
Работа со статикой в Django
Работа со статикой в DjangoРабота со статикой в Django
Работа со статикой в DjangoMoscowDjango
 
AzovDevMeetup 2016 | Выстраивание процесса и применение Best Practices с нуля...
AzovDevMeetup 2016 | Выстраивание процесса и применение Best Practices с нуля...AzovDevMeetup 2016 | Выстраивание процесса и применение Best Practices с нуля...
AzovDevMeetup 2016 | Выстраивание процесса и применение Best Practices с нуля...
JSC “Arcadia Inc”
 
Drupal Vs Other
Drupal Vs OtherDrupal Vs Other
Drupal Vs Other
Andrii Lundiak
 
Компонент-платформа / Александр Лобашев (Avito)
Компонент-платформа / Александр Лобашев (Avito) Компонент-платформа / Александр Лобашев (Avito)
Компонент-платформа / Александр Лобашев (Avito)
Ontico
 
Design Platform FrontendConf
Design Platform FrontendConfDesign Platform FrontendConf
Design Platform FrontendConf
Alexander Lobashev
 
Web programming modern tendencies
Web programming modern tendenciesWeb programming modern tendencies
Web programming modern tendenciesDarkestMaster
 
Silverlight 4, есть ли жизнь на десктопе?
Silverlight 4, есть ли жизнь на десктопе?Silverlight 4, есть ли жизнь на десктопе?
Silverlight 4, есть ли жизнь на десктопе?
Eugene Zharkov
 
Agile theming with kalatheme & panopoly
Agile theming with kalatheme & panopolyAgile theming with kalatheme & panopoly
Agile theming with kalatheme & panopoly
Андрей Стадник
 
TARS: Сделай уровень frontend-рутины 0% — Артём Малко, 2ГИС
TARS: Сделай уровень frontend-рутины 0% — Артём Малко, 2ГИСTARS: Сделай уровень frontend-рутины 0% — Артём Малко, 2ГИС
TARS: Сделай уровень frontend-рутины 0% — Артём Малко, 2ГИС2ГИС Технологии
 
Erb vs haml vs slim
Erb vs haml vs slimErb vs haml vs slim
Erb vs haml vs slim
Владимир Мельник
 
Ошибки в разработке интернет-магазинов - Евгений Концевой
Ошибки в разработке интернет-магазинов - Евгений КонцевойОшибки в разработке интернет-магазинов - Евгений Концевой
Ошибки в разработке интернет-магазинов - Евгений Концевой
Леонид Гроховский
 

Similar to js tools (20)

11 HappyDev-lite-2015 autumn. Александр Дец. Теплый LAMPовый веб. Промышлен...
11 HappyDev-lite-2015 autumn. Александр Дец. Теплый LAMPовый веб. Промышлен...11 HappyDev-lite-2015 autumn. Александр Дец. Теплый LAMPовый веб. Промышлен...
11 HappyDev-lite-2015 autumn. Александр Дец. Теплый LAMPовый веб. Промышлен...
 
Тимофей Чаптыков «Верстальщик должен быть ленивый»
Тимофей Чаптыков «Верстальщик должен быть ленивый»Тимофей Чаптыков «Верстальщик должен быть ленивый»
Тимофей Чаптыков «Верстальщик должен быть ленивый»
 
Баба-Яга против! — Роман Дворнов, Ostrovok.ru
Баба-Яга против! — Роман Дворнов, Ostrovok.ruБаба-Яга против! — Роман Дворнов, Ostrovok.ru
Баба-Яга против! — Роман Дворнов, Ostrovok.ru
 
Самоорганизующаяся сервисная инфраструктура на базе Docker / Данила Штань (То...
Самоорганизующаяся сервисная инфраструктура на базе Docker / Данила Штань (То...Самоорганизующаяся сервисная инфраструктура на базе Docker / Данила Штань (То...
Самоорганизующаяся сервисная инфраструктура на базе Docker / Данила Штань (То...
 
Баба Яга против!
Баба Яга против!Баба Яга против!
Баба Яга против!
 
Wild wild web. html5 era
Wild wild web. html5 eraWild wild web. html5 era
Wild wild web. html5 era
 
Презентация «WebMarkupMin – HTML-минификатор для платформы .NET» с MskDotNet ...
Презентация «WebMarkupMin – HTML-минификатор для платформы .NET» с MskDotNet ...Презентация «WebMarkupMin – HTML-минификатор для платформы .NET» с MskDotNet ...
Презентация «WebMarkupMin – HTML-минификатор для платформы .NET» с MskDotNet ...
 
Catalyst – MVC framework на Perl (RIT 2008)
Catalyst – MVC framework на Perl  (RIT 2008)Catalyst – MVC framework на Perl  (RIT 2008)
Catalyst – MVC framework на Perl (RIT 2008)
 
Изоморфные приложения и Python - Виталий Глибин, Huntflow
Изоморфные приложения и Python - Виталий Глибин, HuntflowИзоморфные приложения и Python - Виталий Глибин, Huntflow
Изоморфные приложения и Python - Виталий Глибин, Huntflow
 
Работа со статикой в Django
Работа со статикой в DjangoРабота со статикой в Django
Работа со статикой в Django
 
AzovDevMeetup 2016 | Выстраивание процесса и применение Best Practices с нуля...
AzovDevMeetup 2016 | Выстраивание процесса и применение Best Practices с нуля...AzovDevMeetup 2016 | Выстраивание процесса и применение Best Practices с нуля...
AzovDevMeetup 2016 | Выстраивание процесса и применение Best Practices с нуля...
 
Drupal Vs Other
Drupal Vs OtherDrupal Vs Other
Drupal Vs Other
 
Компонент-платформа / Александр Лобашев (Avito)
Компонент-платформа / Александр Лобашев (Avito) Компонент-платформа / Александр Лобашев (Avito)
Компонент-платформа / Александр Лобашев (Avito)
 
Design Platform FrontendConf
Design Platform FrontendConfDesign Platform FrontendConf
Design Platform FrontendConf
 
Web programming modern tendencies
Web programming modern tendenciesWeb programming modern tendencies
Web programming modern tendencies
 
Silverlight 4, есть ли жизнь на десктопе?
Silverlight 4, есть ли жизнь на десктопе?Silverlight 4, есть ли жизнь на десктопе?
Silverlight 4, есть ли жизнь на десктопе?
 
Agile theming with kalatheme & panopoly
Agile theming with kalatheme & panopolyAgile theming with kalatheme & panopoly
Agile theming with kalatheme & panopoly
 
TARS: Сделай уровень frontend-рутины 0% — Артём Малко, 2ГИС
TARS: Сделай уровень frontend-рутины 0% — Артём Малко, 2ГИСTARS: Сделай уровень frontend-рутины 0% — Артём Малко, 2ГИС
TARS: Сделай уровень frontend-рутины 0% — Артём Малко, 2ГИС
 
Erb vs haml vs slim
Erb vs haml vs slimErb vs haml vs slim
Erb vs haml vs slim
 
Ошибки в разработке интернет-магазинов - Евгений Концевой
Ошибки в разработке интернет-магазинов - Евгений КонцевойОшибки в разработке интернет-магазинов - Евгений Концевой
Ошибки в разработке интернет-магазинов - Евгений Концевой
 

js tools

  • 2. html5. НЕмучительный выбор движка kineticjs 4.3 http://kineticjs.com/ http://kineticjs.com/docs/ http://www.html5canvastutorials.com/ форумы + поддержка + документация + туториалы - только онлайн - не работает с кадрами
  • 3. html5. javascript, ты ли это?! http://javascript.ru/ http://habrahabr.ru/ http://www.html5canvastutorials.com/ http://html5gamedev.ru/ http://htmlbook.ru/html5 https://www.google.com/ форумы
  • 4. html5. IDE + автозавершение + подсветка + отладка (chrome) + подсказки + знает HTML5, CSS3, JavaScript, Canvas - платная http://www.jetbrains.com/webstorm/
  • 5. html5. kineticjs. первая кровь • задержка при перемещении transitionTo({duration: 0.001}); • рисовать/не рисовать? add(child); draw(); • слои • спрайты быстрее! Kinetic.Sprite({});
  • 6. html5. chrome’ой предатель kineticjs 4.3: - события мыши - спрайты - рисование kineticjs 4.4: + события мыши - спрайты, зато есть группы Kinetic.Group({}); + рисование
  • 7. html5. промежуточный финиш http://amedium.com/data/kontrolok/13/kontrolok.html
  • 8. html5. НЕмучительный выбор движка платный маловато информации слишком молод
  • 9. html5. com ludei http://ludei.com/ https://ibaskethtml5.ludei.com/
  • 11. html5. CAAT + бесплатный + развивается, поддерживается, коммерческий + реальные примеры быстродействия + туториалы + демки + справка + документация + Box2D (на будущее) + работа с кадрами + все можно скачать и использовать оффлайн http://labs.hyperandroid.com/ http://labs.hyperandroid.com/static/caat/ http://labs.hyperandroid.com/static/caat/sumon/webgl/Sumon.html http://labs.hyperandroid.com/animation http://labs.hyperandroid.com/static/CAAT-Samples/tutorials/t0.html http://labs.hyperandroid.com/static/CAAT-Samples/demos/demo1/path.html http://hyperandroid.github.io/CAAT/documentation/jsdoc/
  • 12. html5. CAAT. вся жизнь театр
  • 14. html5. CAAT. консоль инклюзив! CAAT.DEBUG = true;
  • 15. html5. to be continued…