Начал изучать JS

@vrodnenok · Регистрация: 17.05.2012

Студворк — интернет-сервис помощи студентам

прочитал в книге спецификации CSS и вспомнил молодость, скроллер в стиле Amiga:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<!DOCTYPE html>
<html>
 
<head>
<title>
My old school scroller
</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
</script>
<style type="text/css">
#draw-target { width:480px; height:220px; background-color:#000; position:relative;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
(function() {
var fastSin = function(steps) {
var table = [],
ang = 0,
angStep = (Math.PI * 2) / steps;
do {
table.push(Math.sin(ang));
ang += angStep;
} while (ang < Math.PI * 2);
return table;
};
var sinTable = fastSin(4096),
$drawTarget = $('#draw-target'),
divs = '',
i, $bars, x = 0;
 
var scrText = ' Gimme a job, gimme a job, why dont you gimme a job! Gimme a job, gimme a job, why dont you gimme a job! Gimme a job, gimme a job, why dont you gimme a job! ';
 
var scrArr = scrText.split('');
var scrl = scrArr.length;
//document.write(scrArr[scrl]);
 
 
var drawGraph = function(ang, freq, height, left) {
for (var i = 0; i < 48; i++) {
$bars[i].style.top =
160 - height + sinTable[(ang + (i * freq)) & 4095] * height + 'px';
$bars[i].style.left = (left+i*10) + 'px';
$bars[i].innerHTML=scrArr[i];
//$bars[i].style.color='#00'+i%10+10+'';
}
};
 
 
for (i = 0; i < scrl; i++) {
divs += '<div style="position:absolute; width:50px; height:10px; ' + 'color:#FFC; top:0px; left: ' + i*20+20 + 'px; font-family:courier;">'+scrArr[i]+'</div>';
}
 
//setFont();
 
$drawTarget.append(divs);
$bars = $drawTarget.children();
 
setInterval(function() {
drawGraph(x*32, 32 - (sinTable[(x * 16) & 4095] * 16), 50 - (sinTable[(x * 32) & 4095] * 20), (-x%10));
x++;
if (x%10==0){
scrArr[scrl-1] = scrArr[0];
for(var i = 1; i<scrl; i++)
{
scrArr[i-1]=scrArr[i];
}
}
}, 18);
})();
 
});
</script>
</head>
 
<body>
<p>here we go!.</p>
 
<div id="draw-target">
</div>
</body>
 
</html>

@crazymax · 27.06.2012, 22:02

Интересно получилось, только подтормаживает чуток :)

@vrodnenok · 27.06.2012, 23:46 **[ТС]**

да это я вчера пива лишнего хлебнул с друзьями. утром хотел удалить тему - но уже поздно было.

это не "получилось". я таких всяких эффектов с текстами много писал в школьные (80-е) годы на ZX-Spectrum. Я ведь учился на программиста и даже диплом есть университетский, но девелопером так и не стал. последнее время судоходная компания, где я оперировал флотом распалась и я остался без работы - вот и начал вспоминать давно забытые навыки.

Новые блоги и статьи Все статьи Все блоги /
Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Programma_Boinc 01.01.2026 Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Сочетание глобально распределённой вычислительной мощности и инновационных. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .	PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .

@crazymax 3 / 3 / 0 Регистрация: 17.06.2012 Сообщений: 26
	27.06.2012, 22:02
	Интересно получилось, только подтормаживает чуток :) 1

@vrodnenok 16 / 16 / 5 Регистрация: 17.05.2012 Сообщений: 124
	27.06.2012, 23:46 [ТС]
	да это я вчера пива лишнего хлебнул с друзьями. утром хотел удалить тему - но уже поздно было. это не "получилось". я таких всяких эффектов с текстами много писал в школьные (80-е) годы на ZX-Spectrum. Я ведь учился на программиста и даже диплом есть университетский, но девелопером так и не стал. последнее время судоходная компания, где я оперировал флотом распалась и я остался без работы - вот и начал вспоминать давно забытые навыки. 0