Inleiding tot legpuzzels met Kwik

• Mei 19, 2024

Het maken van puzzelspellen met Kwik is eenvoudig en vereist geen codering. Je gebruikt de Drag-functie en magnetische "hete gebieden" om de puzzel te maken.

Als je eenmaal hebt besloten welke afbeelding je als puzzelafbeelding wilt gebruiken, moet je deze in afzonderlijke puzzelstukjes verdelen. De eenvoudigste manier is om rechthoekige vormen te gebruiken. U kunt echter ook de traditionele puzzelstukvormen gebruiken. Het maken van puzzelstukvormen kunt u meestal het beste doen met een Photoshop^R plug-in zoals AV Bros. Puzzle Pro. Zoals je in het voorbeeld kunt zien, heb ik het CoffeBreakBlog-logo in twee rechthoeken verdeeld.

Voor elk puzzelstuk heb je twee vormen nodig. Natuurlijk wil je het puzzelstuk zelf, maar je hebt ook een passend stuk nodig dat overeenkomt met het puzzelstuk. Dit is meestal een rechthoek met een effen kleur. Voor het voorbeeld heeft het bovenste puzzelstuk de naam "dragpz1p1" en het bijbehorende stuk voor de tijdelijke aanduiding "kwkpzbase1". Je kunt je eigen namen gebruiken voor deze stukken.

Je plaatst eerst de placeholder-stukken op het scherm op de juiste plaatsen om de puzzel te voltooien. Zoals u in het voorbeeld kunt zien, worden de twee plaatsaanduidingsstukken in het midden geplaatst en geven de rode pijlen aan waar de puzzelstukjes over de bovenkant van de plaatsaanduidingsstukken worden geplaatst. Elk stuk voor tijdelijke aanduiding wordt een "hete zone" voor het bijbehorende puzzelstuk.

Je gebruikt Kwik om elk puzzelstuk te associëren met het bijbehorende stuk voor tijdelijke aanduiding. Bekijk het Drag-dialoogvenster. We hebben de naam van het puzzelstuk dragpz1p1 bovenaan de doos. Door het vak naar het gedeelte Drag area te verplaatsen, hebben we de naam van het stuk met kwkpzbase1 placeholder. Voor de optie Active Boundaries hebben we Kwik gezegd het hete gebied 50 pixels voorbij de werkelijke tijdelijke aanduiding te vergroten. Dit maakt het voor kleine vingers gemakkelijker om de puzzelstukjes te plaatsen, omdat ze het niet precies over de bijbehorende tijdelijke aanduiding moeten krijgen.

Vervolgens hebben we de optie Vergrendelen bij positionering. Waarschijnlijk wilt u deze optie gebruiken zodat het puzzelstuk niet meer kan worden verplaatst als het eenmaal in de juiste positie is geplaatst.

In de optie Triggeractie laten we Kwik weten een klikgeluid af te spelen. Elke keer dat een puzzelstuk correct is geplaatst, hoort de speler dit geluid.

Wanneer het spel begint, plaatst Kwik de puzzelstukjes automatisch op het scherm in willekeurige posities. Omdat de posities willekeurig zijn, worden de puzzelstukjes in verschillende posities geplaatst telkens wanneer het spel wordt gespeeld.

Als je een uitdaging wilt, kun je Kwik ook instellen om te tellen hoeveel puzzelstukjes op de juiste positie zijn geplaatst en een "Game Over" of "Well Done!" bericht wordt weergegeven als alle stukken correct zijn geplaatst.


Je kunt een werkend voorbeeld van een puzzel bekijken in mijn boek-app
T'was The Night Before Christmas - Een interactieve klassieker.
Het is gratis in de app store.

//www.avbros.com/puzzlepro/

//www.kwiksher.com/tutorials-kwik/magnetic-drop/

Copyright 2018 Adobe Systems Incorporated. Alle rechten voorbehouden. Schermafbeeldingen van Adobe-producten herdrukt met toestemming van Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst en Flash Paper is / zijn ofwel [a] geregistreerde handelsmerken [s] of een handelsmerk [s] van Adobe Systems Incorporated in de Verenigde Staten en / of andere landen.
Kwik-product, het Kwik-logo en Kwiksher zijn eigenschappen van Kwiksher.com - Copyright 2011. Schermafbeeldingen gebruikt met toestemming.

Deze tutorials zijn voor de oudere versie van Kwik 2 en bieden mogelijk niet veel hulp bij het gebruik van Kwik 3 en hoger. Gebruik het Kwik-forum als u problemen ondervindt.