July 21, 2018, 09:12:06 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.






Author Topic: Gesture Drawing Program - use your own pictures!  (Read 8134 times)

0 Members and 1 Guest are viewing this topic.

Offline suupertramp

  • Hero Member
  • *****
  • Posts: 3431
  • Gender: Male
  • Anyone need a wall of text?
    • View Profile
Gesture Drawing Program - use your own pictures!
« 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:

  • 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.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 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
« Last Edit: December 19, 2017, 01:43:50 PM by suupertramp »

Offline legomaestro

  • High Chancellor of Righteousness
  • Global Moderator
  • Hero Member
  • *
  • Posts: 18858
  • Gender: Male
  • real life has wack graphics
    • View Profile
Re: Gesture Drawing Program - use your own pictures!
« Reply #1 on: September 28, 2013, 03:10:10 PM »
This is really really good work suuper. You're amazing. I'll be using this!

Offline suupertramp

  • Hero Member
  • *****
  • Posts: 3431
  • Gender: Male
  • Anyone need a wall of text?
    • View Profile
Re: Gesture Drawing Program - use your own pictures!
« Reply #2 on: September 28, 2013, 04:03:56 PM »
thanks a bunch!
if you have any improvements or find any bugs let me know!!!!

Offline miomaneku

  • Jr. Member
  • **
  • Posts: 80
  • Gender: Female
    • View Profile
Re: Gesture Drawing Program - use your own pictures!
« Reply #3 on: October 05, 2013, 10:25:04 AM »
Very useful...im gonna use it thnx

Offline Ryan

  • Hero Member
  • *****
  • Posts: 1069
  • Gender: Male
    • View Profile
Re: Gesture Drawing Program - use your own pictures!
« Reply #4 on: October 05, 2013, 01:00:26 PM »
Works like a charm, thanks suuper

Offline legomaestro

  • High Chancellor of Righteousness
  • Global Moderator
  • Hero Member
  • *
  • Posts: 18858
  • Gender: Male
  • real life has wack graphics
    • View Profile
Re: Gesture Drawing Program - use your own pictures!
« Reply #5 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.

Offline suupertramp

  • Hero Member
  • *****
  • Posts: 3431
  • Gender: Male
  • Anyone need a wall of text?
    • View Profile
Re: Gesture Drawing Program - use your own pictures!
« Reply #6 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
« Last Edit: October 06, 2013, 10:33:35 AM by suupertramp »

Offline legomaestro

  • High Chancellor of Righteousness
  • Global Moderator
  • Hero Member
  • *
  • Posts: 18858
  • Gender: Male
  • real life has wack graphics
    • View Profile
Re: Gesture Drawing Program - use your own pictures!
« Reply #7 on: October 06, 2013, 10:54:14 AM »
Thanks man yeah I will keep you posted

Offline suupertramp

  • Hero Member
  • *****
  • Posts: 3431
  • Gender: Male
  • Anyone need a wall of text?
    • View Profile
Re: Gesture Drawing Program - use your own pictures!
« Reply #8 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
« Last Edit: October 06, 2013, 11:31:38 AM by suupertramp »

Offline suupertramp

  • Hero Member
  • *****
  • Posts: 3431
  • Gender: Male
  • Anyone need a wall of text?
    • View Profile
Re: Gesture Drawing Program - use your own pictures!
« Reply #9 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

Offline legomaestro

  • High Chancellor of Righteousness
  • Global Moderator
  • Hero Member
  • *
  • Posts: 18858
  • Gender: Male
  • real life has wack graphics
    • View Profile
Re: Gesture Drawing Program - use your own pictures!
« Reply #10 on: October 08, 2013, 07:46:02 AM »
Ah interesting

Offline Gestureartist

  • Newbie
  • *
  • Posts: 1
    • View Profile
Re: Gesture Drawing Program - use your own pictures!
« Reply #11 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.
« Last Edit: December 19, 2017, 06:00:08 AM by Gestureartist »

Offline suupertramp

  • Hero Member
  • *****
  • Posts: 3431
  • Gender: Male
  • Anyone need a wall of text?
    • View Profile
Re: Gesture Drawing Program - use your own pictures!
« Reply #12 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 :)
« Last Edit: December 19, 2017, 01:47:28 PM by suupertramp »