Lernmodule: Puzzle

Beim Puzzle müssen die einzelnen Puzzleteile richtig angeordnet werden. Puzzleteile können mit gedrückter Maustaste beliebig verschoben werden. Sobald alle Teile korrekt angeordnet wurden, ist das Lernmodul beendet.

Das Lernmodul benötigt ein Bild im JPEG- oder GIF-Format, aus dem das Puzzle erzeugt wird. Die Applet-Parameter Rows und Cols geben an, in wieviele Puzzleteile das Bild zerlegt werden soll.

Siehe auch: Dokumentation der Klasse »Puzzle« (Javadoc)

Applet-Parameter

Notwendige Parameter

• PuzzleFile  - Dateiname des Bildes (im JPEG- oder GIF-Format), aus dem die Puzzleteile erzeugt werden.

Optionale Parameter

• Rows              - Anzahl der Zeilen des Puzzles (Default: 4)
• Cols              - Anzahl der Spalten des Puzzles (Default: 4)
• GridBgCol         - Hintergrundfarbe des Puzzlegitters (Default: #FFFFFF)
• SnapRectCol       - Farbe mit der jene Zelle des Puzzlegitters markiert wird, in die das gerade bewegte Puzzleteil einrasten könnte (Default: #F0D93B)
• TileBorderCol     - Farbe der Umrandung der Puzzleteile (Default: #000000)
• TileBorderDragCol - Farbe der Umrandung eines Puzzleteils während es bewegt wird (Default; #FFFFFF)
• TileBorderSnapCol - Farbe der Umrandung eines Puzzleteils während es bewegt wird und einrasten könnte (Default: #FF4040)
• Preview           - Möglichkeit, eine Vorschau mittels Button anzeigen zu lassen (Hilfsfunktion) (Default: false)

Siehe auch: Standardparameter der Lernmodule

Beispiel 1

Sourcecode für Beispiel 1

<applet codebase="../../classes" code="lernmodule/puzzle/Puzzle.class" width="550" height="530">
  <param name="PuzzleFile" value="puzzle.jpg">
</applet>

Beispiel 2

Sourcecode für Beispiel 2

<applet codebase="../../classes" code="lernmodule/puzzle/Puzzle.class" width="630" height="420">
  <param name="BgCol" value="#631D62">
  <param name="FgCol" value="#EEEB8B">
  <param name="PuzzleFile" value="puzzle2.jpg">
  <param name="Rows" value="3">
  <param name="Cols" value="4">
  <param name="CanvasBgCol" value="#000000">
  <param name="GridFgCol" value="#EEEB8B">
  <param name="GridBgCol" value="#631D62">
  <param name="TileBorderCol" value="#FFFFFF">
  <param name="TileBorderDragCol" value="#FFFFFF">
  <param name="TileBorderSnapCol" value="#FF02DE">
  <param name="SnapRectCol" value="#EEEB8B">
  <param name="Timer" value="false">
  <param name="enableSound" value="false">
  <param name="LoadMsg" value="Gleich gehts los ...">
  <param name="WinMsgTitle" value="Super!!!!">
  <param name="WinMsgText" value="Du bist ein Genie, du hast es geschafft!">
  <param name="Preview" value="true">
</applet>