JavaScript is required. Please enable it to continue.
Your browser lacks required capabilities. Please upgrade it or switch to another to continue.
Loading…
<<cacheaudio "click-generic" "assets/audio/sfx/ui/sfx_ui_click_generic.m4a">> <<cacheaudio "correct" "assets/audio/sfx/ui/sfx_ui_correct.m4a">> <<cacheaudio "decision-appear" "assets/audio/sfx/ui/sfx_ui_decision_appear.m4a">> <<cacheaudio "decision-00" "assets/audio/sfx/ui/sfx_ui_decision_00.m4a">> <<cacheaudio "decision-01" "assets/audio/sfx/ui/sfx_ui_decision_01.m4a">> <<cacheaudio "decision-02" "assets/audio/sfx/ui/sfx_ui_decision_02.m4a">> <<cacheaudio "decision-03" "assets/audio/sfx/ui/sfx_ui_decision_03.m4a">> <<cacheaudio "locked" "assets/audio/sfx/ui/sfx_ui_locked.m4a">> <<cacheaudio "map-close" "assets/audio/sfx/ui/sfx_ui_map_close.m4a">> <<cacheaudio "map-open" "assets/audio/sfx/ui/sfx_ui_map_open.m4a">> <<cacheaudio "page-backward" "assets/audio/sfx/ui/sfx_ui_page_backward.m4a">> <<cacheaudio "page-forward" "assets/audio/sfx/ui/sfx_ui_page_forward.m4a">> <<cacheaudio "unlock" "assets/audio/sfx/ui/sfx_ui_unlock.m4a">> <<cacheaudio "wrong" "assets/audio/sfx/ui/sfx_ui_wrong.m4a">> importStyles( "css/map.css", ); <<set $syllabizableSelector to ".lk-syllabizable" >> <<set $syllableDelimiter to "|" >> <<set $settings to [] >> <<set $settings['audio_speed'] to '3' >> <<set $settings['syllabized'] to false >> <<set $settings['easyMode'] to false >> <<set $solved to [] >> <<set $settings['skipSolvedGames'] to true >>
<<popup "Einstellungen" "Einstellungen" "" "">> <<popup "Kurzanleitung" "Kurzanleitung" "" "lk-popup--fullcontent">> <<popup "Info" "Info" "" "lk-popup--fullcontent">> <<link "Inhalt" "Inhalt">>> <<addclass "#ui-bar" "stowed">> <<set $anchor to "current_page">> <</link>>
Freunde fürs Leben
Neues von den Zauberern
Ein Leseabenteuer der <a href="https://www.legakids.net/" target="_blank">LegaKids Stiftung</a>
<<script>> if (passage() != 'Splash' && !window.scripts_loaded) { State.variables.play_after_reload = passage(); Engine.play("Splash"); } try { Essential_Audio.Stop(); } catch {} <</script>>
<<script>> try { Essential_Audio.init(); } catch {} $.fn.calculateDimensions(); $.fn.syllabizeText( State.variables.syllableDelimiter, State.variables.syllabizableSelector ); <</script>>
@@.lk-grid.lk-grid__title.lk-header;<hr>[img["assets/images/logo_small.png"]]@@
<<if Config.debug and _nextPassage>> <<set $nextPassage to _nextPassage>> <</if>> <<if $settings['skipSolvedGames'] and $solved[passage()]>> <<set $nextPassage to _nextPassage>> <</if>> <<if not _hideFooter>> @@.lk-grid.lk-grid__footer.lk-footer;<hr>@@ <div class="lk-grid lk-grid__previous"> <<if $previousPassage == "none">> @@.lk-link;@@ <<elseif $previousPassage>> <<if $previousPassageTitle >> <<set _title to $previousPassageTitle >> <<else>> <<set _title to "zurück" >> <</if>> <span class="lk-link lk-link--previous" @title=_title><<link "" $previousPassage>><<audio "page-backward" play>><</link>></span> <</if>> </div> <div class="lk-grid lk-grid__map"> <<if ndef _footerButtonTitle>> <<set _footerButtonTitle to "zur Übersichtskarte">> <</if>> <<set _title to "<span class='lk-footer__chapter'>" + $chapter + "</span>">> <<if _footerButtonLink>> <<if _footerButtonLink != "none">> <span class="lk-link lk-link--map lk-link--titlepage" @title=_footerButtonTitle> <<link $chapter _footerButtonLink>>$chapter<</link>> </span> <</if>> <<else>> <span class="lk-link lk-link--map" @title=_footerButtonTitle><<popup _title KARTE "lk-button lk-button--small" "lk-popup--fullcontent">></span> <</if>> </div> <div class="lk-grid lk-grid__next" id="LinkToNextPassage"> <<if $nextPassage == "none">> @@.lk-link;@@ <<elseif $nextPassage == "dead_end">> <<if $nextPassageTitle >> <<set _title to $nextPassageTitle >> <<else>> <<set _title to "Versuche einen anderen Weg." >> <</if>> <span class="lk-link lk-link--nextdeadend" @title=_title><<popup _title KARTE>></span> <<elseif $nextPassage>> <<if $nextPassageTitle >> <<set _title to $nextPassageTitle >> <<else>> <<set _title to "weiter" >> <</if>> <<if $nextPassageMode == "popup">> <span class="lk-link lk-link--next" @title=_title><<popup "Entscheidung" $nextPassage>></span> <<elseif $nextPassageMode == "restart">> <<if $nextPassageTitle >> <<set _title to $nextPassageTitle >> <<else>> <<set _title to "Alles noch einmal von Anfang an lesen" >> <</if>> <span class="lk-link lk-link--restart" @title=_title><<popup "Entscheidung" $nextPassage>></span> <<else>> <span class="lk-link lk-link--next" @title=_title><<link "" $nextPassage>><<audio "page-forward" play>><</link>></span> <</if>> <<else>> <<if $nextPassageTitle>> <<set _title to $nextPassageTitle >> <<else>> <<set _title to "Um weiter zu kommen, musst Du eine Aufgabe lösen." >> <</if>> <span class="lk-link lk-link--nextdisabled" @title=_title><<link "">><<audio "locked" play>><</link>></span> <</if>> </div> <<if $mutedOnce>> <<set $mutedOnce to false>> <<else>> <<PlayAmbience>> <</if>> <</if>> <<script>> let matomoEventCategory = 'Seite'; let matomoEventAction = 'Seite angezeigt'; let matomoEventName = state.active.variables.currentPassage; if (state.active.variables.currentMatomoEventAction !== '') { matomoEventCategory = state.active.variables.currentMatomoEventCategory; matomoEventAction = state.active.variables.currentMatomoEventAction; matomoEventName = state.active.variables.currentMatomoEventName; } _paq.push(['trackEvent', matomoEventCategory, matomoEventAction, matomoEventName]); state.active.variables.currentMatomoEventCategory = ''; state.active.variables.currentMatomoEventAction = ''; state.active.variables.currentMatomoEventName = ''; <</script>>
Purpose: Defines widgets used in game. Tags: nobr, widget --- <<widget "CheckAnswer">> <<set _correctSolution to $args[0]>> <<set _nextPassage to $args[1]>> <div class="lk-ui__inputarea lk-scalable__font"> <<textbox "_solution" "" autofocus>> @@.lk-ui__button;<<button "ok">> <<if _solution neq "">> <<if _solution == _correctSolution >> <<set $solved[passage()] to true >> <<run stopRunningLoops(1000) >> <<if _playSoundAfterCorrectAnswer>> <<audio "correct" play>> <</if>> <<run updateButtonToNextPassage(_nextPassage)>> <<replace "#LinkToNextPassage a">> <<link "weiter" _nextPassage>><</link>> <</replace>> <<audio "unlock" play>> <<else>> <<set $solved[passage()] to false >> <<audio "wrong" play>> <<run updateButtonToNextPassage()>> <<replace "#LinkToNextPassage a">><a></a><</replace>> <</if>> <</if>> <</button>>@@ </div> <<script>> $(document).one(":passagerender", function (ev) { $(ev.content).find("#textbox--solution").on("keyup", function (e) { if (e.keyCode === 13) { $(".lk-ui__button button").trigger("click"); } }); }); <</script>> <</widget>> <<widget "Decision">> @@.lk-button.lk-button--wrapper;<<button $args[1] $args[0]>> <<if $args[2] == "1">> <<set _audio to "decision-00">> <<elseif $args[2] == "2">> <<set _audio to "decision-01">> <<elseif $args[2] == "3">> <<set _audio to "decision-02">> <<elseif $args[2] == "4">> <<set _audio to "decision-03">> <<else>> <<set _audio to "wrong">> <</if>> <<audio _audio play>> <</button>>@@ <</widget>> <<widget "Indexitem">> <<set _itemPassage to $args[1]>> <<if _itemPassage == $currentPassage>> <<set _id to "id='current_page'">> <<set _modifier to "lk-inhalt__item--current">> <<else>> <<set _id to "">> <<set _modifier to "">> <</if>> <<if $args[2]>> <<set _title to $args[2]>> <<else>> <<set _title to _itemPassage>> <</if>> <<set _markup to "<div class='lk-inhalt__item " + _modifier + "' " + _id + "> <span class='lk-inhalt__itemtitle'>" + _title + "</span> <span class='lk-inhalt__itempage'>$args[0]</span> </div>">> <<link _markup _itemPassage>> <<addclass "#ui-bar" "stowed">> <</link>> <</widget>> <<widget "LoremIpsum">> <<if $args[0] == "dots">> <div class="lk-loremipsum lk-loremipsum--dots"> <p>........ ......... ........ ....... .... ......... ....... ........ ......... ...... ....... .... ..... ........ ........ ....... ....... ......... ......... .... ....... ........ ....... ........ .... ....... ........ .... .... ......... ....... ........ ......... ...... ....... .... ..... ........</p> <p>........ ....... ....... ......... ......... .... ....... ........ ....... ........<br> .... ....... ........ .... .... ......... ....... ........ ......... ...... ....... .... ..... ........ ........ ....... ....... ......... ......... .... ....... ........ ....... ........ .... ....... ........ .... .... ......... ....... ........ ......... ...... ....... .... ..... ........ ........ ....... ....... ......... ......... .... ....... ........ ....... ........ .... ....... ........ ....</p> <p>........ ......... ........ ....... .... ......... ....... ........ ......... ...... ....... .... ..... ........ ........ ....... ....... ......... ......... .... ....... ........ ....... ........ .... ....... ........ .... .... ......... ....... ........ ......... ...... ....... .... ..... ........</p> </div> <<elseif $args[0] == "text">> <div class="lk-loremipsum lk-loremipsum-text"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer aliquet fermentum velit nec vulputate. Aenean leo metus, tempus in tempus non, rhoncus sit amet risus. Curabitur imperdiet laoreet dolor quis ultricies.</p> <p>Etiam vehicula diam ultricies erat rutrum, mollis pretium nisi finibus.<br> Vestibulum finibus, erat imperdiet tempor elementum.</p> <p>Mauris orci eleifend sapien, ut tincidunt lacus diam vel odio. Sed sed lacus et turpis ultricies aliquam. Integer aliquet fermentum velit nec vulputate.</p> </div> <<else>> <div class="lk-loremipsum"> Leider habe ich kein Lorem Ipsum für Dich. </div> <</if>> <</widget>> <<widget "PlayAudio">> <<if !isPlaying($args[0])>> <<audio ":playing" fadeout>> <<audio $args[0] volume 0 fadein loop>> <</if>> <</widget>> <<widget "PlayAmbience">> <<run createPassageAmbience(passage())>> <</widget>> <<widget "Quiz">> <<for _q, _question range $args[0].questions >> <<capture _q, _question>> <div class="lk-quiz__question"> <div class="lk-quiz__content"> <div class="lk-quiz__questiontitle"><<print _question.title>></div> <<set _q_id to "q_" + _q>> <div @id="_q_id" class="lk-quiz__choices"> <<for _c, _choice range _question.choices>> <<capture _c, _choice>> <<set _c_id to "c_" + _q + "_" + _c>> <div @id="_c_id" class="lk-button lk-quiz__choice"> <<button _choice.title>> <<audio "click-generic" play>> <<set $args[0].chosen[_q] to _c>> <<set _remove_selector to "#q_" + _q + " .lk-quiz__choice">> <<set _add_selector to "#c_" + _q + "_" + _c>> <<removeclass _remove_selector "lk-quiz__choice--selected">> <<addclass _add_selector "lk-quiz__choice--selected">> <<if JSON.stringify($args[0].chosen) === JSON.stringify($args[0].correct)>> <<set $solved[passage()] to true >> <<run stopRunningLoops()>> <<audio "correct" play>> <<run updateButtonToNextPassage(_nextPassage)>> <<replace "#LinkToNextPassage a">> <<link "weiter" _nextPassage>><</link>> <</replace>> <<else>> <<set $solved[passage()] to false >> <<run updateButtonToNextPassage()>> <<replace "#LinkToNextPassage a">><a></a><</replace>> <<if $args[0].chosen.indexOf(-1) == -1>> <<audio "wrong" play>> <</if>> <</if>> <</button>> </div> <</capture>> <</for>> </div> </div> <</capture>> <</for>> <</widget>> <<widget "RangeInput">> <<set _widgetClass to "lk-setting lk-setting__range-input lk-setting--" + $args[0] >> <<set _callback to "$.fn.setRangeInput('" + $args[0] + "')" >> <<if $settings[$args[0]]>> <<set _value to $settings[$args[0]] >> <<else>> <<if $args[0] == "audio_speed">> <<set _value to "3" >> <<else>> <<set _value to "" >> <</if>> <</if>> <div @class=_widgetClass> <label> <span class="lk-setting__title"> <<if $args[0] == "audio_speed">> langsamer Ton <<else>> n/a <<endif>> </span> <span class="lk-setting__description"> <<if $args[0] == "audio_speed">> (Willst du den Ton langsamer abspielen lassen?) <<else>> (n/a) <<endif>> </span> <div class="lk-setting__control"> <input class="lk-setting__input lk-setting__input--range-input" type="range" min="1" max="3" @value=_value @onChange=_callback> <<if $args[0] == "audio_speed">> <span class="lk-setting__range-label lk-setting__range-label--min">langsam</span> <span class="lk-setting__range-label lk-setting__range-label--max">normal</span> <</if>> </div> </label> </div> <</widget>> <<widget "TextAudio">> <<set _audioFolder to "/assets/audio/text/" >> <<set _audioExtension to ".m4a" >> <<set _defaultAdditionalCssClass to "" >> <<set _defaultModeToken to "_normal" >> <<set _defaultTimeStretchToken to "" >> <<if $settings["audio_speed"] == "1">> <<set _additionalCssClass to 'xslow' >> <<set _timeStretchToken to '_xslow' >> <<elseif $settings["audio_speed"] == "2">> <<set _additionalCssClass to 'slow' >> <<set _timeStretchToken to '_slow' >> <<else>> <<set _additionalCssClass to _defaultAdditionalCssClass >> <<set _timeStretchToken to _defaultTimeStretchToken >> <</if>> <<if $settings["easyMode"]>> <<set _modeToken to '_simple' >> <<else>> <<set _modeToken to _defaultModeToken >> <</if>> <<if $args[1] == "fixMode" >> <<set _modeToken to _defaultModeToken >> <</if>> <<if $args[1] == "fixTimeStretch" >> <<set _additionalCssClass to _defaultAdditionalCssClass >> <<set _timeStretchToken to _defaultTimeStretchToken >> <</if>> <<set _audioFile to _audioFolder + $args[0] + _modeToken + _timeStretchToken + _audioExtension >> <<audioplayer _audioFile _additionalCssClass >> <</widget>> <<widget "Toggle">> <<set _classOfToggle to "lk-toggle " + "lk-toggle--" + $args[0] >> <<set _onClick to "$.fn.toggle('" + $args[0] + "')" >> <div @class=_classOfToggle> <label> <span class="lk-toggle__title"> <<if $args[0] == "syllabized">> Silben <<elseif $args[0] == "muted">> Hintergrund-Sound <<elseif $args[0] == "easyMode">> einfacher Text <<elseif $args[0] == "slow">> langsamer Ton <<else>> n/a <<endif>> </span> <span class="lk-toggle__description"> <<if $args[0] == "syllabized">> (Lies den Text mit eingefärbten Silben.) <<elseif $args[0] == "muted">> (Willst du die Textseiten lieber still haben?) <<elseif $args[0] == "easyMode">> (Willst du einen leichten Text lesen?) <<elseif $args[0] == "slow">> (Willst du den Ton langsamer abspielen lassen?) <<else>> (n/a) <<endif>> </span> <div class="lk-setting__control"> <<if $settings[$args[0]]>> <input type="checkbox" value="on" checked @onClick=_onClick> <<else>> <input type="checkbox" value="off" @onClick=_onClick> <</if>> <span class="lk-toggle__slide"></span> </div> </label> </div> <</widget>>
<<script>> let play_after_reload = "Freunde-fürs-Leben"; if (State.variables.play_after_reload && State.variables.play_after_reload != 'Splash') { play_after_reload = State.variables.play_after_reload; } var lock_id = LoadScreen.lock(); var wait_interval = 10; var promise_howler = importScripts("/js/howler.min.js"); promise_howler.then(function() { setTimeout(function (){ var promise_lkaudio = importScripts("/js/lk_audio.js"); promise_lkaudio.then(function() { setTimeout(function (){ var promise_essentialaudio = importScripts("/js/essential_audio_2.1.js"); promise_essentialaudio.then(function() { window.scripts_loaded = true; setTimeout(function (){ Essential_Audio.init(); LoadScreen.unlock(lock_id); Engine.play(play_after_reload); }, wait_interval) }); }, wait_interval) }); }, wait_interval) }); <</script>>
<<popup "Changelog (1.0)" "Changelog" "" "lk-popup--scrollable lk-scalable__font ">>
<<set _footerButtonLink to "none">> <div class="lk-inhalt__header lk-scalable"> <div class="lk-inhalt__headline">Inhalt</div> </div> <div class="lk-grid__content"> <div class="lk-inhalt lk-scalable"> <div class="lk-inhalt__content"> <<Indexitem 1 "Freunde-fürs-Leben" "Freunde fürs Leben!">> <<Indexitem 2 "Eines-Tages" "Eines Tages ...">> <<Indexitem 3 "Das-Zauberbuch" "Das Zauberbuch">> <<Indexitem 4 "Zuversicht" "Zuversicht">> <<Indexitem 5 "Um-Mitternacht" "Um Mitternacht ...">> <<Indexitem 6 "Zauber-geglückt" "Zauber geglückt">> <<Indexitem 7 "Das-Hündchen" "Das Hündchen">> <<Indexitem 8 "Bei-Appelkopp" "Bei Appelkopp">> <<Indexitem 9 "Auf-dem-Heimweg" "Auf dem Heimweg">> <<Indexitem 10 "Appelkopp-will-sich-rächen" "Appelkopp will sich rächen">> <<Indexitem 11 "Bei-Spitzhut" "Bei Spitzhut">> <<Indexitem 12 "Das-Untier" "Das Untier">> <<Indexitem 13 "Wie-immer-Streit" "Wie immer Streit">> <<Indexitem 14 "Das-Hündchen-ist-weg" "Das Hündchen ist weg">> <<Indexitem 15 "Quiz" "Quiz">> <<Indexitem 16 "Freunde-für-immer" "Freunde für immer">> </div> </div> </div>
<div class="lk-scalable__font"> <<Toggle "syllabized">> <<Toggle "easyMode">> <<RangeInput "audio_speed">> </div>
<dl> <dt><strong>1.0</strong></dt> <dd> <ul> <li>20. September 2024</li> <li>Das Spiel wird veröffentlicht.</li> </ul> </dd> </dl>
[img["assets/images/kurzanleitung_popup.jpg"]]
[img["assets/images/credits.jpg"]] <a href="https://www.legakids.net/kids/spiele/" target="_blank" class="lk-link lk-link--legakids link-external lk-scalable__font" title="Zu www.legakids.net" tabindex="0"></a>
<<set _footerButtonLink to "none">> <<set $previousPassage to "Freunde-fürs-Leben">> <<set $currentPassage to passage()>> <<set $nextPassage to "Das-Zauberbuch">> <<set $nextPassageMode to "link">> <div class="lk-grid__content"> <div class="lk-content lk-content--text"> <div class="lk-content__text lk-content__text--var1 lk-syllabizable "> <<if $settings['easyMode']>> <p>Ei|nes Ta|ges:</p> <p>»Blitz, Don|ner, Krö|ten|ei! Ju|hu, ju|hu!«, rief Spitz|hut.</p> <p>Schon lan|ge hat|te er nach|ge|dacht: »Wie kann ich Ap|pel|kopp so rich|tig är|gern?«</p> <p>End|lich hat|te er DIE I|DEE.</p> <<else>> <p>Ei|nes Ta|ges:</p> <p>»Blitz, Don|ner, Krö|ten|ei! Ju|hu, ju|hu!«, freu|te sich Spitz|hut.</p> <p>Schon viel zu lan|ge hat|te er ü|ber die wich|tigs|te al|ler Fra|gen nach|ge|dacht: »Wie kann ich Ap|pel|kopp ü|ber|trump|fen, ja, so rich|tig är|gern?«</p> <p>End|lich, end|lich hat|te er DIE I|DEE.</p> <</if>> </div> <div class="lk-content__audioplayer"> <<TextAudio "02_text" >> </div> </div> </div>
<<set _footerButtonLink to "none">> <<set $previousPassage to "Eines-Tages">> <<set $currentPassage to passage()>> <<set $nextPassage to "Zuversicht">> <<set $nextPassageMode to "link">> <div class="lk-grid__content"> <div class="lk-content lk-content--text"> <div class="lk-content__text lk-content__text--var6 lk-syllabizable "> <<if $settings['easyMode']>> <p>Spitz|hut rann|te zum Re|gal. Sein Fin|ger flog über die Bü|cher: A-Zau|ber, B-Zau|ber, C-Zau|ber … Hier war es: das F-Zau|ber|buch</p> <p>Auf|ge|regt blät|ter|te er. Dann fand er den Zau|ber|spruch.</p> <<else>> <p>Spitz|hut rann|te zum Bü|cher|schrank.</p> <p>Sein Fin|ger flog ü|ber die Buch|rü|cken: A-Zau|ber, B-Zau|ber, C-Zau|ber … Hier war es: das F-Zau|ber|buch</p> <p>Auf|ge|regt blät|ter|te er in den Sei|ten.<br> Dann fand er den pas|sen|den<br> Zau|ber|spruch.</p> <</if>> </div> <div class="lk-content__image"> [img["assets/images/illu/03_illu.jpg"]] </div> <div class="lk-content__audioplayer"> <<TextAudio "03_text" >> </div> </div> </div>
<<set _footerButtonLink to "none">> <<set $previousPassage to "Das-Zauberbuch">> <<set $currentPassage to passage()>> <<set $nextPassage to "Um-Mitternacht">> <<set $nextPassageMode to "link">> <div class="lk-grid__content"> <div class="lk-content lk-content--text"> <div class="lk-content__text lk-content__text--var1 lk-syllabizable "> <<if $settings['easyMode']>> <p>»Jetzt be|wei|se ich Ap|pel|kopp, dass ich der bes|te Zau|be|rer al|ler Zei|ten bin!« Spitz|hut strahl|te vor Glück.</p> <p>Mit die|sem Zau|ber wür|de Spitz|hut sich gleich|zei|tig ei|nen ge|hei|men Wunsch er|fül|len. Das brauch|te Ap|pel|kopp ja nicht zu wis|sen.</p> <<else>> <p>»Jetzt be|wei|se ich Ap|pel|kopp, dass ich der bes|te Zau|be|rer al|ler Zei|ten bin!«</p> <p>Spitz|hut strahl|te vol|ler Zu|ver|sicht.</p> <p>Dass er sich mit die|sem Zau|ber gleich|zei|tig ei|nen lang|er|sehn|ten Wunsch er|fül|len wür|de, brauch|te Ap|pel|kopp ja nicht zu wis|sen.</p> <</if>> </div> <div class="lk-content__audioplayer"> <<TextAudio "04_text" >> </div> </div> </div>
<<set _footerButtonLink to "none">> <<set $previousPassage to "Zuversicht">> <<set $currentPassage to passage()>> <<set $nextPassage to "Zauber-geglückt">> <<set $nextPassageMode to "link">> <div class="lk-grid__content"> <div class="lk-content lk-content--text"> <div class="lk-content__text lk-content__text--var1 lk-syllabizable "> <<if $settings['easyMode']>> <p>Um Mit|ter|nacht zün|de|te Spitz|hut drei Ker|zen an. Er be|weg|te sei|nen Zau|ber|stab. Dann flüs|ter|te er mit ge|schlos|se|nen Au|gen den Zau|ber|spruch:</p> <<else>> <p>Um Mit|ter|nacht, wie es das Zau|ber|buch for|der|te, zün|de|te Spitz|hut drei Ker|zen an. Mit sei|nem Zau|ber|stab zeich|ne|te er ein un|sicht|bar|es Bild. Um dann, mit ge|schlos|se|nen Au|gen, den Zau|ber|spruch zu flüs|tern.</p> <</if>> </div> <div class="lk-content__image"> <<if $settings['syllabized'] == true >> [img["assets/images/illu/05_illu_silben.jpg"]] <<else>> [img["assets/images/illu/05_illu.jpg"]] <</if>> </div> <div class="lk-content__audioplayer"> <<TextAudio "05_text" >> </div> </div> </div>
<<set _footerButtonLink to "none">> <<set $previousPassage to "Um-Mitternacht">> <<set $currentPassage to passage()>> <<set $nextPassage to "Das-Hündchen">> <<set $nextPassageMode to "link">> <div class="lk-grid__content"> <div class="lk-content lk-content--text"> <div class="lk-content__text lk-content__text--var1 lk-syllabizable "> <<if $settings['easyMode']>> <p>Tat|säch|lich! Der Zau|ber war ge|glückt.</p> <p>Lie|be|voll be|trach|te|te Spitz|hut das Er|geb|nis. So süß! Und so put|zig! Be|hut|sam nahm er das klei|ne, wei|che We|sen in die Ar|me.</p> <<else>> <p>Tat|säch|lich! Der Zau|ber war ge|glückt.</p> <p>Lie|be|voll und mit ei|ner Trä|ne in den Au|gen be|trach|te|te Spitz|hut das Er|geb|nis. Soooo süß! Soooo put|zig! Soooo al|ler|liebst!</p> <p>Be|hut|sam nahm er das klei|ne, wei|che, knud|de|li|ge We|sen in die Ar|me.</p> <</if>> </div> <div class="lk-content__audioplayer"> <<TextAudio "06_text" >> </div> </div> </div>
<<set _footerButtonLink to "none">> <<set $previousPassage to "Zauber-geglückt">> <<set $currentPassage to passage()>> <<set $nextPassage to "Bei-Appelkopp">> <<set $nextPassageMode to "link">> <div class="lk-grid__content"> <div class="lk-content lk-content--text"> <div class="lk-content__text lk-content__text--var3 lk-syllabizable "> <<if $settings['easyMode']>> <p>»Oh mein Schnup|pel|chen«, flüs|ter|te er dem Hünd|chen ins Ohr, »du bist jetzt mein bes|ter Freund. Und Ap|pel|kopp wird vor Neid plat|zen«.</p> <<else>> <p>»Oh mein Schnup|pel|chen«, flüs|ter|te er dem Hünd|chen ins Ohr, »du bist jetzt mein bes|ter Freund. Und Ap|pel|kopp wird vor Neid plat|zen«.</p> <</if>> </div> <div class="lk-content__image"> [img["assets/images/illu/07_illu.jpg"]] </div> <div class="lk-content__audioplayer"> <<TextAudio "07_text" >> </div> </div> </div>
<<set _footerButtonLink to "none">> <<set $previousPassage to "Das-Hündchen">> <<set $currentPassage to passage()>> <<set $nextPassage to "Auf-dem-Heimweg">> <<set $nextPassageMode to "link">> <div class="lk-grid__content"> <div class="lk-content lk-content--text"> <div class="lk-content__image"> <<if $settings['syllabized'] == true >> [img["assets/images/illu/08_illu_silben.jpg"]] <<else>> [img["assets/images/illu/08_illu.jpg"]] <</if>> </div> </div> <div class="lk-content__audioplayer"> <<TextAudio "08_text" "fixMode" >> </div> </div>
<<set _footerButtonLink to "none">> <<set $previousPassage to "Bei-Appelkopp">> <<set $currentPassage to passage()>> <<set $nextPassage to "Appelkopp-will-sich-rächen">> <<set $nextPassageMode to "link">> <div class="lk-grid__content"> <div class="lk-content lk-content--text"> <div class="lk-content__text lk-content__text--var8 lk-syllabizable "> <<if $settings['easyMode']>> <p>Spitz|hut ki|cher|te: »Hast du ge|se|hen, wie der sich är|gert? So ein sü|ßes Kerl|chen kann Ap|pel|kopp nie|mals zau|bern. Mein Schnup|pel|chen, ich hab dich ja so lieb.«</p> <<else>> <p>»Hi|hi«, ki|cher|te Spitz|hut, »hast du ge|se|hen, wie der sich är|gert? So ein sü|ßes Kerl|chen wie dich kann Ap|pel|kopp sich nie|mals zau|bern. Oh, du mein sü|ßes Schnup|pel|schnu|ckel|put|zel|chen. Ich hab dich ja sooo lieb.«</p> <</if>> </div> <div class="lk-content__image"> [img["assets/images/illu/09_illu.jpg"]] </div> <div class="lk-content__audioplayer"> <<TextAudio "09_text" >> </div> </div> </div>
<<set _footerButtonLink to "none">> <<set $previousPassage to "Auf-dem-Heimweg">> <<set $currentPassage to passage()>> <<set $nextPassage to "Bei-Spitzhut">> <<set $nextPassageMode to "link">> <div class="lk-grid__content"> <div class="lk-content lk-content--text"> <div class="lk-content__text lk-content__text--var1 lk-syllabizable "> <<if $settings['easyMode']>> <p>Ap|pel|kopp konn|te vor Wut die gan|ze Nacht nicht schla|fen. Er muss|te sich rä|chen.</p> <p>Kaum war die Son|ne auf|ge|gan|gen, stand Ap|pel|kopp vor Spitz|huts Zau|ber|schloss.</p> <p>»Hu|hu, Spitz|hut«, rief er, »komm raus! Und bring dei|nen Staub|we|del mit!«</p> <<else>> <p>Ap|pel|kopp konn|te vor Wut die gan|ze Nacht nicht schla|fen. Er woll|te, nein, er muss|te sich rä|chen.</p> <p>Kaum war die Son|ne auf|ge|gan|gen, stand Ap|pel|kopp vor Spitz|huts Zau|ber|schloss.</p> <p>»Hu|hu, Spitz|hut«, rief er, »komm raus! Und bring dei|nen Staub|we|del mit!«</p> <</if>> </div> <div class="lk-content__audioplayer"> <<TextAudio "10_text" >> </div> </div> </div>
<<set _footerButtonLink to "none">> <<set $page to "">> <<set $previousPassage to "none">> <<set $currentPassage to passage()>> <<set $nextPassage to "none">> <<set $nextPassageMode to "link">> <<set $positionInMap to "0" >> <div class="lk-grid__content"> <div class="lk-content lk-scalable__font"> <span class="lk-button lk-button--home2start" title="Starte mit der ersten Seite"> <<link "Geschichte beginnen" "kleiner-Tipp">>$chapter<</link>> </span> <<popup "Kurzanleitung" "Kurzanleitung" "lk-button lk-button--home2help" "lk-popup--fullcontent">> <div class="lk-content__image"> <<if $settings['syllabized'] == true >> [img["assets/images/illu/01_illu_silben.jpg"]] <<else>> [img["assets/images/illu/01_illu.jpg"]] <</if>> </div> </div> </div>
<<set _footerButtonLink to "none">> <<set $previousPassage to "Appelkopp-will-sich-rächen">> <<set $currentPassage to passage()>> <<set $nextPassage to "Das-Untier">> <<set $nextPassageMode to "link">> <div class="lk-grid__content"> <div class="lk-content lk-content--text"> <div class="lk-content__image"> <<if $settings['syllabized'] == true >> [img["assets/images/illu/11_illu_silben.jpg"]] <<else>> [img["assets/images/illu/11_illu.jpg"]] <</if>> </div> </div> <div class="lk-content__audioplayer"> <<TextAudio "11_text" "fixMode" >> </div> </div>
<<set _footerButtonLink to "none">> <<set $previousPassage to "Bei-Spitzhut">> <<set $currentPassage to passage()>> <<set $nextPassage to "Wie-immer-Streit">> <<set $nextPassageMode to "link">> <div class="lk-grid__content"> <div class="lk-content lk-content--text"> <div class="lk-content__image"> <<if $settings['syllabized'] == true >> [img["assets/images/illu/12_illu_silben.jpg"]] <<else>> [img["assets/images/illu/12_illu.jpg"]] <</if>> </div> </div> <div class="lk-content__audioplayer"> <<TextAudio "12_text" "fixMode" >> </div> </div>
<<set _footerButtonLink to "none">> <<set $previousPassage to "Das-Untier">> <<set $currentPassage to passage()>> <<set $nextPassage to "Das-Hündchen-ist-weg">> <<set $nextPassageMode to "link">> <div class="lk-grid__content"> <div class="lk-content lk-content--text"> <div class="lk-content__text lk-content__text--var1 lk-syllabizable "> <<if $settings['easyMode']>> <p>»Gar nichts ge|be ich zu. Ich bin der BES|TE!«, brüll|te Spitz|hut. Ap|pel|kopp lach|te. »Sich Freun|de zau|bern! Das ist so doof. Freun|de ge|winnt man nur durch, äh, al|so durch …«</p> <p>Spitz|hut wü|te|te: »Du soll|test Dumm|kopp statt Ap|pel|kopp hei|ßen! Von Freun|den hast du so viel Ah|nung wie vom Zau|bern. Näm|lich null kom|ma null kei|ne. Schnup|pel|chen, wir ge|hen. Schnup|pel!?«</p> <<else>> <p>»Gar nichts ge|be ich zu. Ich bin der BES|TE!«, brüll|te Spitz|hut. Ap|pel|kopp lach|te höh|nisch. »Sich Freun|de zau|bern! Das ist un|mög|lich und sooo doof. Freun|de ge|winnt man nur durch, äh, na e|ben durch, äh, al|so durch …«</p> <p>Spitz|hut wü|te|te: »Du soll|test Dumm|kopp statt Ap|pel|kopp hei|ßen! Von Freun|den hast du so viel Ah|nung wie vom Zau|bern. Näm|lich null kom|ma null null null kei|ne. Schnup|pi|lein, wir ge|hen. Schnup|pi!?«</p> <</if>> </div> <div class="lk-content__audioplayer"> <<TextAudio "13_text" >> </div> </div> </div>
<<set _footerButtonLink to "none">> <<set $previousPassage to "Wie-immer-Streit">> <<set $currentPassage to passage()>> <<set $nextPassage to "Quiz">> <<set $nextPassageMode to "link">> <div class="lk-grid__content"> <div class="lk-content lk-content--text"> <div class="lk-content__text lk-content__text--var1 lk-syllabizable "> <<if $settings['easyMode']>> <p>»Ja, wo ist es denn? Ja, wo ist es denn? Hat mein Schatz das Schnup|pi|lein ge|schnappt?«, spot|te|te Ap|pel|kopp.</p> <p>»Schnup|pel|chen!«, rief Spitz|hut ängst|lich. »Wo bist du denn? Komm zu Herr|chen.«</p> <p>Doch Schnup|pel kam nicht.</p> <<else>> <p>»Ja, wo ist es denn? Ja, wo ist es denn? Hat mein Schatz das Schnup|pi|lein ge|schnappt?«, spot|te|te Ap|pel|kopp.</p> <p>»Schnup|pi|schnu|ckel|put|zel|chen!?«, rief Spitz|hut ängst|lich. »Wo bist du denn? Komm zu Herr|chen.«</p> <p>Doch Schnup|pi kam nicht.</p> <</if>> </div> <div class="lk-content__image"> <<if $settings['syllabized'] == true >> [img["assets/images/illu/14_illu_silben.jpg"]] <<else>> [img["assets/images/illu/14_illu.jpg"]] <</if>> </div> <div class="lk-content__audioplayer"> <<TextAudio "14_text" >> </div> </div> </div>
<<set _footerButtonLink to "none">> <<set $previousPassage to "Das-Hündchen-ist-weg">> <<set $currentPassage to passage()>> <<set $nextPassage to "">> <<set $nextPassageMode to "link">> <<set _nextPassage to "Freunde-für-immer">> <<if $settings['easyMode']>> <<set _quiz to { questions: [ { title: 'Weshalb konnte Appelkopp nicht schlafen?', choices: [ { title: 'Er hatte Hunger.', }, { title: 'Er war wütend.', }, { title: 'Er war krank.', }, ], }, { title: 'Wie nannte Spitzhut sein Hündchen?', choices: [ { title: 'Schnippelchen', }, { title: 'Schnuppilein', }, { title: 'Schnuppelchen', }, ], }, { title: 'Wer weiß, wie man Freunde gewinnt?', choices: [ { title: 'Appelkopp', }, { title: 'Spitzhut', }, { title: 'keiner von beiden', }, ], }, ], chosen: [-1, -1, -1,], correct: [1, 2, 2,], }>> <<else>> <<set _quiz to { questions: [ { title: 'Weshalb konnte Appelkopp nicht schlafen?', choices: [ { title: 'Er hatte Hunger.', }, { title: 'Er war wütend.', }, { title: 'Er war krank.', }, ], }, { title: 'Wie nannte Spitzhut sein Hündchen?', choices: [ { title: 'Schnappischnickel-<br>putzelchen', }, { title: 'Schnuppelschnackel-<br>pitzelchen', }, { title: 'Schnuppischnuckel-<br>putzelchen', }, ], }, { title: 'Wer weiß, wie man Freunde gewinnt?', choices: [ { title: 'Appelkopp', }, { title: 'Spitzhut', }, { title: 'keiner von beiden', }, ], }, ], chosen: [-1, -1, -1,], correct: [1, 2, 2,], }>> <</if>> <div class="lk-grid__content"> <div class="lk-content lk-content__quiz"> <div class="lk-quiz__headline"> <span class="lk-quiz__headlinetitle">Quiz</span> </div> <<Quiz _quiz>> </div> </div>
<<set _footerButtonLink to "none">> <<set $previousPassage to "Quiz">> <<set $currentPassage to passage()>> <<set $nextPassage to "von-vorne-beginnen">> <<set $nextPassageMode to "restart">> <div class="lk-grid__content"> <div class="lk-content"> <iframe class="lk-iframe" src="/games/puzzle/16_puzzle.php" scrolling="no"></iframe> </div> </div>
<<set _footerButtonLink to "none">> <<set $page to "">> <<set $previousPassage to "Freunde-fürs-Leben">> <<set $currentPassage to passage()>> <<set $nextPassage to "Eines-Tages">> <<set $nextPassageMode to "link">> <div class="lk-grid__content"> <div class="lk-content lk-content--text"> <div class="lk-content__text lk-syllabizable "> <<if $settings['easyMode']>> <p>Ein klei|ner Tipp:</p> <p>In den Ein|stel|lun|gen (im Menü) kannst du auf Sil|ben und ein|fa|chen Text um|stel|len:</p> <<else>> <p>Ein klei|ner Tipp be|vor es los|geht:</p> <p>In den Ein|stel|lun|gen (die fin|dest du im Menü) kannst du auf Sil|ben|schrift und ein|fa|chen Text um|stel|len:</p> <</if>> [img["assets/images/quicktipp_img.png"]] <div class="lk-togglewrapper--pagesilben"> <<Toggle "syllabized">> <<Toggle "easyMode">> <p>Jetzt a|ber viel Spaß!</p> </div> </div> </div> </div>
<<set _footerButtonLink to "none">> <<set $page to "">> <<set $previousPassage to "none">> <<set $currentPassage to passage()>> <<set $nextPassage to "none">> <<set $nextPassageMode to "link">> <div class="lk-grid__content"> <div class="lk-scalable__font"> Willst du wieder zum Anfang der Geschichte gehen? <ul class="buttons"> <li> <<button "ja" "Freunde-fürs-Leben">> <<script>> $("#ui-dialog-close").click(); <</script>> <</button>> </li> <li> <<button "nein">> <<script>> $("#ui-dialog-close").click(); <</script>> <</button>> </li> </ul> </div> </div>