Want to make creations as awesome as this one?

Transcript

Version 1.1 - 23/12/20

Réutilisez !

SOAD

Extension proposée par Nicolas Forestier et Hervé Thomas

ROULETTE

Je souhaite utiliser la police Jim Nightshade sur la roue.Je l'utilise donc sur une page précédente fut ce en transparence

Avec liens par tirage

  • yellow
  • black

  • 1
  • 20
  • 300
  • 4000
  • 50000
  • 600000

  • 30
  • serif
  • red
  • 30
  • gauche
  • avec
  • 300
  • 1

  • #FF99CC
  • #FFCC99
  • #CCFFCC
  • #CCFFFF
  • #99CCFF
  • #CC99FF
  • #00CCFF
  • #00FF00
  • #FFFF00
  • #FF9900
  • #99FF00

  • Abdel
  • Béatrice
  • Catherine
  • Didier
  • Estelle
  • Fred
  • Greg
  • Hervé
  • Isabelle
  • Jacques
  • Kevin

  • 40
  • Jim Nightshade
  • #333333
  • 40
  • gauche
  • sans
  • 720
  • 4

La police Jim Nightshade utilisée sur la roue est nécessairement utilisée dans une page précédente.

Hervé

Fred

Didier

Kevin

Estelle

Catherine

Isabelle

Greg

Abdel

Jacques

Béatrice

Exemple avec liens

  • #FF99CC
  • #FFCC99
  • #CCFFCC
  • #CCFFFF
  • #99CCFF
  • #CC99FF
  • #00CCFF
  • #00FF00
  • #FFFF00
  • #FF9900
  • #99FF00

  • Abdel
  • Béatrice
  • Catherine
  • Didier
  • Estelle
  • Fred
  • Greg
  • Hervé
  • Isabelle
  • Jacques
  • Kevin

  • 40
  • Jim Nightshade
  • #333333
  • 40
  • gauche
  • sans
  • 720
  • 4

La police Jim Nightshade utilisée sur la roue est nécessairement utilisée dans une page précédente.

Catherine

Fred

Isabelle

Hervé

Abdel

Estelle

Kevin

Jacques

Béatrice

Didier

Greg

Exemple avec la roue groupée à l'élément bouton et les liens placés en trasnparence sur la roue

Page pour Abdel

Page pour Béatrice

Page pour Catherine

Page pour Didier

Page pour Estelle

Page pour Fred

Page pour Greg

Page pour Hervé

Page pour Isabelle

Page pour Jacques

Page pour Kevin

C'est dans cet élément redimensionnable qu'apparaîtra votre roue.

Dans ce groupe constitué d'un élément scripté et d'un groupe à puces genially, vous pouvez entrer les couleurs à donner à vos différents segments de roue. S'il y a plus de segments que de couleurs, les couleurs seront utilisées plusieurs fois.

Ce groupe constitué d'un élément scripté et d'un groupe à puces genially, contient les différents paramètres nécessaires à la création de votre roue personnalisée.

Ce groupe constitué d'un élément scripté et d'un groupe à puces genially, contiendra sur chaque puce le texte/nombre à afficher sur chaque segment de la roue (en suivant le même ordre).

Cet élément bouton doit être groupé avec quelque chose (image/forme genially/zone de texte/etc). Le groupe ainsi formé lancera la rotation de la roue une fois cliqué.

Cet élément contient le script nécessaire au fonctionnement de l'extension et doit être laissé sur la page. En outre il sert de debugger dans le cas d'un problème et sera invisible en mode exécution dans le cas contraire.

Elément à grouper avec un objet à afficher à chaque tirage (numéros dans l'orde de la liste d'éléments)

Taille de police à utiliser pour les "mots" sur la roue

Nom de police à utiliser pour les "mots" sur la roue (pensez à l'utiliser sur une page précendente)

Couleur de la police des "mots" sur la roue, format #123456 / red, green... / rgb(0,255,255) / autres

Détermination de la limite droite/gauche utilisée pour positionner les "mots" de la roue : 0-100

gauche/droite ==> détermine si les "mots" utilisent un positionnement par rapport à leur gauche ou leur droite.Droite n'est pas compatible avec Firefox et Internet Explorer

avec/sans ==> les tirages sans remise assurent qu'un objet ne sera tiré qu'une fois (avant réinitialisation quand tous sont tirés)

Vitesse de rotation de la roue avant le dernier tour en degré par seconde.

Nombre de tours de roue à faire avant de commencer la séléction.

Vérifiez le résultat sur les différents navigateurs

  • #FF99CC
  • #FFCC99
  • red

  • Abdel
  • Béatrice
  • Catherine

  • 40
  • Arial
  • #333333
  • 20
  • gauche
  • sans
  • 720
  • 4