PAINT ENGINE - A JS engine for painting games
CONSTRUCTOR
new PaintEngine( { arg_obj } )
Create a new PaintEngine object.
COLOR (SETTER)
PaintEngine.color = {r:,g:,b:a:}
Set the current painting color.
RUN
PaintEngine.run()
Run the engine.
{ arg_obj }
Required:
sketch_canvas: main canvas id
sketch_files: array of sketchs filenames (can be one)
Options:
color: default color object ({r:, g:, b:, a:})
Palette related:
palette_file: file with the palette to be used (must be the size of palette_canvas)
palette_canvas: auxiliary canvas to show the paletter
current_color_canvas: mini-canvas to show the selected color
Navigate sketchs:
prev_btn_id: button id to navigate to the previous sketch_files drawing []
reload_btn_id: button id to reload the current sketch_files drawing []
next_btn_id: button id to navigate to the next sketch_files drawing []
Undo/redo:
undo_btn_id: id of undo button
redo_btn_id: id of redo button
Painting tools:
paint_btn_id: id of paint button
erase_btn_id: id of erase button
eyedrop_btn_id: eyedrop button id
Stickers related:
sticker_btn_id: sticker button id
sticker_file: file with the stickers spritesheet (must be the size of sticker_canvas)
sticker_canvas: auxiliary canvas to show the stickers
sticker_x: x number of stickers
sticker_y: y number of stickers
current_sticker_canvas: mini-canvas to show selected sticker
Color related:
color_blocklist: array of color object [{r:, g:, b:, a:}] where the tools don't work
color_transparency: array of color object [{r:, g:, b:, a:}] transparent in stickers
Misc:
css_class_border: css class name for button borders
GAMES
- Barulandia - Paint the drawing of the book Barulandia
DEMOS
- Unhas - a simple nail painting game
EXAMPLES
- test01 - test canvas alone
- test02 - test canvas, construtor defined color
- test03 - test canvas, setter defined color
- test04 - test palette
- test05 - test canvas, 'current color' canvas
- test06 - test canvas, palette and 'current color' canvas
- test07 - test sketch navigation
- test08 - test canvas, palette, 'current color' canvas and sketch navigation
- test09 - test undo and redo
- test10 - test paint and erase
- test11 - test paint, erase and 'current color' canvas
- test12 - test paint, erase and 'css border'
- test13 - test paint, eyedrop, palette, 'current color' canvas and 'css border'
- test14 - test sticker
- test15 - test sticker and 'current sticker' canvas
- test16 - test canvas, palette, 'current color' canvas, navigation, undo and redo, erase, eyedrop, stickers, 'current sticker' canvas and 'css border'
- test17 - as above, palette/sticker canvas and 'current color' canvas/'current sticker' canvas shared
- test18 - as above, using color_blocklist
- test19 - test sticker and color_transparency