DotShotX
Smart Dot Editor© STUDIO SHIN 1998 - 2012

Application outline
Color paletteColor palette isdisplayed here. Whenthe image is 4 bit or 8bit, the corresponding
palette will bedisplayed. The common
system palette will be
displayed for a fullcolored image.

Edit tools
Tools to edit theimage.

Layer
Multiple layers
can be used to theimage. You canonly edit theactive layer youselected.

Edit window
The active image that can be
currently edited is displayedby application. Edit window
will be additionally opened as
you activate a new image.

OptionsYou can change several
settings.

Preview
The imagepreview isdisplayed here.

Edit
Image information
The information such asimage format and size isdisplayed.

Active image
The active image
to edit is displayed.

Grid display
Switch between griddisplay and hide.

Display size
Adjust the image
display size.

Apply anti-aliasing
to the image when
it is 32 bit image.

Region filling and alphavalue adjusting will beapplied to the closedregion.

Display background patterninstead of clear background.
Fit the selected area
to the grid.

Limit the shifting of the region
selecting within the image.

Edit tools
Rectangle selection
Select rectangular regions of theactive layer.

Oval selection
Select oval regions of
the active layer.

EraserDraw with the color of palette number zero for
the 4 bit or 8 bit image. For the 32 bit image,draw with transparent color by setting alphavalue to zero.

Free selection
Select free regions of the active layer.
Pen
Draw lines freely with the color you selected.

DropperTake the color of the point you clicked andimport it to the palette. When it is an indexed
image, the corresponding color number will beselected.

Region filling
Click the region to fill with the color you selected.
Line
Draw straight lines with the color you selected.

Bezier curve
Draw Bezier curves with the color youselected. Click to start and click again to end.
Then click once more to settle the curve.

Graphics
Draw rectangles and ovals. You canadjust the roundness of rectangles’ cornerat options.

Rotation
Make the selected region turn to right to left.
The rotated region will be “float region”.

ReverseMake the selected region mirrorreversed or upside down. The
reversed region will be “float region”.

Pixel copy
Copy the color you selected to theentire pixel you clicked.

Pixel exchange
Exchange the pixels between firstclick and second click.
Change the pixel bit level
Display the image information such as image
format or size.

Polygon selection
Select polygonal regions of the active layer. Clickto start selecting and double-click to end.

Text
Write texts.
Edit channel
Change the edit
channel.

Alpha
Set alpha value to zero in the pixel you clicked.

Color paletteColor exchange
Exchange colors by dragging
and dropping. When it is anindexed image, with pushing
the option key, the pixelswhich correspond to the color
will be exchanged at thesame time.

Copy the color
Copy the color by dragging and dropping.

Color palette
Display 256 colors at amaximum.

Generate color gradient
Generate color gradient by
dragging and dropping.

Transparent color
When it is an indexed image,
you can make the color you
clicked “transparent color”. The
transparent color here will be
the designated transparent color
when it is saved in the GIF
format.

Palette adding/deleting
You can add or delete a palette when it is an indexed image.

Change channels
Change the display
channels.

Change colors
Change the color you selected.

LayerMultiple layers can be used for the image. You can only edit the active layer you selected.
The other inactive layers are not affected by editing.

Layer display
Uncheck the checkbox andthe layer will be hid andcannot be edited.

Layer list
Layer list is displayed.
Double-click the layer nameto change.

Layer adding/deleting/order
You can add and delete alayer and alter priority oflayers.

Layer’s degree of transparency
Adjust the transparency degree ofthe layer.

Float region
Float region is the temporary “easy-generated layer” and each layer can have only one ofthat. When there is a float region, your edit will be limited within the float region.
To make a float region, select “float the selected region” or “float the outside of the selected
region” from the select menu when the image has a selected region. A float region will also
be made when a selected region is applied by edit tool’s “Rotation” or “Reverse”. In addition,
the image that is pasted from clipboard is also float region.
Drag the handlearound a float
region to change itsshape.

Float region can be made from aselected region. If there are manylayers, you can make it on the activelayer. Deselect the region to integrate
the float region in the under image.

Animation window
You can open the animation window by selecting “animation window” from the menu.
You can make an animation with the combination of the sprite patterns and an image. The
animation you made here can be saved as GIF animation or QuickTime movie.
Sprite list
Display the sprite list of the frame selectedat frame list.

Frame view
Display the frame which is selected at frame
list.

Frame settings
Display thesettings of theframe which isselected at framelist.

Frame list
Display the list of the savedframe.

Sprite settings
Display the settings of the sprite
which is selected at sprite list.

Sequence list
You can make the animation by
combining the frames you selected.

Animation window (Frame list）
Frame delay time (second)
Set the frame delay time.

Frame name
Change the frame
name.

Frame list
Display the list of thesaved frame.

Copy the sprite
Make a copy of theselected sprite.

Frame adding/deleting/order
You can add and delete a frameand change the order.
Copy the frame
Make a copy of the selected frame.

Sprite adding/deleting/order
You can add and delete a sprite andchange the order. You can save the selected
region of the image as a sprite.

Animation window (Sprite settings)

Sprite name
Change the sprite
name.

Sprite transparent degree
Adjust the transparent
degree of the sprite.

Sprite positioning
Adjust the coordinateof the sprite in theframe.

Sprite clip region
Select the region to be asprite.

Sprite rotation angle
Adjust the sprite rotationangle.

Vertical/Horizontal reverse
Check the checkbox to reverse
vertically or horizontally.

Sprite magnification percentage
Adjust the sprite magnificationpercentage.

Animation window (Sprite saving)To save a sprite, select the region you want to save and drag and drop it to the frame view
with pushing the command key(⌘). Or, just push the frame or sprite add button [+].

Drag and drop withpushing the commandkey(⌘).

Frame add button.

Animation window (Frame view)
Open an animation data
Read the animation data
which is saved in DotShot
format. The data can also beopened by dragging anddropping to the frame view.
Save animation
You can save the animation in the
below format;
・DotShot animation data
・GIF animation
・QuickTime movie

Frame size
Adjust the frame size.

Frame image
Adjust the sprite position bydragging.

・Still image format

Color setting
Set the color of the frame
background, grid and thesprite selection border.

Sprite positioning
Adjust the position of the selected
sprite by one dot.

Change the frame
Change the frame to be displayed.
Animation start/stop
Start and stop the animation.
Check the checkbox and the frames at the sequence list will be played.

Animation window (Sequence list)
You can make the animation pattern by selecting and combining the frames.
Sequence name
Change the sequence name.
Sequence list
The currently saved
sequences aredisplayed.

Sequence frame list
The frames which arecurrently saved in thesequence are displayed.

Sequence frame adding/deleting/order
You can add and delete a sequence
frame and change the order.

Copy the sequence frame
Make a copy of the selectedsequence frame.

Sequence adding/deleting
You can add and delete asequence and change the order.

Sequence frame settings
Set the sequence frames.

Frame delay time (second)
Set the frame delay time.
The frame delay time will not bechanged if you adjust it here. Youcan set it separately from framesettings.

Map window
You can open the map window by selecting “map window” from the select menu.
You can make a map by lining up chips on a basic image and save it in the DotShotX’s own
map data format or the still image format.
Image view
Display the basic image ofthe map.

Map edit tool icons
Tool icons to edit themap.

Map list
Display the list of the savedmaps.

Map view
Display the map image which is
selected at map list.

Selected map chip
Display the chip you selected. You canplace this chip on the map.

Map window (Image view and selected map chip)
Image view
Display the basic image of themap. Click or drag over to selectthe “map chip” to place on themap.

Map chip size setting
Adjust the map chip size.
Selected map chip
Display the image of themap chip.

Clear map chip setting
You can make the normal map chip “clear map chip”. When you
place it on the map, the map looks like as if there is no chip on it.

Map window (Map view)
Open a map data
Read the map data saved in theDotShot format.

Map saving
You can save the map you made in the below format;
・DotShot map data format, still image format

Map view
Display the map view.

Serial placement
Place chips serially by dragging on
the map view.
Rectangle placement
Place the chips in the rectangularregion you dragged over to selecton the map view.
Selection (shifting and copy)
Shift the rectangular region you
selected by dragging. Push theoption key to make a copy of theregion.
ReverseMake the rectangular region you
selected mirror-reversed or upsidedown.
Attribute setting
Set the figure to set attributes in therectangular region you selected.

Map adding/deleting
You can add or delete a map.

Attribute
Set the figure to set attributes in
the map chip.

Map settings
Adjust the map size (thenumber of the chips) andchange the map name.

Map size
Display the number of thechips and the pixels usedhorizontally and vertically.

DotShot image file format (version 4.0.0)●Image file outline
Image file header
128 Bytes

Image blockn Bytes (written in header)

Color palette blockn Bytes (written in header)

Extended data blockn Bytes (written in header)※ The value is saved in big endian.

DotShot image file format (version 4.0.0)●Image file header (128 Bytes)
File ID: 4 Bytes = ‘dots’Version: 2 Bytes = 4Flag: 1 Bytes
The designated transparent color of indexed color: 1 Byte
Bits per pixel: 1 Byte
Image width: 4 Bytes
Image height: 4 BytesThe number of layers: 4 Bytes
Offset to the image data: 4 Bytes
Image data size: 4 Bytes
The number of color palettes: 4 Bytes
Offset to the color palette: 4 Bytes
Color palette size: 4 Bytes
Reserved area: 87 Bytes＊ Setting bit0=1 at flag: activate the designation of indexed color.

※ The value is saved in big endian.

DotShot image file format (version 4.0.0)●Image block (image data per one layer)
Data size: 4 Bytes
Opaque value: 1 Byte
Flag: 1 Byte

Reserved area: 58 Bytes

Name bytes: 1 Byte
Name: 255 Bytes

Image data: n Bytes※ The value is saved in big endian.

DotShot image file format (version 4.0.0)●Color palette block (image data per one palette)
Data size: 4 Bytes
Color index value (the total number of colors -1)

Reserved area: 27 Bytes

Color palette data: n Bytes※ The value is saved in big endian.

DotShot animation file format●Animation file outline
Animation file header
32 Bytes
Animation frame header
144 Bytes
Animation frame data blockn Bytes
・・・Animation frame header
144 Bytes
Animation frame data header blockn Bytes※ The value is saved in big endian.

DotShot animation file format●Animation file header (32 Bytes)
File ID: 4 Bytes= ‘DtAm’
Version: 1 Byte=1
Screen width: 2 Bytes
Screen height: 2 Bytes
Animation loop count: 2 Bytes
The number of frames: 2 Bytes
Image width: 2 Bytes
Image height: 2 Bytes
Reserved area: 15 Bytes※ The value is saved in big endian.

DotShot animation file format●Animation frame header (144 Bytes)
The number of sprites (255 at a maximum): 1 Byte
Frame delay time (in one-hundredth second): 4 Bytes
Flag: 1 Byte
Frame data size: 4 Bytes
Name bytes (127 at a maximum): 1 Byte
Frame name (UNICODE): 127 Bytes
Reserved area: 6 Bytes※ The value is saved in big endian.

DotShot animation file format●Animation frame data block
Sprite data block
256 Bytes

Name bytes (127 at a maximum): 1 Byte
Frame name (UNICODE): 127 Bytes

・

Flag: 1 Byte

・Blank: 1 Bytes

・Opaque value: 1 Byte

Sprite data block
256 Bytes

Blank: 1 Bytes
X offset: 4 Bytes
Y offset: 4 Bytes
Left clipping position of the image: 2 Bytes
Bottom clipping position of the image: 2 Bytes
Image clipping width: 2 Bytes
Image clipping height: 2 Bytes
Rotation value (angle × 100 ): 4 Bytes
Horizontal magnification percentage (× 100): 2 Bytes
Vertical magnification percentage (× 100): 2 Bytes
Rotation center X: 2 Bytes
Rotation center Y: 2 Bytes
Reserved area: 96 Bytes※ The value is saved in big endian.

DotShot map file format●Map file outline
File ID: 4 Bytes= ‘DtMl’
Version: 1 Byte=1
The number of maps: 1 Byte
The number of pixels used horizontally in a map chip.: 1 Bytes
The number of pixels used vertically in a map chip.: 1 Bytes

Image width: 2 Bytes
Image height: 2 Bytes
Map screen blockn Bytes
・・・
Map screen blockn Bytes

Map screen file header
160 Bytes
Map chip data block
16 Bytes
・・・
Map chip data block
16 Bytes※ The value is saved in big endian.

DotShot map file format●Map screen file header (160 Bytes)
File ID: 4 Bytes= ‘DtMp’
Version: 1 Byte=1
The number of chips used horizontally: 2 Bytes
The number of chips used vertically: 2 Bytes
The number of pixels used horizontally in a map chip.
The number of pixels used vertically in a map chip.
Name Bytes (127 at a maximum): 1 byte
Frame name (UNICODE): 127 Bytes
Image width: 2 Bytes
Image height: 2 Bytes
Map screen data size: 4 Bytes
Reserved area: 13 Bytes※ The value is saved in big endian.

DotShot map file format●Map screen block
Map chip data block

16 Bytes

Flag: 1 Byte
Blank: 1 Bytes

・Opaque value: 1 Byte

・Left clipping position of the image: 2 Bytes

・Bottom clipping position of the image: 2 Bytes

Map chip data block

16 Bytes

Attribute 1: 1 Byte
Attribute 2: 1 Byte
Reserved area: 7 Bytes※ The value is saved in big endian.