well i was using posemaniacs gesture drawing program
http://www.posemaniacs.com/thirtysecond for those that dont know
and i was like
i have a load of manga/anime pictures on my computer that i want to be able to just press go and go through them in the same way for gesture drawing
and i figured some of you guys must have thought similar
sooooo..........
i quickly coded up my own program. its a webpage but since it runs off javascript alone you can run it locally
it works in chrome, havnt tested anything else
would love to know if anyone finds this useful or has any improvements
current bugs/problems:
- if you select a large number of files it wont work, this is why you can select a group of files multiple times. this bug is not my fault and cannot be fixed, but if the files names are short, you can select more files. i have renamed mine to aa,ab,ac etc and can select about 3000 pictures in one go
- large files take a while to process, so the pictures added so far may go up slowly. pictures about 500kb (i think) are the comfortable limit but it can handle anything.
- i also noticed its fairly heavy on memory, but thats dependant on the pictures you use so meh. i am working to fix this but it still works if you dont push it too hard
tips:
- use less than 1000 images
- since you can select multiple times you can select from different folders
- dont use filessizes larger than 1mb (especially if thay are all that size)
i randomly uploaded it somewhere
Version 2:
http://www.speedyshare.com/tjatD/gestureunlimited.html.zipVersion 2.1:
http://www.speedyshare.com/haYbP/gestureunlimited2.1.html.zipVersion 2.2:
http://www.speedyshare.com/DME2Q/gestureunlimited2.2.html.zipEDIT: looks like those links dont work so here is the atest version, V4:
https://drive.google.com/open?id=0BznYBC_D0QRjOE9KUU91b1R2T0khopefully its self explanatory, for those that have done gesture drawing before it should be
when used in conjunction with
this or any other image optimiser, you can load at least 10,000 images (you may have to add them in groups of 1000ish at a time into my program though. as i have the files renamed very short like aa,ab,ac etc, i could add 4000 at a time)
i have included an update for my program that will tell you the maximum dimensions to use with the file optimiser (use "optimise as" to choose the dimensions if you use the optimiser i linked to)
if the download doesnt doesnt work save this latestish version as a html file:
if you dont know how, copy it into notepad, save as "file.html" without quotes and then hopefully you have a weblink you can click on
<html>
<script type="text/javascript">
var srclist=[];window.onload=function(){imagem=document.getElementById("image_main");winWidth=document.all?document.body.clientWidth:window.innerWidth;winHeight=document.all?document.body.clientHeight:window.innerHeight;imagem.style.cssText="max-width:"+(winWidth-20)+"px;max-height:"+(winHeight-50)+"px;";if(window.File&&window.FileList&&window.FileReader){var filesInput=document.getElementById("files");filesInput.addEventListener("change",function(event){var files=event.target.files;var output=document.getElementById("result");for(var i=0;i<files.length;i++){var file=files[i];if(!file.type.match('image'))continue;var picReader=new FileReader();picReader.addEventListener("load",function(event){var picFile=event.target;var dd=picFile.result;var yes=1;for(s=0;s<srclist.length;s++){if(srclist[s]==dd){yes=0}}if(yes==1){srclist.push(picFile.result);document.getElementById("delete").disabled=false;document.getElementById("start").disabled=false}document.getElementById("sp").innerHTML="Pictures added so far: "+srclist.length});picReader.readAsDataURL(file)}})}else{console.log("Your browser does not support File API")}}function down(){sect-=1;document.getElementById("tr").innerHTML="Seconds Remaining: "+sect;if(sect==0){next()}}function next(){sect=sec;document.getElementById("tr").innerHTML="Seconds Remaining: "+sect;if(document.getElementById("random").checked==true){imagem.src=srclist[Math.floor((Math.random()*srclist.length))]}else{wh++;if(wh>=srclist.length){wh=0}imagem.src=srclist[wh]}}var sect=0;function deleteall(){var r=confirm("Are you sure you want to remove all the images you have collcted so far?");if(r==true){srclist=[];document.getElementById("sp").innerHTML="Pictures added so far: "+srclist.length;document.getElementById("delete").disabled=true;document.getElementById("start").disabled=true}}function skip(){next()}function stop(){document.getElementById("options").style.display="block";document.getElementById("tr").innerHTML="";imagem.style.display="none";clearInterval(dd);imagem.src="";document.getElementById("stop").disabled=true;document.getElementById("skip").disabled=true;document.getElementById("start").disabled=false}wh=0;function start(){if(document.getElementById("ht").checked==true){document.getElementById("tr").style.display="none"}else{document.getElementById("tr").style.display="inline"}sec=document.getElementById("time").value;sect=sec;document.getElementById("tr").innerHTML="Seconds Remaining: "+sect;document.getElementById("options").style.display="none";imagem.style.display="block";document.getElementById("stop").disabled=false;document.getElementById("skip").disabled=false;document.getElementById("start").disabled=true;dd=setInterval("down();",1000);wh=srclist.length;next()}
</script>
<body>
<button id="start" onClick="start();" disabled="true"">Start</button>
<button id="stop" onClick="stop();" disabled="true">Stop</button>
<button id="skip" onClick="skip();" disabled="true">Skip</button>
<span id="tr"></span>
<div id="options">
Add pictures to list: <input id="files" type="file" multiple/><br/>
<span id="sp">Pictures added so far: 0</span> <button disabled="true" id="delete" onClick="deleteall();">Remove Images</button><br/>
Seconds for each drawing (Up to 5 minutes): <input type="number" id="time" min="1" max="300" value="30">
<br/><input type="checkbox" id="random" checked="true">Show pictures randomly (instead of in file order)
<br/><input type="checkbox" id="ht" checked="false">Hide the distracting timer
</div>
<br/><img src="" id="image_main"/>
</body>
</html>
yes my code is sloppy but it works :P
i ran it though a compressor so the codes a bit smaller and more complicated than i actually typed it