http://as3flash.mybb.ru/ Приблизься ближе к flash!!! ru-ru Sat, 26 Nov 2011 23:40:30 +0400 MyBB/mybb.ru http://as3flash.mybb.ru/viewtopic.php?pid=11#p11 <div class="quote-box answer-box"><cite>PiTeR написал(а):</cite><blockquote><p>http://www.playauditorium.com/<br />Гениальная по красоте игрушка</p></blockquote></div><p>И в правду очень интересный проект)</p> mybb@mybb.ru (zw) Sat, 26 Nov 2011 23:40:30 +0400 http://as3flash.mybb.ru/viewtopic.php?pid=11#p11 http://as3flash.mybb.ru/viewtopic.php?pid=10#p10 <p>В этом уроке мы продолжаем работать с событиями мыши. Только тут я уже расскажу, как привязать эти события к кнопкам.</p> <p>Пример: Кнопка Play и Stop</p> <p>1. Первый слой назови – «анимация»<br /><a href="http://uploads.ru/?v=I6UP5.jpg" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="http://uploads.ru/t/I/6/U/I6UP5.jpg" alt="http://uploads.ru/t/I/6/U/I6UP5.jpg" /></a></p> <p>2. На сцене создай анимацию движения объекта из одной точки в другую. Я взяла растровую картинку в качестве объекта. Ты можешь создать простой объект – прямоугольник, окружность(объект должен быть сгруппирован – меню Modify – Group; Модификация - Группировать); <br />или импортируй в сцену картинку – меню File – Import – Import to stage; Файл – Импорт – В рабочую область .<br /><a href="http://uploads.ru/?v=LOb8v.jpg" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="http://uploads.ru/t/L/O/b/LOb8v.jpg" alt="http://uploads.ru/t/L/O/b/LOb8v.jpg" /></a></p> <p>Кратко о том, как создать анимацию движения:<br />• Выдели 30 кадр(например) слоя «Анимация».<br />• Нажми F6 – создание ключевого кадра<br />• Передвинь объект на сцене в другое место<br />• Правой клавишей щелкни по серой полоске между 1-м и 30-м кадрами и выбери Motion tween – Анимацию движения. Для CS4 выберите Classic tween – Классическую анимацию движения<br /></p> <p>• Протестируй мувик Ctrl+Enter<br /><a href="http://as3flash.narod.ru/airplane1.swf" rel="nofollow" target="_blank">Здорово получилось)</a></p> <p>3. Создай второй слой – назови его «Button» (можно по-русски – «Кнопки») <br /><a href="http://uploads.ru/?v=iMFjz.jpg" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="http://uploads.ru/t/i/M/F/iMFjz.jpg" alt="http://uploads.ru/t/i/M/F/iMFjz.jpg" /></a></p> <p>4. На сцене, где-нибудь в углу создай два объекта – прямоугольник и треугольник – это будущие кнопки Play и Stop.<br /><a href="http://uploads.ru/?v=3n51Q.jpg" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="http://uploads.ru/t/3/n/5/3n51Q.jpg" alt="http://uploads.ru/t/3/n/5/3n51Q.jpg" /></a></p> <p>5. По каждому из созданных объектов щелкни правой клавишей и выбери Convert to Symbol – Преобразовать в символ (F8)</p> <p>6. Оба символа сделай кнопками - Button.<br /><a href="http://uploads.ru/?v=LbzcM.jpg" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="http://uploads.ru/t/L/b/z/LbzcM.jpg" alt="http://uploads.ru/t/L/b/z/LbzcM.jpg" /></a></p> <p>7. На сцене выдели треугольник и в панели Properties – Свойства в поле Instance name – Имя экземпляра впечатай имя кнопки – «play_btn». Это делается для того, чтобы в дальнейшем была возможность в скрипте ссылаться на эту кнопку. В предыдущем уроке я об этом рассказывала.<br /><a href="http://uploads.ru/?v=0iUZw.jpg" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="http://uploads.ru/t/0/i/U/0iUZw.jpg" alt="http://uploads.ru/t/0/i/U/0iUZw.jpg" /></a></p> <p>8. На сцене выдели прямоугольник и в панели Properties – Свойства в поле Instance name – Имя экземпляра впечатай имя кнопки – «stop_btn». <br /><a href="http://uploads.ru/?v=5TdNf.jpg" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="http://uploads.ru/t/5/T/d/5TdNf.jpg" alt="http://uploads.ru/t/5/T/d/5TdNf.jpg" /></a></p> <p>9. Создай третий слой – назови его «action»</p> <p><a href="http://uploads.ru/?v=rwcoj.jpg" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="http://uploads.ru/t/r/w/c/rwcoj.jpg" alt="http://uploads.ru/t/r/w/c/rwcoj.jpg" /></a></p> <p>10. В первом кадре слоя «action» щелкни правой и в меню выбери Action – Действия (F9)</p> <p>11. Напиши такую строчку:</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 4.5em"><pre>stop(); //останавливает анимацию в самом начале</pre></div></div></div><p>12. Протетируй мувик. Все правильно. Ничего не движется</p> <p>13. Теперь нужно сделать так, чтобы кнопка Play смогла запустить анимацию. И тут придется вспомнить, что такое событие. Ведь нажатие на кнопку – это и есть событие.</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 13.5em"><pre>/*создаем слушателя событий для кнопки play_btn. Событие MouseEvent.CLICK – тоесть пользователь делает щелчок на кнопке Play_btn*/ play_btn.addEventListener(MouseEvent.CLICK, playF); /*Создаем функцию, которая и будет выполняться запуск анимации при щелчке мышью на кнопке*/ function playF(Event:MouseEvent):void { play(); }</pre></div></div></div><p>14. Весь код:</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 12em"><pre>stop(); play_btn.addEventListener(MouseEvent.CLICK, playF); function playF(Event:MouseEvent):void { play(); }</pre></div></div></div><p>Если ты сейчас протестируешь ролик, то работать будет пока только кнопка Play.</p> <p>15. Теперь нужно сделать так, чтобы кнопка Stop смогла останавливать анимацию. И снова нам нужно событие. Здесь представлен полный код для 1-го примера: </p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 19.5em"><pre>stop(); play_btn.addEventListener(MouseEvent.CLICK, playF); stop_btn.addEventListener(MouseEvent.CLICK, stopF); function playF(Event:MouseEvent):void { play(); } function stopF(Event:MouseEvent):void { stop(); }</pre></div></div></div><p><a href="http://as3flash.narod.ru/airplane2.swf" rel="nofollow" target="_blank">Вот, что получилось!</a></p> <p>Отлично. Все работает!!!</p> mybb@mybb.ru (PiTeR) Thu, 17 Nov 2011 11:27:31 +0400 http://as3flash.mybb.ru/viewtopic.php?pid=10#p10 http://as3flash.mybb.ru/viewtopic.php?pid=9#p9 <p>swf-файлы вставляются через тэг [ FLASH=&quot;размер по горизонтали&quot;,&quot;размер по вертикали&quot; ]путь_к_файлу[/FLASH]</p> <p>Пример:<br />[ FLASH=500,400 ]http://demiart.ru/img/pauk.swf[ /FLASH ]<br />(не забудьте убрать пробелы в тэгах)</p> <p>Для хранения и последующей вставки флеш на форум используйте сервисы отдающие прямую ссылку на файл, например: <br /><a href="http://www.foto.radikal.ru/" rel="nofollow" target="_blank">http://www.foto.radikal.ru/</a> или <a href="http://photobucket.com/" rel="nofollow" target="_blank">http://photobucket.com/</a>.<br />Еще: <a href="http://petaimg.com/index.php" rel="nofollow" target="_blank">http://petaimg.com/index.php</a></p> mybb@mybb.ru (PiTeR) Tue, 15 Nov 2011 09:30:57 +0400 http://as3flash.mybb.ru/viewtopic.php?pid=9#p9 http://as3flash.mybb.ru/viewtopic.php?pid=8#p8 <p><span style="color: red">AS3 Движение и поворот объектов относительно мышки<br /></span></p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 22.5em"><pre>var dx:Number = mouseX - arrow.x;//находим дельта-Х var dy:Number = mouseY - arrow.y;//находим дельта-У var angle:Number = Math.atan2(dy,dx);//Тангент угла=противоположная/прилегающую - 10 класс, находим угол arrow.rotation = angle*180/Math.PI;//Радианы в градусы if (Math.abs(dx)&lt;=5&amp;&amp;Math.abs(dx)&lt;=5) {//Сравниваем расстояние и скорость по-модулю, если расстояние меньше - останавливаемся speed = 0; } else if (Math.abs(dx)&gt;5&amp;&amp;Math.abs(dy)&gt;5) { speed = 5; } var vx:Number = Math.cos(angle)*speed;//уравнение треугольника - имея гипотенузу(скорость), var vy:Number = Math.sin(angle)*speed;//находим противоположную и прилегающую стороны(скорости по х и у) arrow.x+=vx; arrow.y+=vy;//увеличиваем положение на скорость</pre></div></div></div><p><a href="http://demiart.ru/forum/index.php?act=Attach&amp;type=post&amp;id=246849" rel="nofollow" target="_blank">Скачать</a></p> mybb@mybb.ru (PiTeR) Tue, 15 Nov 2011 09:27:36 +0400 http://as3flash.mybb.ru/viewtopic.php?pid=8#p8 http://as3flash.mybb.ru/viewtopic.php?pid=7#p7 <p></p> mybb@mybb.ru (PiTeR) Mon, 14 Nov 2011 21:19:25 +0400 http://as3flash.mybb.ru/viewtopic.php?pid=7#p7 http://as3flash.mybb.ru/viewtopic.php?pid=6#p6 <p>Меня зовут Андрей. Я решил написать серию уроков по ActionScript 3 для самых самых новичков (потому что я сам не так давно этим занимаюсь). У меня стоит Flash CS5. Если нам с вами буду нужны какие-то пункты меню, то буду писать их как на английском, так и на русском. . </p> <p>Тогда давай сразу переходить к обучению.</p> <p>События мыши</p> <p>На основе 2-х примеров ты познакомишься с событиями мыши.</p> <p>Пример1: При щелчке на прямоугольнике, он будет сдвигаться вправо. </p> <p>• Создай 2 слоя: </p> <p><a href="http://uploads.ru/?v=X1GPZ.jpg" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="http://uploads.ru/t/X/1/G/X1GPZ.jpg" alt="http://uploads.ru/t/X/1/G/X1GPZ.jpg" /></a><br /></p> <p>На рисунке обведена кнопка создания нового слоя. Переименовать слой можно, если щелкнуть по названию слоя 2 раза.<br />• На сцене создай прямоугольник.</p> <p><a href="http://uploads.ru/?v=k6KxA.jpg" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="http://uploads.ru/t/k/6/K/k6KxA.jpg" alt="http://uploads.ru/t/k/6/K/k6KxA.jpg" /></a></p> <p>• Чтобы прямоугольник можно было использовать в ActionScript, давай преобразуем его в символ.<br />Щелкни по прямоугольнику правой клавишей мыши – Преобразовать в символ илиConvert to symbol (а можно было просто нажать F8). В списке «Тип» выбери MovieClip – Фрагмент ролика.<br /></p> <p>Отлично.</p> <p>Теперь можно писать скрипт.<br />Скрипт будет размещаться на слое AS. </p> <p>• В первом кадре слоя AS щелкни правой и в меню выбери Action – Действия. Или можно просто выделить первый кадр слоя AS и нажать F9.</p> <p><a href="http://uploads.ru/?v=1NafD.jpg" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="http://uploads.ru/t/1/N/a/1NafD.jpg" alt="http://uploads.ru/t/1/N/a/1NafD.jpg" /></a></p> <p>В первом уроке я хочу познакомить тебя с событиями. Например, если пользователь щелкает мышью, то происходит событие. Или, если пользователь нажимает клавишу Alt на клавиатуре, это тоже может являться событием. О событиях клавиатуры будет рассказано в следующих уроках.</p> <p>В том примере, кокторый мы сейчас разбираем, щелчок на прямоугольник будет событием.</p> <p>Есть правило, по которому можно описать событие:</p> <p>1. Создать слушателя событий.</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 4.5em"><pre>addEventListener (MouseEvent.CLICK, moveObject);</pre></div></div></div><p>Метод addEventListener()&#160; всегда создает слушателя событий. Слушатель событий будет проверять, не произошло ли событие в нашей сцене. <br />В скобках задается тип события. В данном случае это событие мыши MouseEvent.CLICK – тоесть прямоугольник будет сдвигаться вправо при щелчке на нем. Есть и другие события, чуть позже вы с ними познакомитесь.<br />После запятой пишется имя функции, которая нам нужна, чтобы в дальнейшем выполнять сдвиг прямоугольника вправо. Имя функции может быть любым, но лучше имена давать осмысленно. Я решила назвать функцию – moveObject.</p> <p>Слушатель добавлен, теперь нужно описать саму функцию:</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 7.5em"><pre>function moveObject (event:MouseEvent):void { x = x + 5; }</pre></div></div></div><p>Описывается функция moveObject. <br />В скобках описывается тип события – MouseEvent. Тип должен совпадать с типом события, указанным в слушателе. <br />В дальнейшем вы привыкните к такой записи, меняться будут только названия функций и типы событий. Все остальное будет оставаться таким же. Тоесть если пока не очень понятно, нужно просто запомнить, как это пишется.<br />В фигурных скобках указывается, что будет делать функция, когда произойдет событие. <br />x = x + 5 - Запись означает, что объект сдвинется на 5 пикселей вправо по координате x.</p> <p>Эту запись можно более коротким способом записать так:<br />x+=5;<br />Все. Вот полный код:</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 10.5em"><pre>addEventListener (MouseEvent.CLICK, moveObject); function moveObject (event:MouseEvent):void { x += 5; }</pre></div></div></div><p>• Протестируй ролик – Ctrl+Enter. Если пощелкать по прямоугольнику, то он начнет двигаться вправо.</p> mybb@mybb.ru (PiTeR) Thu, 10 Nov 2011 23:54:53 +0400 http://as3flash.mybb.ru/viewtopic.php?pid=6#p6 http://as3flash.mybb.ru/viewtopic.php?pid=5#p5 <p>Важно!</p> mybb@mybb.ru (PiTeR) Thu, 10 Nov 2011 23:41:47 +0400 http://as3flash.mybb.ru/viewtopic.php?pid=5#p5