MangaRaiders

Manga Artists => Tips and Tutorials => Topic started by: suupertramp on September 28, 2013, 02:31:54 PM


------------------------------------------

If you have Login Problems Use the Login in Top Menu Bar


------------------------------------------
If you have a problem registering here, Leave a msg at our FB Page >> Here.

Plz Don't use Hotmail to Register. You might not receive Activation mail. Use Other free mail provider like Gmail or Yahoo.






Title: Gesture Drawing Program - use your own pictures!
Post by: suupertramp on September 28, 2013, 02:31:54 PM
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:


tips:

i randomly uploaded it somewhere

Version 2: http://www.speedyshare.com/tjatD/gestureunlimited.html.zip
Version 2.1: http://www.speedyshare.com/haYbP/gestureunlimited2.1.html.zip
Version 2.2: http://www.speedyshare.com/DME2Q/gestureunlimited2.2.html.zip

EDIT: looks like those links dont work so here is the atest version, V4:
https://drive.google.com/open?id=0BznYBC_D0QRjOE9KUU91b1R2T0k


hopefully its self explanatory, for those that have done gesture drawing before it should be

when used in conjunction with this (http://www.imageoptimizer.net/Pages/Home.aspx) 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

Code: [Select]
<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
Title: Re: Gesture Drawing Program - use your own pictures!
Post by: eldritchmaestro on September 28, 2013, 03:10:10 PM
This is really really good work suuper. You're amazing. I'll be using this!
Title: Re: Gesture Drawing Program - use your own pictures!
Post by: suupertramp on September 28, 2013, 04:03:56 PM
thanks a bunch!
if you have any improvements or find any bugs let me know!!!!
Title: Re: Gesture Drawing Program - use your own pictures!
Post by: miomaneku on October 05, 2013, 10:25:04 AM
Very useful...im gonna use it thnx
Title: Re: Gesture Drawing Program - use your own pictures!
Post by: Ryan on October 05, 2013, 01:00:26 PM
Works like a charm, thanks suuper
Title: Re: Gesture Drawing Program - use your own pictures!
Post by: eldritchmaestro on October 06, 2013, 09:01:20 AM
It glitched on me like you warned (tried a 1000+ images i think) but that's not an issue.

I was wondering though if there's a way to hide the timer? For some reason it's distracting. If you ever make an updated version tell me about that.

You do realize this software whoops ass. With the amount of screenshots i take when watching anime or tv series i've found myself with a great library of references to work from. Once again, good work suuper.
Title: Re: Gesture Drawing Program - use your own pictures!
Post by: suupertramp on October 06, 2013, 10:30:49 AM
added option to remove timer :P
link added in main topic
but here as well
http://www.speedyshare.com/haYbP/gestureunlimited2.1.html.zip
any other improvements you want let me know :P
Title: Re: Gesture Drawing Program - use your own pictures!
Post by: eldritchmaestro on October 06, 2013, 10:54:14 AM
Thanks man yeah I will keep you posted
Title: Re: Gesture Drawing Program - use your own pictures!
Post by: suupertramp on October 06, 2013, 11:27:28 AM
when used in conjunction with
http://www.imageoptimizer.net/Pages/Home.aspx
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)
http://www.speedyshare.com/DME2Q/gestureunlimited2.2.html.zip
Title: Re: Gesture Drawing Program - use your own pictures!
Post by: suupertramp on October 08, 2013, 07:07:46 AM
also working on a save option so you dont have to load the same pictures each time
Title: Re: Gesture Drawing Program - use your own pictures!
Post by: eldritchmaestro on October 08, 2013, 07:46:02 AM
Ah interesting
Title: Re: Gesture Drawing Program - use your own pictures!
Post by: Gestureartist on December 19, 2017, 05:57:16 AM
Please help me! After adding the pictures, I couldn't click start, stop or skip. What do I do?
I couldn't download the zip files either. Help is needed. Thanks.
Title: Re: Gesture Drawing Program - use your own pictures!
Post by: suupertramp on December 19, 2017, 01:44:12 PM
sorry to hear that!
here is the latest version, perhaps this will solve your problems!
let me know if you have any suggestions, and welcome to MR :)
https://drive.google.com/open?id=0BznYBC_D0QRjOE9KUU91b1R2T0k
When you draw something, come back and post it here on the forum! We love to see everyone's art :)