Guide:Bipsi: Difference between revisions

From Game Making Tools Wiki
(→‎Events: transparent/tag, js section)
(General Tips section with info on downloading other peoples' games)
Line 1: Line 1:
==General Tips==
If you see something you like in another game you can download it and ''import'' that HTML file into the Bipsi editor to learn how it was done. The trick is that you need to download only the game part; if it's on [[Guide:Itch.io|Itch]] this will be in a ''[[Guide:Glossary#frame|frame]]''. If you use Firefox you can:
# Right-click on the game and select
# Go to the 'T<u>h</u>is Frame' option
# Select 'Save <u>F</u>rame As...'
==Keyboard Shortcuts==
==Keyboard Shortcuts==
* The arrow keys will move your selection, indicated by a thick, white outline.
* The arrow keys will move your selection, indicated by a thick, white outline.

Revision as of 13:46, 24 August 2021

General Tips

If you see something you like in another game you can download it and import that HTML file into the Bipsi editor to learn how it was done. The trick is that you need to download only the game part; if it's on Itch this will be in a frame. If you use Firefox you can:

  1. Right-click on the game and select
  2. Go to the 'This Frame' option
  3. Select 'Save Frame As...'

Keyboard Shortcuts

  • The arrow keys will move your selection, indicated by a thick, white outline.
  • Q, W, E, R, T selects tabs in order.
  • Draw Room tab: Holding Alt will use eyedropper/pick tile.

Events

Quick Reference

For better explanations see the user guide, but I've found it helpful to keep this quick reference list.

Field Type Description
exit location Move player to another place.
graphic tile Sets event's graphic.
is-player tag Tells game where to start the player. Not sure if it's useful later.
one-time tag Run event only once.
say dialogue Shows text in a dialogue box.
set-avatar tile Changes player's graphic.
solid tag Makes event impassable.
touch javascript Add your own custom code. See §JavaScript for some examples.
transparent tag Makes background colour of tile transparent.
page-color text Changes page's background colour. Use CSS colour names only.

JavaScript

Some examples of JavaScript you can insert. See the scripting guide for more information.

Please add more!

See Also