Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сделать движущиеся облака в шапке сайта? / 14 сообщений из 14, страница 1 из 1
28.05.2013, 09:08
    #38275827
aliadiere
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать движущиеся облака в шапке сайта?
Добрый день. Сайт сверстан таблицами. Есть три слоя картинок: небо, передний фон и облака, которые должны быть между этими двумя слоями. Как сделать, чтобы облака перемещались по всей ширине шапки?
...
Рейтинг: 0 / 0
28.05.2013, 09:38
    #38275864
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать движущиеся облака в шапке сайта?
aliadiereСайт сверстан таблицами.
Есть большая вероятность оставить идею с "облаками"...
...
Рейтинг: 0 / 0
28.05.2013, 09:40
    #38275868
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать движущиеся облака в шапке сайта?
Может, просто анимированную гифку сделать?
...
Рейтинг: 0 / 0
28.05.2013, 09:40
    #38275869
Малыхин Сергей
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать движущиеся облака в шапке сайта?
Можно с http://www.mrdoob.com/lab/javascript/webgl/clouds/ идею взять
Ctrl + C, Ctrl + V и готово )
...
Рейтинг: 0 / 0
28.05.2013, 09:42
    #38275873
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать движущиеся облака в шапке сайта?
aliadiereКак сделать движущиеся облака в шапке сайта?
Ну и для размышления ...
...
Рейтинг: 0 / 0
28.05.2013, 09:43
    #38275876
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать движущиеся облака в шапке сайта?
Малыхин Сергей,

Нехило, но в ИЕ не пашет.
...
Рейтинг: 0 / 0
28.05.2013, 10:38
    #38275978
Малыхин Сергей
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать движущиеся облака в шапке сайта?
А в ИЕ вместо облаков картинку с просьбой установить нормальный браузер =)
...
Рейтинг: 0 / 0
28.05.2013, 13:58
    #38276555
aliadiere
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать движущиеся облака в шапке сайта?
krvsaaliadiereКак сделать движущиеся облака в шапке сайта?
Ну и для размышления ...

мне облако тэгов не нужно. читай внимательней

Может еще какие-нибудь идею будут?
...
Рейтинг: 0 / 0
28.05.2013, 14:56
    #38276728
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать движущиеся облака в шапке сайта?
aliadiereМожет еще какие-нибудь идею будут?
Как вариант...
http://www.xiper.net/collect/web-without-flash/simply/cloud-drift.html
...
Рейтинг: 0 / 0
28.05.2013, 15:08
    #38276767
Малыхин Сергей
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать движущиеся облака в шапке сайта?
авторКак сделать, чтобы облака перемещались по всей ширине шапки?
Берешь картинку облака вставляешь ее несколько раз в нужный блок (делаешь из облака облака) и с помощью CSS или JS перемещаешь картинки создавая нужный эфект
...
Рейтинг: 0 / 0
28.05.2013, 16:18
    #38276941
aliadiere
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать движущиеся облака в шапке сайта?
krvsaaliadiereМожет еще какие-нибудь идею будут?
Как вариант...
http://www.xiper.net/collect/web-without-flash/simply/cloud-drift.html

спасибо, попробую
...
Рейтинг: 0 / 0
29.05.2013, 09:56
    #38277873
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать движущиеся облака в шапке сайта?
Малыхин СергейМожно с http://www.mrdoob.com/lab/javascript/webgl/clouds/ идею взять
Ctrl + C, Ctrl + V и готово )Круто. Для сайта какого-нибудь авиаперевозчика — самый смак.
...
Рейтинг: 0 / 0
29.05.2013, 10:00
    #38277878
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать движущиеся облака в шапке сайта?
Заметил там такой код:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
		<script id="fs" type="x-shader/x-fragment">

			uniform sampler2D map;

			uniform vec3 fogColor;
			uniform float fogNear;
			uniform float fogFar;

			varying vec2 vUv;

			void main() {

				float depth = gl_FragCoord.z / gl_FragCoord.w;
				float fogFactor = smoothstep( fogNear, fogFar, depth );

				gl_FragColor = texture2D( map, vUv );
				gl_FragColor.w *= pow( gl_FragCoord.z, 20.0 );
				gl_FragColor = mix( gl_FragColor, vec4( fogColor, gl_FragColor.w ), fogFactor );

			}

		</script>

Это щито за язык?
...
Рейтинг: 0 / 0
29.05.2013, 10:33
    #38277952
Малыхин Сергей
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать движущиеся облака в шапке сайта?
Шейдерный язык видеокарты по сути тот же С но компилируемый для видеокарты
В IE не работает
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сделать движущиеся облака в шапке сайта? / 14 сообщений из 14, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]