We use the CSS selector.fbUserContent to select block elements with the class fbUserContent.

If you use Google Chrome, you can directly activate the Shimeji Editor from the Chrome Web Store.

They play on web pages you visit as long the editor stays open.

Shimejis that are created for the original Java Application (created by Yuki Yamada of Group Finity ) are compatible if they have been repackaged for the Shimeji Editor.

A Shimeji can perform multiple animations so we need at least a few sprites to animate them.

These sprites should be combined to a single image, which is called a sprite sheet, that contains all images.

The sheet of size 512 x 384 pixels contains 12 sprites, each of size 128 x 128 pixels.

Then put that URL in the Shimeji Editor and your Shimeji will pop up.

Basically, Shimejis can behave uniquely on every page as long you script them.

Make Shimejis Code And See

You should share scripts with other people, so they can easily paste your code and see your cool creation.

If you ever created your own web site, you are probably familiar with that language.

We use the exact same syntax, but we extended the language so its suitable to define sequences of interactions.

If the Shimeji meets the condition of a rule it can decide to perform an action that is associated with that rule.

If a condition mets depend on the current position and currently performing action of the Shimeji.

At every moment, only a subset of the rules is met and the Shimeji choose randomly one of the actions associated with these rules.

If a Shimeji mets the shimeji-world:bottom condition it will perform the walk action.

Make Shimejis Full List Of

Here the shimeji-world is a normal CSS selector that matches a HTML block element on the web page, in this case an element with an id set to shimeji-world but any other CSS selector can be used, see the full list of possible CSS selectors.

Notice that the shimeji-world element did not exist in the original web page but its an element provided by the Shimeji Editor to define edges of the browser window.

The:bottom condition says that the rule should only be applied if the Shimeji hits the bottom edge of the seleted block element.

The action walk makes the Shimeji actually walk left or right on the selected edge if the Shimeji decides to perform this action.

Dont mix scripts of multiple examples because it can result in unexpected behaviour unless you want to experiment.

Shimejis will get stuck after they have performed their current action.

Now paste the rule in the editor and see how a Shimeji start walking if it hits the bottom edge.

If a Shimeji isnt on the bottom edge you can grab it an drop it onto the bottom edge.

How To Make Shimejis