User:Tancre/2/hackpact/hackpact 2: Difference between revisions
(Created page with " == Unspatial Spaces == 800px === Empty space=== 300px === Non-Spatial space=== File:non_spatial.P...") |
|||
Line 58: | Line 58: | ||
[[File:taghi1.png | 800px]] | [[File:taghi1.png | 800px]] | ||
<br> | <br><br><br> | ||
[[File:taghi2.png | 800px]] | [[File:taghi2.png | 800px]] |
Latest revision as of 23:40, 3 December 2019
Unspatial Spaces
Empty space
Non-Spatial space
1D space
Invisible Space
about:blank
DOM Annihilator
Infinite Spaces
I've created two versions of monochromatic space with leaflet.js (2D with x and y coordinates and 3D with x,y and z) with the conceptual idea of a space that can be explored ad infinitum moving around without points of reference. I was interested in how software can make possible to explore visually and interact with mental ideas that otherwise we can only figure in our mind. Of course, this empty space is an illusion, as probably it is also the infinite space we can think about. Infinity remains one of the most difficult concepts to explore and it will remain a mystery if it can exist as a physical phenomenon.
Auto Scrolling
More than the autoscroll script itself, I'm interested in the state of flow that this infinite scroll create.
function pageScroll() {
window.scrollBy(0,10);
scrolldelay = setTimeout(pageScroll,10);
}
pageScroll();
var all = document.getElementsByTagName('*');
Tags Highliter
With this script I wanted to try to make visible how tags are nested one inside the other as a way to reveal the structure of the html code and its DOM.
function tagHighliter(){
for (var i = 1; i < all.length; i++) {
var s = all[i].style
const r = Math.floor(Math.random() * 256);
const g = Math.floor(Math.random() * 256);
const b = Math.floor(Math.random() * 256);
s.borderColor = 'rgb('+ g +','+ b + ',' + r + ')';
//s.background = 'rgb('+ r +','+ g + ',' + b + ')';
s.borderStyle = 'dashed';
s.borderWidth = '4px';
//s.fontSize = '200px';
}
}
tagHighliter();
var interval = setInterval(function () { tagHighliter(); }, 10000);