Вивчаємо Flash та ActionScript разом

…уроки Flash, створення банерів, розробка ігор, ActionScript 3

Підпишіться на оновлення цього блога
  • Головна
  • Про блог
  • Уроки Flash

Як Apple з вітряками боролася, або пристрасті навколо Adobe Flash

Вересень 24, 2010  
Розміщено в категорії: Flash, Загальна    
Tweet

flash-vs-apple Протягом останніх півроку Apple змусила битися частіше серце кожного розробника, який працює у середовищі Adobe Flash (а таких більше 2 мільйонів). І якщо ви читаєте цей блог, то, вочевидь, мені не варто пояснювати, що стало причиною. У квітні 2010-го року великий революціоніст і просто голова корпорації Apple – Стів Джобс, розповів суспільству, чому технологія Flash на даний момент уже не актуальна, а тому пристрої Apple не будуть підтримувати її.

Резонанс, викликаний промовою Thoughts on Flash був цілком закономірним, а головне – очікуваним. Адже мільйони програмістів Adobe Flash по суті ставилися перед вибором: або відмовитися від значної частини ринку мобільних програм для смартфонів (в цій сфері перспективність Apple важко поставити під сумнів), або ж перепрофілюватися, відмовившись від Flash на користь іншого програмного середовища, яке, на відміну від дітища Adobe, спромоглося потрапити в милість до Apple. Складний вибір, чи не так?

Я не зупинятимусь детально на причинах, через які Джобс назвав Flash безперспективню технологією (тим більше, що, як ми побачимо далі, зрештою він визнав свою неправоту). Серед них і „закритість системи”, і „ненадійність технологій Adobe”, і „негативний вплив Flash на тривалість роботи батарей приладів Apple”, і „неоптимальність використання Flash для розробки прикладних програм”. У сфері ораторського мистецтва Джобс дійсно відчуває себе, як риба у воді. Про те, чого насправді варті ці закиди, дуже доступно написано в статті „Стів Джобс про флеш-технології. Прикладна риторика”. Особливо цікаво ознайомитися з нею буде захисникам Apple, які звикли вважати, що їх кумир „завжди правий”. На безоглядно закоханих у Джобса стаття діє витверезвлююче.

Читати далі про боротьбу Apple з Flash…

1 Коментар 4,111 views

Скрінкаст: Малюємо вибух м’ячика

Вересень 13, 2010  
Розміщено в категорії: Flash, Загальна, Практика, Уроки    
Tweet

Як і обіцяв у попередній статті, в якій ми вчилися анімувати вибух м’ячика, сьогодні я поділюся з вами скрінкастом самого процесу малювання. Оскільки планшету для малювання в мене ще немає, доводилося обходитися мишею. Наскільки вдало це вийшло – судити вам.

Кілька коментарів до відео:

Як бачите, на нижній шар (layer) анімації я тимчасово додав графічне зображення м’яча, зробивши його напівпрозорим. Це допомагало краще орієнтуватися у масштабах та малювати хмарки по контуру об’єкту.

Відео пришвидшене у чотири рази. Оригінальний його розмір – 14 з лишком хвилин. Тобто можна приблизно уявити, скільки часу займає така робота. Зверніть увагу, що це лише хмарки від вибуху (та й то не всі кадри). Загальні роботи над кліпом, разом з малюванням шматків самого м’яча, зайняли в мене близько години. Втім, впевнений, що з придбанням планшету та вдосконаленням навичок малювання, процес займатиме куди менше часу. Правда й самі кліпи, з якими ми будемо працювати, ставатимуть складнішими.

Якщо у вас залишились якісь запитання щодо створення покадрової анімації вибуху, задавайте їх у коментарях.

Коментарів: 6 6,942 views

Урок 9. Вчимося малювати вибух: М’ячик лускає!

Вересень 11, 2010  
Розміщено в категорії: Flash, Загальна, Практика, Уроки    
Tweet

Настав час повернутися до нашого улюбленого м’ячика, який ми навчилися малювати, а також навчили його стрибати у одній із попередніх статей. Якщо подумати, що ще може трапитися з м’ячиком, то на думку спадає лише одна ідея? Звісно – м’яч може луснути! Тому сьогодні ми навчимося створювати анімацію вибуху нашого м’яча.

Анімація вибуху з одного боку простіша, ніж попередні види анімації, які ми вчилися створювати, оскільки не потребує додаткових можливостей Flash (motion tween), а з іншого боку, набагато складніша, оскільки нам доведеться вручну малювати кожен кадр вибуху. У флеші такий вид анімації називається покадровою анімацією, оскільки кожен наступний кадр ми малюватимемо вручну.

На щастя, вибух – це досить коротка подія. У нашому випадку він триватиме всього чверть секунди. І оскільки частота кадрів (frame rate) кліпу складає 24 кадри на секунду – то намалювати доведеться всього шість кадрів.

Для роботи ви можете використати уже готовий Flash-файл з намальованим м’ячиком, або ж, користуючись покроковою інструкцією з попередньої статті, намалювати м’ячик по-новому.

Читати далі про анімацію вибуху…

Коментарів: 5 10,577 views

Drawing objects (об’єкти-малюнки) у флеші. Нововведення у Flash Professional CS5

Вересень 5, 2010  
Розміщено в категорії: Flash, Теорія    
Tweet

За час моєї вимушеної «відпустки», коли блог не оновлювався – сталося декілька доволі суттєвих подій. Основна з них – вихід нової версії флеш – Adobe Flash Professional CS5, в якій, що цілком закономірно, використовуються кілька нових принципів та інструментів розробки та дизайну.

Одна із таких змін – використання drawing objects (об’єктів-малюнків). Якщо бути до кінця об’єктивним: можливість використання drawing objects була закладена у флеш починаючи з його восьмої версії. Втім, тільки у Adobe Flash Professional CS5 вона почала використовуватися за замовчуванням. Тому у сьогоднішній статті йтиметься про основні відмінності режиму drawing objects від режиму, який використовувався за замовчуванням у попередніх версіях Flash і став звичним для багатьох дизайнерів – merge objects (поєднування об’єктів).

Розуміючи відмінності між різними режимами малювання, можна з легкістю створювати різні типи об’єктів та зробити сам процес малювання набагато зручнішим та простішим.

Вибір того чи іншого режиму малювання доступний для кількох стандартних інструментів флеш, таких як: pen tool (перо), pencil tool (олівець), rectangle tool (прямокутник) (та всі його різновиди), а також line tool (лінія).

object-drawing Для того, щоб переключитися з одного режиму в інший, потрібно, при вибраному інструменті натиснути гарячу клавішу «J», або натиснути на іконку «Object drawing» у нижній частині панелі інструментів

Читати далі про режими merge objects та drawing objects у флеш…

Немає коментарів 6,442 views

Анімаційні ефекти у банерах. Відблиски на тексті

Липень 16, 2009  
Розміщено в категорії: Flash, Загальна, Практика, Уроки    
Tweet

Як ви пам’ятаєте, кількома уроками раніше ми навчалися додавати найпростішу текстову анімацію у банери, застосовуючи при цьому ефекти motion tween. У сьогоднішньому уроці ми також будемо працювати з текстом, який можна додати у банери, але спробуємо створити дещо складніший ефект – змусимо пробігати по тексту відблиски.

Я майже впевнений, що раніше вам неодноразово доводилося зустрічатися з цим ефектом, оскільки він дуже гарно виглядає і робить банер більш пишним. Дизайнери настільки закохані у цей прийом, що, складається враження, готові використовувати його всюди, де це тільки можливо.

Шар маска (mask layer)

Для того, щоб засвоїти цей урок, нам знадобиться вивчити принципи функціонування нового поняття – маскувального шару у Flash. Таким чином ми вбиваємо двох зайців – навчаємося створювати текст з анімованим відблиском (який «пробігатиме» по всій довжині тексту) і знайомимося із шаром-маскою (mask layer) (який ще неодноразово знадобиться нам у наступних уроках).

Читати далі про створення анімованих відблисків у Flash…

Коментарів: 7 10,775 views

Урок 8. Навчаємо м’ячик стрибати, використовуючи ефект motion (classic) tween у Flash

Липень 13, 2009  
Розміщено в категорії: Flash, Загальна, Практика, Уроки    
Tweet

Пам’ятаєте, у одній із попередніх статей ми навчалися малювати м’ячик, використовуючи векторні інструменти Flash. Сьогодні ми підемо трішки далі і спробуємо змусити цей м’ячик застрибати.

Для роботи ви можете використати уже готовий Flash-файл з намальованим м’ячиком, або ж, користуючись покроковою інструкцією з попередньої статті, намалювати м’ячик по-новому.

ready-ball

  1. Перше, що ми зробимо – це відконвертуємо наш м’ячик в символ (Movie Clip) і трішки його зменшимо, щоб зручніше було працювати. Розміри сцени збільшимо, щоб у м’ячика було місце для стрибків. Тип Movie Clip вибрано для того, щоб вкласти анімацію у сам м’ячик (він не лише стрибатиме, але й буде обертатися).
  2. Читати далі про анімацію стрибаючого м’ячика у флеш…

Коментарів: 11 31,667 views

Урок 7.1. Банери у Flash. Вчимося створювати прості банери. Стаття 2

Липень 9, 2009  
Розміщено в категорії: Flash, Загальна, Практика, Уроки    
Tweet

Початкову інформацію про створення простих банерів у флеш, а зокрема про те, як створити основу з границями і вставити лінк, читайте у попередній статті про створення банерів. Сьогоднішня публікація, по-суті, є її продовженням і сьогодні ми навчимося додавати анімацію в банери.

Передусім нам потрібна заготовка, з якою ми закінчили попередній урок. Це основа банеру, залита однотонним фоном і обмежена границями, окрім того, на ній присутнє активне посилання. Все дуже просто:

(Either JavaScript is not active or you are using an old version of Adobe Flash Player. Please install the newest Flash Player.)

Тепер спробуємо додати в цей банер трохи життя. Для цього ми скористаємося функціями motion tween, детально описаними у одному з попередніх уроків. Для простоти я обрав текстову анімацію (тобто працювати ми будемо з текстом).

  1. Перш за все потрібно вигадати короткий слоган, який з’являтиметься на банері. Можливо – кілька влучних фраз або словосполучень, які можна умовно розділити на логічні одиниці. Я вирішив обмежитись трьома фразами, які почергово з’являтимуться на банері. «Анімація, ігри, банери -> Flash для новачків -> Просто, доступно і абсолютно безкоштовно».
  2. Читати далі про анімацію простих банерів у Flash…

Коментарів: 8 20,012 views
 Сторінка 8 з 11  « First  ... « 2  3  4  5  6  7  8  9  10  11 »
  • Категорії

    • ActionScript
    • Flash
    • Загальна
    • Малювання
    • Практика
    • Результати і статистика
    • Софт
    • Теорія
    • Уроки
  • Блогролл

    • Best flash games
    • Flash Animation
    • Maque.org.ua
    • The Gamest
    • Xitri.com
    • Ант Карлов блог
  • Архіви

    • Жовтень 2016
    • Жовтень 2015
    • Грудень 2014
    • Листопад 2014
    • Березень 2014
    • Листопад 2013
    • Жовтень 2013
    • Травень 2013
    • Березень 2013
    • Січень 2013
    • Грудень 2012
    • Листопад 2012
    • Жовтень 2012
    • Квітень 2012
    • Березень 2012
    • Лютий 2012
    • Грудень 2011
    • Листопад 2011
    • Жовтень 2011
    • Вересень 2011
    • Серпень 2011
    • Липень 2011
    • Червень 2011
    • Травень 2011
    • Квітень 2011
    • Березень 2011
    • Січень 2011
    • Грудень 2010
    • Листопад 2010
    • Жовтень 2010
    • Вересень 2010
    • Липень 2009
    • Квітень 2009
    • Березень 2009
    • Лютий 2009
    • Січень 2009
  • Останні публікації

    • Get A Little Gold: Реліз!
    • Get A Little Gold на завершальній стадії
    • Растеризація як спосіб підвищення швидкодії ігор: Кешуємо анімації
    • Растеризація як спосіб підвищення швидкодії ігор: Cache as Bitmap вручну!
    • Збереження (save) та завантаження (load) ігрового прогресу з допомогою SharedObject
  • Останні коментарі

    • agen sbobet terpercaya до Turtle Dreams to Fly: Статистика та висновки після релізу
    • Keypadapzq до Get A Little Gold: Реліз!
    • Jocelyn Gaither до Як я малював кристал для нової гри (відео)
    • EOTechxtq до Get A Little Gold: Реліз!
    • situs khusus judi slot online terpercaya до Що нового: Frogged, Symbiosis:Greenland, The Choise
  • Теги

    ігри черепаха відео Практика флеш ActionScript 3 flash game векторна графіка гра урок motion tween symbiosis розробка Event Listeners реліз флеш-гра символ ActionScript вибух AS3 pen tool turtle dreams to fly автоматична анімація скрінкаст анімація уроки ActionScript уроки flash bitmap посібник навчання Adobe Flash CS4 банер Flash Adobe tween малювання Уроки веб-програмування програмування статистика
  • Спонсори

©2008-2021 Вивчаємо Flash та ActionScript разом
Дизайн Dezzain Studio
UA TOP Bloggers