Viprin's Drawing Editor! [Curve tool has been added]

As you might notice, an interesting new feature has been added. You can now draw pictures freely! For example, Lolitavip made @3283533 with this new feature. Of course, drawing is not the only way to use the feature though. Anyways, I made a tool which makes it a bit easier to draw something without editing XML directly, and I want to introduce it here.

Current version: 1.4.6 - 18 June, 2014
http://adamay000.github.io/vde/index.html
(moved to github.io because previous server started to insert ad)

Mrror: http://dl.dropbox.com/u/42824743/tfm/draw-1.4.3/index.html
Offline version: http://adamay000.github.io/vde/vde.zip
Note:
- Please use Firefox or Google Chrome.
- Before test your map, you need to add a static(=not dynamic) ground. If there's no ground in the map, your art can't be shown.
- 20kb is the limit game can "load". It's about 400 lines by using this tool. However you can add grounds/shaman objects after loading 20kb xml.

Impuredeath made a tutorial video how to use this editor. Many thanks for his time and help.
Transformice MapEditor Tutorial S2E12: How to make art? (Viprin's Drawing Editor)

There are some useful keys/actions below:
Drag(LEFT) Draw new line
SPACE + Drag(LEFT) Move canvas
R, ESC Reset canvas place
D, DELETE Delete an element
C Copy an element
V Paste an element
Z Undo
Y Redo
LEFT, UP, RIGHT, DOWN Move an element to each direction
I + DRAG(LEFT) Move the image
S, M, E Toggle selecter(colored cross)
Right-click the layer name Open layer related options

　
　
Here is a tutorial how to make your art movable

If you want to use simple editor, I uploaded older versions.
http://adamay000.github.io/vde/old-0.8.0/
http://adamay000.github.io/vde/old-0.9.1/
http://adamay000.github.io/vde/old-1.2.6/
http://adamay000.github.io/vde/old-1.4.4/

18/06/14 - Version 1.4.6
- Fixed the guideline for H="800".
17/04/14 - Version 1.4.5
- Efficiency/Bug-fix update.
- Fixed Undo/Redo is broken after loading XML.
- Capacity is now shown in layer window.
08/04/14 - Version 1.4.
- Added vertical scroll option.
11/02/13 - Version 1.4.3
- Added "Generate XML for cjobjects".
11/02/13 - Version 1.4.2
- Improved compressing function.
09/02/13 - Version 1.4.1
- Fixed "flip layer" doesn't work properly for curve.
09/02/13 - Version 1.4.0
- Added layer related functions. Copy/Merge/Flip/Move are now available.
- Fixed a bug.
08/02/13 - Version 1.3.6
- Fixed some bugs.
02/02/13 - Version 1.3.5
- Added a property that you can show an image in front.
- Fixed keypress problems.
30/01/13 - Version 1.3.4
- You are now able to change Z value of elements from input box.
06/01/13 - Version 1.3.3
- Improved loading function.
06/01/13 - Version 1.3.2
- Added imgZoom.
05/01/13 - Version 1.3.1
- Fixed it can't load an image from local.
05/01/13 - Version 1.3.0
- Added "Background properties".
- Added Undo(Z key) and Redo(Y key).
- Changed layout.
- Changed a lot of small things.
- Fixed keypress problem.
27/12/12 Version 1.2.6
- Fixed a bug.
22/12/12 Version 1.2.5
- Added copy(C key) and paste (V key).
- Added scroll option.
21/12/12 Version 1.2.4
- Fixed layer related problem.
20/12/12 Version 1.2.3
- Fixed curve related problems.
- Changed the limit of fineness to 30 from 120.
- Added "Generate min XML". You can't load the xml in this editor when you choose this.
19/12/12 Version 1.2.2
- Fixed "SPACE + DRAG".
19/12/12 Version 1.2.1
- Capacity is shown at the left top when it generates XML.
19/12/12 Version 1.2.0
- Added "Curve tool".
- Fixed "some window cannot be placed on other window".
18/12/12 Version 1.1.1
- Fixed an error.
18/12/12 Version 1.1.0
- Added "Zoom".
17/12/12 Version 1.0.1
- Fixed color selecting problem.
17/12/12 Version 1.0.0
- Released.
- Added "Selected Element". You can edit the line now!
16/12/12
- Added "Layer" function.
- Fixed "Generate XML".
15/12/12
- Changed some stuffs.
12/12/12
- Fixed "can't load alpha" problem.
11/12/12
- Added line tool, loading function.
10/12/12
- Prereleased.

Here is a map shifter I made an age ago, may not work recently.
http://adamay000.github.io/vde/move/

Do you want to make your art to foreground from background? This is for you.
http://adamay000.github.io/vde/cnv.html

Dernière modification le

tanks so much :D

Good job! Thanks :E

Thank you for sharing this :D

This is very nice!
By the way, is it possible that you make the 'LOAD' button able to load everything? Including planks, grounds, Cheese and hole, etc...

:D i made a map it isnt very good but it made me know how this thing works :p @3322127

Zakros a dit :
This is very nice!
By the way, is it possible that you make the 'LOAD' button able to load everything? Including planks, grounds, Cheese and hole, etc...

There was not a plan to add it, but I'm thinking over since many people ask me about it. I may add it in future. I'm not sure when it is, because I have other stuffs i want to add ahead. Curve tool, Zoom, etc ...

Ghjxpain a dit :
:D i made a map it isnt very good but it made me know how this thing works :p @3322127

Nice! I feel so happy to see the map which uses this tool :D

omg so awesome *0*

Thanks :3

Viprin a dit :
*There is a limit game can load. I'm not sure how it is exactly. Maybe 20kb or 24kb. It's about 400 lines by using this tool.

The limit is exactly 20kb.

You should warn users when the limit is reached when they add a new line
if(XML.length>2e4)
alert('WARNING: XML is too big! ('+(XML.length/1e3|0)+'/20kb)')

#10

400 lines? Omg I could do so much with that

#11

Fxie a dit :
The limit is exactly 20kb.

You should warn users when the limit is reached when they add a new line
if(XML.length>2e4)
alert('WARNING: XML is too big! ('+(XML.length/1e3|0)+'/20kb)')

Edited the OP. I will add that warning after I make a function which compresses the xml. Lolitavip and Chuchuue gave me ideas about it :3 Thank you for the information and advice.

#12

I cant come to understand how to make it collideable...
Or can I at all?

#13

Martinbless a dit :
I cant come to understand how to make it collideable...
Or can I at all?

You can't. Those lines drawn by <JD /> are not touchable. You need to add ground in game editor.

#14

Viprin a dit :
Edited the OP. I will add that warning after I make a function which compresses the xml. Lolitavip and Chuchuue gave me ideas about it :3 Thank you for the information and advice.

I compressed the hell out of @3309321 to fit in 5 more Pokeballs than the limit
If you'd like I can help you with a compressor :^)

Some key things to compress are:

• XML.replace(/" /g,'"')
Saves by far the most space with no real side effects

• XML.replace(/(H||L)="10"/g,'')
Removes pointless default H/L properties that the game will automatically set to 10

• XML.replace(/0,0,0"/g,'"')
Removes fixed rotation and dampening properties that aren't used from the P attribute of all grounds

• XML.replace(/,0(,||")/g,',')
Removes pointless default properties from arrayed attributes that the game will automatically set to 0

#15

:) i amde anotehr map @3323337

#16

omg i was the one who found out about the 20kb limit, i deserve credits D:
lol no jk, anyways good job on this vip, also gj on the recent updates.
my tool will beat yours though :D

#17

Fxie a dit :
text

I will refer to. Thank you very much for your kindness ^^
There are also other techniques, like c="000555,1,0.65,0" can be replaced to c="555,,.65"

I heard that you don't need to compress ground properties, because you can add grounds after loading 20kb xml. I have never tested if it works by myself though.

#18

Viprin a dit :
I heard that you don't need to compress ground properties, because you can add grounds after loading 20kb xml. I have never tested if it works by myself though.

I heard myself that when you do that you can't export the map anymore. 20kb is the absolute limit

#19

Baasbase a dit :
omg i was the one who found out about the 20kb limit, i deserve credits D:
lol no jk, anyways good job on this vip, also gj on the recent updates.
my tool will beat yours though :D

Deleted the credit from my post :p and thank you. I would like to know about your tool, if it is not secret :3

Baasbase a dit :
I heard myself that when you do that you can't export the map anymore. 20kb is the absolute limit

Aw, that's shame. It was better to test it before posting lol

Edit(19/12/2012): 20kb is a limit for "load", not "export". I confirmed it ;)

#20

Viprin a dit :
text

I seriously have no idea how to deform those lines so its similar to freehand drawing. e w e

English	Français
Português do Brasil	Español
Türkçe	Polski
Magyar	Română
العربية	Skandinavisk
Nederlands	Deutsch
Bahasa Indonesia	Русский
中文	Filipino
Lietuvių kalba	日本語
Suomi	עברית
Italiano	Česky
Hrvatski	Slovensky
Български	Latviešu
Estonian

Langue