Язык программирования:
Javascript
Среда программирования:
bonsai.js + JavaScript + HTML
<!DOCTYPE html> <html> <head> <script src="bonsai-0.4.1.min.js"></script> </head> <body> <div id="scena"></div> <script> bonsai.run(document.getElementById('scena'), { code: function() { function draw() { //опишем функцию отрисовки одной звезды var color = bonsai.color('yellow').randomize(); //выбираем случайный //оттенок желтого цвета (отклонение случайное, поэтому получаем //разные цвета, а не только желтыех тонов) var star = new Star(100, 100, Math.random() * 10 + 20, 5 ).attr({ //описываем звезду, начальная позиция - точка (100, 100), //количество концов звезды - 5, радиус - случайная величина. // Далее указываем атрибуты, с коротрыми она создается fillColor: color, //заливаем звезду нашим случайным цветом strokeWidth: 7, //задаем ширину обводки в 7 пикселей strokeColor: color.lighter(.1), //цвет обводки делаем //светлее на 1 условную единицы x: Math.random() * 500, //точку содания звезды делаем случайной y: Math.random() * 500 }); star.addTo(stage); //добавляем звездочку на сцену (отрисовываем её) var k = new KeyframeAnimation('1s', { //создаем линейную // анимацию длинной в 1 секунду '50%': { //указываем необходимый результата на середине, //то есть на момент 1 секунда после начала scaleX: 3, //масштаб по икс и игрек в 4 раза // больше, чем в начале scaleY: 3 }, '100%': { //указываем необходимый результата к концу анимации scaleX: 6, //масштаб по икс и игрек в 8 раз больше, //чем в начале scaleY: 6 } }); k.on('end', function(){ //указывает действие, которое // вызывается у объекта анимации при событии 'end', //то есть после его завершения. star.destroy(); //в анонимной функции //удаляется старая звезда и начинается рисование новой draw(); }); star.animate(k); //задаем звезде анимацию, описанную выше } for (var i = 0; i < 15; ++i) { //15 - количество звезд. //15 раз запустим функцию рисования и получим 15 звездочек. draw(); } }, width: 400, //указываем ширину и высоту сцены height: 400 }); </script> </body> </html>
| Прикрепленный файл | Размер |
|---|---|
| halilova_demoscene.rar | 41.51 кб |