Katamari Hack
http://kathack.com/
2011-03-15 12:39:29
Katamari Hack
Drag this link to your bookmarks bar: Katamari!
Or copy and paste this url into the location bar on any site:
javascript:var i,s,ss=['http://kathack.com/js/kh.js','http://.. ..ajax/libs/jquery/1.5.1/jquery.min.js' ];for(i=0;i!=ss.length;i++){s=document.createElement('script');s.src=ss;document.body.appendChild(s);}void(0);
(works best in chrome or firefox 4)
What is this?
This is a "bookmarklet" that turns any page into Katamari Damacy. Try clicking the Katamari! link above.
This was the winner of the 2011 Yahoo HackU contest at University of Washington.
How does it work?
Short version: css transforms (for things stuck to the katamari), canvas (drawing the katamari), and z-index (illusion of depth).
Long version: The bookmarklet loads jQuery and kh.js into the current page. jQuery is used mostly for .offset() and .css(). kh.js is where all the action happens:
•Splits all the text on the page into words/spans. (StickyNodes::addWords)
•Builds a grid data structure so that intersections with elements can be found quickly (StickyNodes::finalize). Essentially grid[floor(x / 100)][floor(y / 100)] is a list of elements in a 100x100 pixel block. This should probably be an R-tree, but the hot-spot in this program is definitely in the rendering.
•The ball and stripes are drawn in a canvas that gets moved around the page (i.e. position: absolute; left: x; top: y;). See PlayerBall::drawBall.
•When an element is attached to the katamari, a clone is made. The original element is hidden. The new element is moved around by setting -webkit-transform. The transform rotates the element about the rolling axis of the katamari and scales the element to make it look like it's coming out of the page. See PlayerBall::drawAttached, transform_test.html, and transform_test2.html.
Created by Alex Leone, David Nufer, and David Truong, March 2011.
Drag this link to your bookmarks bar: Katamari!
Or copy and paste this url into the location bar on any site:
javascript:var i,s,ss=['http://kathack.com/js/kh.js','http://.. ..ajax/libs/jquery/1.5.1/jquery.min.js' ];for(i=0;i!=ss.length;i++){s=document.createElement('script');s.src=ss;document.body.appendChild(s);}void(0);
(works best in chrome or firefox 4)
What is this?
This is a "bookmarklet" that turns any page into Katamari Damacy. Try clicking the Katamari! link above.
This was the winner of the 2011 Yahoo HackU contest at University of Washington.
How does it work?
Short version: css transforms (for things stuck to the katamari), canvas (drawing the katamari), and z-index (illusion of depth).
Long version: The bookmarklet loads jQuery and kh.js into the current page. jQuery is used mostly for .offset() and .css(). kh.js is where all the action happens:
•Splits all the text on the page into words/spans. (StickyNodes::addWords)
•Builds a grid data structure so that intersections with elements can be found quickly (StickyNodes::finalize). Essentially grid[floor(x / 100)][floor(y / 100)] is a list of elements in a 100x100 pixel block. This should probably be an R-tree, but the hot-spot in this program is definitely in the rendering.
•The ball and stripes are drawn in a canvas that gets moved around the page (i.e. position: absolute; left: x; top: y;). See PlayerBall::drawBall.
•When an element is attached to the katamari, a clone is made. The original element is hidden. The new element is moved around by setting -webkit-transform. The transform rotates the element about the rolling axis of the katamari and scales the element to make it look like it's coming out of the page. See PlayerBall::drawAttached, transform_test.html, and transform_test2.html.
Created by Alex Leone, David Nufer, and David Truong, March 2011.
2011-03-15 15:35:28
рас, рас. праверка. эксперимент номир адин. иле джва. тимпиратура нармальная такая сибе. здрачки круглые. пульс. фторник. россия иле где я. сичас йа нопешу камент а патом иво сатру старательно стерательным шареком. а патом зайду абратно и пасматрю какой камент астался. эксперемент веко. три четыре!!!!
онед! эксперимент вышэл изпадкантроля! лабараторные мышы убижали и адияло тожэ убежало. ани типерь палучили сверхинтилект и захвотили самую главную сикретную важную штуку каторую нильзя захватывать и типерь чилавечества стало опасносте!
ещо йа шарегом стёр как миня завут и зобыл. а ищо йа захавал кнопку "ШЛИ" или "СЛАТЬ" или "СЛЫ" или "ОКЭЙ". карочи кнопка каторай камент слать. и йа типерь ваще незнаю штоделать.
скушна. папробую захавать самые нижние буквы.
захавал. свалко не хаваеца. астальное захавалось.
щас поди появица негр и будит миня грузить и в васточные культы звать и таблетачки цветные бесплатно онлайн предлагать.
чота кстате была ужэ такая стиралка на свалочке нет? но тагда я не стал ставить экспирименты. а щас чота стал. надо было хоть утюг предварительна выключить.
ну вощем текст камента и свалко шариком не хаваецца. это результат опыта. нодеюсь миня нойдут и оцэнят научные патомки и назовут в честь меня улецу. праспект вернацкаво напремер.
надоело сидеть. щас ищо шарек пакатаю и ножму ка я паприко лу контролентер (школа 68 фигле)
онед! эксперимент вышэл изпадкантроля! лабараторные мышы убижали и адияло тожэ убежало. ани типерь палучили сверхинтилект и захвотили самую главную сикретную важную штуку каторую нильзя захватывать и типерь чилавечества стало опасносте!
ещо йа шарегом стёр как миня завут и зобыл. а ищо йа захавал кнопку "ШЛИ" или "СЛАТЬ" или "СЛЫ" или "ОКЭЙ". карочи кнопка каторай камент слать. и йа типерь ваще незнаю штоделать.
скушна. папробую захавать самые нижние буквы.
захавал. свалко не хаваеца. астальное захавалось.
щас поди появица негр и будит миня грузить и в васточные культы звать и таблетачки цветные бесплатно онлайн предлагать.
чота кстате была ужэ такая стиралка на свалочке нет? но тагда я не стал ставить экспирименты. а щас чота стал. надо было хоть утюг предварительна выключить.
ну вощем текст камента и свалко шариком не хаваецца. это результат опыта. нодеюсь миня нойдут и оцэнят научные патомки и назовут в честь меня улецу. праспект вернацкаво напремер.
надоело сидеть. щас ищо шарек пакатаю и ножму ка я паприко лу контролентер (школа 68 фигле)
2011-03-15 15:38:13
превед лунатегам! ризультаты опыта радуют. миня завут Редькотёра джвойник, свалко нета, контролентер работает. пайду атсыпаца
2011-03-15 18:24:37
Оно грузицо, грузицо, грузицо, грузицо, БЛЯТЬ БЛЯТЬ БЛЯТЬ ЖДАТЬ ЖЕ ЭТО ВСЁ ЗАЕБАЛО, грузицо, грузицо, грузицо
не фаерфокс
не фаерфокс
2011-03-15 20:44:22
воще офегеть!11 весь ынтырнэт кшарегу прилипилсо!1адин. я иво типерь абратна выкочать смагу илене? таг и буде весь ынтырнэт уминя внутбуке кшарегу прилипше?
2011-03-15 23:25:23
ойой, прастите-памагите меня такова. бипокот, бипокотище, не меняй таблетки, у тебя хорошие, йа как патолоанатом говорю.. реджкотёра двойник эта меня перепутал я чотонитуда посмотрел штоле спасибо-пажалуста
2011-03-15 23:55:36
я нипонел, типерь штоле я фсю жизень роботадь буду штоб тоблетке менядь? ну иле не менядь штоле?
2011-03-16 06:19:59
менять таблетки — хорошая работа, чо. непыльная.
сядешь так, под одним напёрстком феназепам, а под двумя другими — аспирин. кручу-верчу, обмануть хочу. есть замечающий, таблетку получающий?
сядешь так, под одним напёрстком феназепам, а под двумя другими — аспирин. кручу-верчу, обмануть хочу. есть замечающий, таблетку получающий?
2011-03-19 05:26:39
дадад. это паследнее псто где видели редькотёра джвойника. в школе он большэ не паявлялся. когда же черис нескалька дней слуги осмелились вайти в ево комнату, ани нашли там толька костюм-джвойку в шкафу и таз со жжоной бумагой на столе.
на полу жэ стаял манитор, на катором был портрет редькотёра, как и раньшэ маладова и красивава анфас.
итак джвойника найти не удал лось. вазможно очиредной экскперемент со стирательным шарегом аказался не таким удачным и он не сумел выбраца из биздонных болот интэрнета.
вазмоджна джвойник и правду удачно паминял таблетки. или проста решыл ищщезнуть, умиреть для всех, и паявицца другим челавекам с другим именем, чтобы взяцца за исполнение сваево плана.
таво самаво плана который так апраметичиво выведал у нево кагдата нещщасный мистер даглинз...
на полу жэ стаял манитор, на катором был портрет редькотёра, как и раньшэ маладова и красивава анфас.
итак джвойника найти не удал лось. вазможно очиредной экскперемент со стирательным шарегом аказался не таким удачным и он не сумел выбраца из биздонных болот интэрнета.
вазмоджна джвойник и правду удачно паминял таблетки. или проста решыл ищщезнуть, умиреть для всех, и паявицца другим челавекам с другим именем, чтобы взяцца за исполнение сваево плана.
таво самаво плана который так апраметичиво выведал у нево кагдата нещщасный мистер даглинз...
помнеца на свалочке пстоили игрушко kickass, вот ана паинтиресне