T
O
U
C
H

S
C
R
E
E
N

P
U
L
L

B
A
R

T
O
U
C
H

S
C
R
E
E
N

P
U
L
L

B
A
R

Selected Media:

NN:
ID:
X:		Locked:
Y:		Selectable:
W:		Painted:
H:		Layer:

Alpha:

Lock/Unlock Delete Flip Horizontal Flip Vertical

Rotation:

-45° 0° Reset +45°

Layering:
Min Lower Raise Max
A B C D E

Resizing:
Comfy Native Fit Width Fit Height Fit Canvas to selected Media Canvas Resize Panel

Positioning:

CANVAS PROPERTIES:

Colour:

EXPORTING:

Save as PNG Save as JPG

Meme Generator

Alpha v1.0.1.1 :: 2022.11.02_18:35

Patch History:

2022.11.02

• Added NNN content
• Calendar has special insertMedia() logic for easy use
• Rotation tools improved

2022.08.16

• Overhauled page layout
• Media marked with red circles (bSelect = false) in Layering, or the use of empty canvas space will no longer trigger PreventDefault relating to mouse/touch event data. This should assist with touch screen navigation of the page, along with the new 'pull bars'.
• UI controls (resizing and locks) are a bit smarter about their display/positioning.

2022.08.14

• Added more stock media
• Added thumbnails to clean up data consumption
• Changed media/nav tiles from DIVs into Buttons

2022.08.11

• Can now resize from all corners of selected media
• Improved handling for canvas colour changes
• Ability to add custom names for inserted media (media id is default/fallback)

Things to do:

• Add Text objects
• Add Basic Shapes
• Add cropping of media objects
• Investigate graphical masking
• Fix selection/highlighting of rotated objects
• Add manual canvas resizing limits

Make friendly:

• Add media scaling (with and w/o aspect ratio)
• Add media rotation (Canvas UI button)
• Add manual canvas resize controls (50px increments?)
• Change Canvas colour

Basically done:

• Add layer groups
• Add media deletion
• Add Touch support
• Add iZ (paint order) management
• Add export function to save a finished meme (Canvas.toDataUrl())
• Add auto-scaling of newly inserted Media so they aren't gigantic
• Allow canvas to resize to fit currently selected media

Tools Info