Want to make creations as awesome as this one?

Transcript

Instructions

Template

Examples

Tutorial

objects appear one by one

Jackpot

Reuse

Subtitle

false

Press the different buttons

Counter:

Avanza

Tira dado

Mostrar

All finished!

Subtitle

Simple example with 1 set

For the blue set only

For the red set only

For both sets

Simple example with 2 sets

false

We usually hang baubles from the Christmas tree.

It is a tradition to eat Christmas carols.

Santa comes on camels.

Normally, we celebrate as a family.

NEXT

Start

Pista 3

False

True

False

True

True

False

True

Pista 2

False

geeK edition

Hints

Instructions

Press the button to reveal one clue at a time. With each clue, eliminate all characters that do not meet the description.

No more clues

I'm in disguise

I am a hero

I have superpowers

I work for the Daily Planet

flexible

Who is Who?

Who is Who?

More complex example, using Click&Bye extension for the game.

true

Next

There are no more elements to show

Put all the pieces of the puzzle in place to discover the largest land mammal.

More complex example, using DND extension for the jigsaw.

Extrae una nueva piezadel rompecabezas

true

Click on the cards to display a random card from the deck.

Click on the cards to display a random card from the deck.

Advance all

Reset all

Random all

Draw the next card

Draw the next card

true

Simple example with 2 sets

For the blue set only

For the red set only

For both sets

No more animals!

Press one of the buttons

Subtitle

For one set of cards (cards=pictures/text/object that you want to appear)

You need the orange element on every page. It will also display errors (in Spanish)This element shows either as "baraja1" or as "set1". Copy and paste to create as many as you have cards. Group the element with your cards IN THE ORDER that you want them to appear. Go to a differrent slide and return to see the updated numbering. The numbering changes with every times you group/ungroup or duplicate elements.Optional Elements:Group the "contador" with any text. The text will be automatically replaced to display how many rounds have been played.Group the "Terminado" element with text/object that you want to appear once all cards have been used.Group the "Reiniciar" element with a button (e.g. an image or text) . When the button is pressed, the game is reset.Group the "Ocultar" with a text/object that you want to disappear once the game starts, e.g. the instructionsChoose one type of these buttons to decide how cards will be drawn:

display a random element with animation.

display a new element, hiding the rest

display a new element, keeping the rest visible

to make the last two buttons random, add the black box to the page. Only group with "true" (for random) or "false" (for not random)

true

For several sets of cards

This page allows for up to 5 decks of cards. See next page if you need more.For each set of cards, use a different set of "baraja/set" elements. Each cards of deck 1 need to be grouped with a "baraja/set 1" button, each card of deck 2 need to be grouped with a "baraja/set 2" button etc.Also use a different set of set of buttons from the white box for each set (Ocultar 1 for the first set, Ocultar 2 for the second set etc.)

Group the elements from the orange box with buttons that will apply to ALL sets of cards(e.g. it draw the next card in all sets at the same time or it will reset all cards at the same time)

Elements for up to 10 setsIf you need more sets, use the codes on the next 2 pages. Change the numbers in bolt to create more elements. You can also change the colour names in the codes to give it different colours to be able to tell them apart easier. Once the code is changed, go to "insert", then "other" and paste it in the box to create the element.

<div class="marcadorBaraja11" id="marcadorBaraja11" style="font-size:16pt;">marcadorBaraja11</div> <script> </script>

<div class="marcadorBaraja2" id="marcadorBaraja2" style="font-size:16pt;">marcadorBaraja2</div> <script> </script>

<div class="marcadorBaraja3" id="marcadorBaraja3" style="font-size:16pt;">marcadorBaraja3</div> <script> </script>

<div class="marcadorBaraja4" id="marcadorBaraja4" style="font-size:16pt;">marcadorBaraja4</div> <script> </script>

<div class="marcadorBaraja5" id="marcadorBaraja5" style="font-size:16pt;">marcadorBaraja5</div> <script> </script>

<div class="mostrarCartasAll" style="opacity:0.5; color:black; background-color:yellowgreen; text-align:center; font-weight:normal; font-size:16px; width:100%; height:100%; ">Mostrar Nueva ALL </div> <script> </script>

<div class="reiniciarPistasALL" style="opacity:0.5; color:black; background-color:hotpink; text-align:center; font-weight:normal; font-size:16px; width:100%; height:100%; ">Reiniciar Pistas ALL </div> <script> </script>

<div class="tiraDadoALL" style="opacity:0.5; color:black; background-color:palegreen; text-align:center; font-weight:normal; font-size:16px; width:100%; height:100%; ">Tira Dados ALL </div> <script> </script>

<div class="avanzaCartaALL" style="opacity:0.5; color:black; background-color:yellow; text-align:center; font-weight:normal; font-size:16px; width:100%; height:100%; ">Avanza Carta ALL </div> <script> </script>

<div class="ocultarObjeto1" style="opacity:0.75; color:white; background-color:orange; text-align:center; font-weight:normal; font-size:16px; width:100%; height:100%; ">Ocultar al Inicio 1 </div> <script> </script>

<div class="terminado1" style="opacity:0.75; color:white; background-color:red; text-align:center; font-weight:normal; font-size:16px; width:100%; height:100%; "> Terminado 1 </div> <script> </script>

<div class="tiraDado1" style="opacity:0.75; color:white; background-color:darkgreen; text-align:center; font-weight:normal; font-size:16px; width:100%; height:100%; ">Tira dado 1 </div> <script> </script>

<div class="avanzaCartas11" style="opacity:0.75; color:black; background-color:aquamarine; text-align:center; font-weight:normal; font-size:16px; width:100%; height:100%; ">Avanza Nueva 11</div> <script> </script>

<div class="mostrarCartas1" style="opacity:0.75; color:black; background-color:#00ff00; text-align:center; font-weight:normal; font-size:16px; width:100%; height:100%; ">Mostrar Nueva 1 </div> <script> </script>

<div class="reiniciarBaraja1" style="opacity:0.75;color:white; background-color:magenta; text-align:center; font-weight:normal; font-size:16px; width:100%; height:100%; "> Reiniciar baraja 1 </div> <script> </script>

<div class="baraja1" style="font-size:16pt;">baraja1</div> <script> </script>