Direct link to folder: link
imageGen.html : This is a simple black and white image generator, with some gradient capability. It was my second experiment.
imageAlgoGen.html : This is a remixable algorithmic image generator.
algoCanvasPlayer.html : This is a remixable algorithmic animation generator. Uses similar codes to imageAlgoGen but includes a t for time variable, which allows for animated scenes.
algoMusicPlayer.html : Lets you play any algorithmic music. E.g. Try “Math.round(255 * Math.random());” . A test tone is played when this page is opened. ( 8Khz )
How does this ‘save/load’ to url work? If you look at the codes below from urlhashloader, it should make sense.
Essentially the informations after the hash in the url is stored in
So what this script does, is first loads the hash content to a variable named hash. It is then saved to a global container via
document.getElementById("hashContent").value. This is how we “load url hash” process.
Do note that you cannot change the window.location.hash in the url field without having to refresh the page. This is why we have the loadHash() function, to change window.location.hash first, and then reload the entire page. This is how we “save url hash”, since the url is now updated (because we refreshed the page) and thus is now copyable by the user.
Just note that there is an issue of firefox converting
%%, which messes the encoding up. Thus until it is fixed, I am using a hack to work around it.