Shop Mobile More Submit  Join Login
Flele Coding Tutorial 2.1 by Extrics Flele Coding Tutorial 2.1 by Extrics
Update: Now that I have finished all of the flele coding tutorials, I will now be making only revisions and finishing up my own. I doubt I will have the time to re-code your entire flele anymore unless I'm really interested.

If you see any mistakes in my tutorial, then please notify me at once so that I may fix it.


Other flele resources:
Descript.txt Tutorial: [link]
Flele Buttons Tutorial: [link]
Flele shell base: [link] [warning, it's kind of BS]
Surfaces.txt tutorial pt.1: [link]
Surfaces.txt tutorial pt.2: [link]

I made this assuming rannsama's tutorial was not read. Found here: [link]
------------------------
NOV. 22, 2010
REVISION: No you can't add extra buttons. They've only coded for 2 stops in the 01.dic file (the one that actually codes for the entire program called a FLELE) It's a real hassle to code in more. So you can only have 2 or less stop buttons.

------------------------
What is a flele?
-A flele is a little music player that "sings" along with the song you play

Where can I get one?
-[link]
Get the miku pack

How do I get different characters to sing?
You download a shell for the flele. This tut teaches you how to make your own shell (Kinda).

Help! Why doesn't it work on my mac?
-Currently, the flele can only work on a pc or linux.
-------------------------
Misc. Info
Flele uses Unicode (Shift_JIS)
The shell is coded in ANSI
-it plays WMV and mp3
-it cannot read files with odd characters
--------------------------
FAQ
What if I want more than one button for a feature?
-I'm pretty sure you can add a number to the end of it and have it work.

What if I don't want the second stop button or the stroke feature?
-Just delete those lines of code or make their coordinates 0,0,0,0

Do you know any other way to get the coordinates?
-I only know PS, if you have some other way then please tell me so I can include it.
------------------------------------
If you have a question then I'll try to answer it as best I can.

PS I'D LOVE TO SEE YOUR FLELE IF YOU DO MAKE IT :D
Add a Comment:
 
:iconangiii260:
angiii260 Featured By Owner Feb 21, 2013  Hobbyist Digital Artist
Ehm, sorry if i bother you, but this has been eating my head for a while q.q.
When i open the shell, it doesn't shows, it puts the balloon thing on the edges where it should be, its like it was invisible! i checked the "hide flele" option, and its off, why would this happen?.

Again sorry for bothering, i know you do more than this things, but im desperate q_q
Reply
:iconextrics:
Extrics Featured By Owner Feb 21, 2013  Hobbyist Digital Artist
Oh, it might be out of bounds on the screen. So like the flele might appear on the corner of someone's computer screen when they are coding it but then when it's on a another computer, the resolution and sizes are different so the flele is there, it's just not on the screen. You know what I'm saying?
Reply
:iconangiii260:
angiii260 Featured By Owner Feb 22, 2013  Hobbyist Digital Artist
I think i get it, its like "out" of the borders? That have sence, i'll see if its that, thank you~ >u<
Reply
:iconextrics:
Extrics Featured By Owner Feb 22, 2013  Hobbyist Digital Artist
Yeah, I'm guessing it's off screen based on what you've described. Try going to utilities -> reset shell position
Reply
:iconulquiorra3:
ulquiorra3 Featured By Owner Dec 31, 2011  Student Digital Artist
So when we're finding the coordinates by the F8 method, do we use the X value or the Y value?
Reply
:iconextrics:
Extrics Featured By Owner Jan 1, 2012  Hobbyist Digital Artist
You would need both because the coordinates specify the current location of the cursor. Only having one of the coordinates would get you a column or a row not a location.
Reply
:iconulquiorra3:
ulquiorra3 Featured By Owner Jan 1, 2012  Student Digital Artist
Hmm....ok.
Buttons are a pain.
When I open my shell in photoshop it's an inch ruler. So my coordinates were like, 1.993 and 5.314. Numbers like that.
Am I doing something wrong? I'm so lost. =.=;;
Reply
:iconextrics:
Extrics Featured By Owner Jan 1, 2012  Hobbyist Digital Artist
Well, I'm not really sure which version of photoshop you have but for mine, you can go to Edit > Preferences > Units & Rulers and change things to measure by pixels rather than by inches.
Reply
:iconulquiorra3:
ulquiorra3 Featured By Owner Jan 1, 2012  Student Digital Artist
Alright, thanks, that worked. :)
Reply
:iconiyoonarawrx:
iYoonaRawrx Featured By Owner Sep 13, 2011  Student Digital Artist
like thers no way to SEE it like find out what numbers : P
Reply
:iconiyoonarawrx:
iYoonaRawrx Featured By Owner Sep 13, 2011  Student Digital Artist
- poke - xD uhm I use GIMP and idk where to find the coordinates for it. :L
Reply
:iconextrics:
Extrics Featured By Owner Sep 13, 2011  Hobbyist Digital Artist
Honestly, I haven't ever used gimp and I don't know how to operate it.

But here's something I found on the interwebs. I dunno if it'll help. [link]
Reply
:iconiyoonarawrx:
iYoonaRawrx Featured By Owner Sep 13, 2011  Student Digital Artist
okay :L
Reply
:iconerulisse2:
Erulisse2 Featured By Owner Dec 24, 2010
thank you, this is so helpful~! :love:
can you tell me what format to save the pngs in? I haven't been able to find out anywhere ^^;
Reply
:iconextrics:
Extrics Featured By Owner Dec 24, 2010  Hobbyist Digital Artist
That's one of the easy parts (that's surprisingly annoying). You change the mode from RGB (or CMYK or black and white dunno whay you would use these though) to indexed mode.
Reply
:iconerulisse2:
Erulisse2 Featured By Owner Dec 26, 2010
oh, okay, thanks :heart:
Reply
:iconaikaze-soungu:
Aikaze-soungu Featured By Owner Nov 27, 2010
i was wondering if you could help me
i use SAI and i used another shell as a refrence and on the otheer shell there was a green back round so i used that on my model but even though it's the same color and the same code the green is obvious on my model =-=
Reply
:iconextrics:
Extrics Featured By Owner Nov 27, 2010  Hobbyist Digital Artist
You have a very common problem actually. If the line is even just a bit semi-transparent, then the green will show through.

I'll show you an example
This is what you have: [link]
See the outlined pixel? These pixels are the ones that appear. The green only turns transparent if it's a pure green. Something in between like that will not turn transparent.
This is what you want to aim for [link]
There's nothing in-between the two colors.

You can do this by using the pencil tool or overlaying your outline so much that it all turns black.

OR. You can do it the lazy way like I do and not use any</u> back ground and instead just leave it transparent when I turn it into indexed mode.
Reply
:iconaikaze-soungu:
Aikaze-soungu Featured By Owner Nov 27, 2010
fixed it thank you so much
Reply
:iconextrics:
Extrics Featured By Owner Nov 27, 2010  Hobbyist Digital Artist
No problem. :D Good luck with your flele.
Reply
:iconaikaze-soungu:
Aikaze-soungu Featured By Owner Nov 27, 2010
[link] here i posted a few pictures i plan on makeing a lot of outfits lol
Reply
:iconextrics:
Extrics Featured By Owner Nov 27, 2010  Hobbyist Digital Artist
XD Good luck. Are you using the de-poche coding? It's easier to use the coding from miku_s. All you need to do is add a bind option to all of it. It runs "faster."
Reply
:iconaeriaa:
Aeriaa Featured By Owner Nov 22, 2010
Dear god. I have such a huge amount of respect for you at this point. ._ .;; Do you happen to have any more slots for coding these things? I just CAN'T seem to get it... Her eyes won't go to where I need them. OTL
Reply
:iconextrics:
Extrics Featured By Owner Nov 22, 2010  Hobbyist Digital Artist
Thanks XD The only reason I got this far was from several hours of continued experimenting and some basic coding knowledge (but not much that could help D;).

Sure, just send your flele to firethrought@gmail.com
Reply
:iconaeriaa:
Aeriaa Featured By Owner Nov 22, 2010
Haha. XD I've been at it for around 2 days and not having much luck. XD Its the eyes and mouth positioning for now. Dx They hate me.
Reply
:iconextrics:
Extrics Featured By Owner Nov 22, 2010  Hobbyist Digital Artist
Yeah, that's what my first flele did to me too.
Reply
:iconaeriaa:
Aeriaa Featured By Owner Nov 22, 2010
xD How did you fix it? I can't seem to get them all aligned right... Could be because I'm not really sure what is what in there. XD
Reply
:iconextrics:
Extrics Featured By Owner Nov 22, 2010  Hobbyist Digital Artist
Well. You actually are using the hard coding. -_-' You should try based off the easy one for beginners. Second, do you have the .psd file? The reason you can't get your images aligned is because the images aren't directly aligned. You can't just directly overlay it. Your eye frames change heights, as do your mouths.
Reply
:iconaeriaa:
Aeriaa Featured By Owner Nov 22, 2010
Hard coding? ow o I do have my PSD. I'm not sure how to set it all right, if you want, I can try sending everything (PSD as well) to you? I'm not sure how to fix it. ;0 ;
Reply
:iconextrics:
Extrics Featured By Owner Nov 22, 2010  Hobbyist Digital Artist
The de-poche series is actually a pretty special work.

Just send the .psd. It get annoying if the coordinates change for every frame.
Reply
(1 Reply)
:iconblinding-eclips:
blinding-eclips Featured By Owner Nov 19, 2010
this is verry helpfull, thanks! ^^
I ws able to code my FLele correct ^U^
but I'm having trouble with the pic itself D:
the base I worked on had a green BG for all pics, and since my pic has lots of transparant parts, its green too and all the other things have green borders too :C
Reply
:icondarkojamajo:
darkojamajo Featured By Owner Nov 25, 2010  Hobbyist General Artist
to fix the green borders, use the pencil tool and go around the edges of each picture in the same green.
the green borders are there because the anti alias were the green touches the flele shell. that color is slightly different then the other green, so it dosent get erased.

i had the same problem....
Reply
:iconblinding-eclips:
blinding-eclips Featured By Owner Nov 25, 2010
oh okay C:
Reply
:iconextrics:
Extrics Featured By Owner Nov 19, 2010  Hobbyist Digital Artist
Like I said before, just save it with a transparent bg. :D There's no green pixels left afterwards.
Reply
:iconblinding-eclips:
blinding-eclips Featured By Owner Nov 19, 2010
well I tried that, and it has a black/blue BG now e_e'
Reply
:iconextrics:
Extrics Featured By Owner Nov 19, 2010  Hobbyist Digital Artist
You haven't been turning it into indexed mode, have you?
Reply
:iconblinding-eclips:
blinding-eclips Featured By Owner Nov 19, 2010
nope :c
its RGB :c
Reply
:iconextrics:
Extrics Featured By Owner Nov 19, 2010  Hobbyist Digital Artist
Change it to indexed mode. It'll force any transparent pixels to become solid but you don't have to have a background anymore.
Reply
:iconblinding-eclips:
blinding-eclips Featured By Owner Nov 19, 2010
I'll try that out :3
thanks ^^
Reply
:iconextrics:
Extrics Featured By Owner Nov 19, 2010  Hobbyist Digital Artist
Did it work?
Reply
(1 Reply)
:iconmerret:
Merret Featured By Owner Oct 5, 2010
Great tutorial!! :love:
Do you still have a spot open for coding a flele? XDD;;; I do want to try coding my own sometime too (using your lovely tut ;)) but if you still have an open spot that'd be awesome >u>;
I don't have any images already for a flele, and it may take me a little while to make them (I'm a slow drawer XD) but if you wouldn't mind waiting.. ;A;
Thanks either way; your tutorial is very helpful!!
Reply
:iconextrics:
Extrics Featured By Owner Oct 5, 2010  Hobbyist Digital Artist
Yeah, sure. XD I still need to make sure all my assumptions are right before I make the last tutorial. Just email it to firethrought@gmail.com when you're done drawing. :D
Reply
:iconmerret:
Merret Featured By Owner Oct 7, 2010
Thanks so much!! :D
Reply
:iconextrics:
Extrics Featured By Owner Oct 7, 2010  Hobbyist Digital Artist
No problem :D
Reply
:iconmerret:
Merret Featured By Owner Oct 23, 2010
Sorry it's taken me so long to get back to you.. ^^; I just emailed you :) Thanks again!!
Reply
:iconextrics:
Extrics Featured By Owner Oct 24, 2010  Hobbyist Digital Artist
It's no problem. X) I should include how to name/create the files in my next tut shouldn't I?

Well, anyways, I'm really glade you didn't merge layers with the "transparent" background. Unless you absolutely know you don't have any semi-transparent pixels, I wouldn't suggest using it. You get unwanted green dots. D:
Reply
:iconmerret:
Merret Featured By Owner Oct 24, 2010
Ooo yes, that'd be very helpful :D

D: I'm glad I didn't too, then ^^;
Anyway, I hope I didn't create any problems for you with the way I have my layers set up or anything! I really have no idea as far as what flele shells look like in their pieces XD
Reply
:iconextrics:
Extrics Featured By Owner Oct 24, 2010  Hobbyist Digital Artist
Okay, you need to make sure you have zero semi-transparent pixels. That means that you need to turn the rectangular marque tool and make a copy of the original (only what the eyes/mouth) should cover. Then you draw on top of that. Second, if you do the singing frames then make sure they go in order. It's easier to program that way. There's no problem with going out of order but...

That's all I can think of. There's really not a lot that you can do wrong with just images XD
Reply
(1 Reply)
:iconextrics:
Extrics Featured By Owner Oct 24, 2010  Hobbyist Digital Artist
Oh dear. You should at least know some of it XD

I've looked at your other layers. I'm not sure how many problems will come up but I'll be giving you a list of things that would make making fleles easier.
Reply
:iconmidnightxdivinity:
midnightxdivinity Featured By Owner Sep 27, 2010  Hobbyist
Oh. Kasjkfhsg yesss, I was kind of looking for one of these to no avail ; v ;

AND. I would totally ask if you could code a flele for me but.. I don't have anything prepared OTL
Thank yooouuu for the tutorial though c':
Reply
Add a Comment:
 
×
Download PNG 750 × 4008




Details

Submitted on
September 25, 2010
Image Size
416 KB
Resolution
750×4008
Link
Thumb
Embed

Stats

Views
7,677 (1 today)
Favourites
101 (who?)
Comments
69
Downloads
123
×