flicksy

a tool for drawing and assembling graphical hypertext games

getting started

1. create some drawings in the drawings tab above
2. compose a scene in the scenes tab above
3. playtest by click the play button above
4. export a playable game in the publish tab above

project details

name

resolution

switch project

reset to blank project

open another project

import project data

publish

publish your flicksy game on itch.io

1. click the playable html button in the export section below to download the game
2. create an account on itch.io (click here)
3. create a new project on itch.io (click here)
4. enter your game's Title
5. set the Kind of project to HTML
6. in the Uploads section, click Upload files and find the playable html file on your computer
7. in the Embed options section, set the dropdown to Click to launch in fullscreen and check the Mobile friendly box
8. scroll down and click Save & view page
9. if everything is working, go back and in the Visibility & access section, set your game to Public

export

export zip with music

drawing boards tab

getting started

1. create a drawing using the drawing board section below
2. click the draw button to enter the drawing mode
3. pick a brush size and colour to draw in
4. click and drag on a drawing to draw on it

drawing board

create drawing

import drawing

selected drawing

name

layering

other

brush settings

size

color

modify palette

scenes tab

getting started

1. create an object using the pick drawing button in the scene section below
2. click and drag the object to position it within the scene
3. type some dialogue into the selected object section below
4. click the play button above and click on your object!

dialogue styles

1. line{el}break and page{ep}break
2. {clr=#FF0000}colored text{-clr}
3. {+wvy}wavy text{-wvy} and {+shk}shaky text{-shk}
4. show some text {+r}before the rest{-r}
5. display some text {delay=.5}slower{-delay}

scene: exception

change scene

add object

object appearance

name

drawing

layering

object interaction branches

name

condition

change variables

preview dialogue

scene change

scene map tab

getting started

1. create a scene using the scenes section below
2. click and drag to reposition scenes for easier reference
3. double click a scene to open it in the scene editor tab

scenes

starting scene

previews

selected scene

name

edit

layering