Перейти к содержимому


Анимированый Логотип


  • Авторизуйтесь для ответа в теме
В теме одно сообщение

#1 Random85

Random85

    Новичок

  • Пользователи
  • Pip
  • 2 сообщений

Отправлено 18 Январь 2014 - 10:37

Здравствуй , мой сайт http://izyminki.ru

Так вот хочу поменят логотип-надпись izyminki на надпись из мелких перекатывающихся шариков как http://eargerger.storeland.ru тут сверху.

В принципи код готов и выглядит примерно так:

main.js

var myName = "Izyminki";

var red = [0, 100, 63];
var orange = [40, 100, 60];
var green = [75, 100, 40];
var blue = [196, 77, 55];
var purple = [380, 50, 60];
var letterColors = [red, orange, green, blue, purple];

drawName(myName, letterColors);

if(10 < 3)
{
bubbleShape = 'square';
}
else
{
bubbleShape = 'circle';
}

bounceBubbles();



index.html


<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="htt p://s3.amazonaws.com/codecademy-content/courses/hour-of-code/js/alphabet.js"></script>
</head>
<body>
<canvas id="myCanvas"></canvas>
<script type="text/javascript" src="htt p://s3.amazonaws.com/codecademy-content/courses/hour-of-code/js/bubbles.js"></script>
<script type="text/javascript" src="main.js"></script>
</body>
</html>

ток вот не сооброжу куда в коде шаблона вставить и как под размер старого лого подогнать.
Помогите пожалуйста.

#2 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 21 Январь 2014 - 04:49

Приведенный вами пример работает не во всех браузерах. Удалось запустить в chrome, в firefox не работает. Подобный функционал лучше не использовать, так как это не практично, да и лишняя пустая нагрузка. Используйте лучше статичный логотип или если вам необходим динамический - то формат лучше gif или на крайний случай flash.




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных