Javascript-форум (https://javascript.ru/forum/)
-   Ваши сайты и скрипты (https://javascript.ru/forum/project/)
-   -   Делать было... (https://javascript.ru/forum/project/11557-delat-bylo.html)

float 30.08.2010 21:51
Делать было...
 

Перед вами снимок 65536-и нодов :).

1-й вечер написал скрипт, и заценил как он нагнул всю 5-ку...
2-й вечер вспомнил заветное слово "оптимизация" и удалось добиться результата в FF.

ff сгенерил на моей тачке за 3 минуты где-то. Я работал с ним, т.к. единственный из всех кто адекватно воспринял 1-ю версию скрипты(выводил промежуточные результаты). остальные вообще мгновенно нагибались на все 360:D .

Как же я удивился, когда запустив на опере 10.6 2-ю версию скрипта всё сгенерилось за секунд 30...(vs 3мин у FF).

Давно присматриваюсь к новой версии оперы... ток до этого, так на посознательном уровне:) . а сейчас вот и результатом подкрепилось...

inGray 30.08.2010 22:23
А можно код глянуть одним глазком? :-?

float 30.08.2010 23:36
CSS
Код:
body {margin: 0; padding: 0;}
input {outline: 0px;}

#square {width: 256px; height: 256px; margin: 400px;}

#square div {width: 1px; height: 1px; float: left; overflow: hidden;}
HTML
<body>
<div id="square"></div>

<script>

function brush() {
	
	var hor = 256;
	var ver = 256;

	var num = '';
	
	var square = document.getElementById('square');
	
		for (var i=0; i<ver; i++) {
			for (var q=0; q<hor; q++) {
				num +='<div style="background: rgb(0,'+i+','+q+');"></div>';
			}
		}
	
	square.innerHTML = num;

}


brush();

</script>
</body>

float 30.08.2010 23:37
Сразу я наивно попытался через DOM добавлять...

Kolyaj 31.08.2010 01:00
Цитата:
Сообщение от float
#square div
Попробуйте, ради эксперимента, убрать здесь ненужный каскад, увеличится ли скорость.

float 31.08.2010 01:09
Цитата:
Попробуйте, ради эксперимента, убрать здесь ненужный каскад, увеличится ли скорость.
Мало значимо я думаю. В документе же тет больше других дивов.(враппер .... ели ток:))

float 31.08.2010 01:14
Хотя да... каскад тут и не нужен.

float 31.08.2010 01:28
3 секунды в пользу #square div... на Опере... FF чёт не хочет сегодня палитры формировать:)

рони 31.08.2010 06:11
тоже самое таблицей + время ... Internet Explorer может не показать - как повезёт )))
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
</head>
<body>
<script language="JavaScript" type="text/javascript">
function brush() {
    var start = new Date();
    for (var a = document.createElement("table"), b = 256; b--;)
    for (var d = a.insertRow(0), c = 256; c--;)
    d.insertCell(0).style.cssText = "background-color: rgb(" + b + ",0," + c + ");width: 1px; height: 1px;";
    a.cellSpacing = "0";
    a.cellPadding = "0";
    document.body.appendChild(a);
    var time =  document.createTextNode((new Date()).getTime() - start.getTime()+"ms");
    document.body.appendChild(time);
};
brush();
</script>
</body>
</html>

Octane 31.08.2010 11:51
Помню раньше на Delphi игрался, писал программу, которая изображения div'ами отрисовывала.

Sweet 31.08.2010 12:08
Цитата:
Сообщение от Octane
изображения div'ами отрисовывал
А еще можно таблицей рисовать:)

B~Vladi 31.08.2010 14:34
ff, mac - 7292ms.
А так прикольно:)

Octane 31.08.2010 15:28
Боюсь представить, что же за железо такое, что аж 30 секуд генерировалось? Сейчас проверил на слабеньком нетбуке с одноядерным процессором Atom 1.3ГГц, градиент был отрисован за 6 секунд в Firefox 4. Хотя может новый фокс показывает чудеса производительности :)

inGray 31.08.2010 16:11
Второй вариант нормально за 3,6 секунды генерит) А вот первый вешает ФФ)))

float 31.08.2010 20:09
Цитата:
тоже самое таблицей + время ... Internet Explorer может не показать - как повезёт )))
Cool:)
Цитата:
Боюсь представить, что же за железо такое, что аж 30 секуд генерировалось?
Та... тачка почти разваливается уже:D

float 31.08.2010 20:12
Сам скрипт работает довольно быстро... но отрисовывается оч долго...
не оч всосал чего вариант рони такой быстрый, может из-за этого:
Цитата:
style.cssText = "background-color: rgb(" + b + ",0," + c + ");width: 1px; height: 1px;";

float 31.08.2010 20:19
Мммм... нифига... Переделал всё кроме таблиц так же.

Gozar 04.09.2010 12:57
1155ms - FF 4.0b4 :)

Gozar 04.09.2010 13:00
1373ms - Opera 10.61

Gozar 04.09.2010 13:01
1059ms - Chrome 5.0.375.127


Часовой пояс GMT +3, время: 19:29.