Upit | Learn about creating the game A Journey through Time: A Zebra Puzzle Game with gen AI

Play

A Journey through Time: A Zebra Puzzle Game

Each time you play this game it has a different set of clues, and a different solution. The goal of this puzzle, is to find a solution where each element within a category is uniquely paired with an element from another category, satisfying all the given clues. Zebra Puzzles are often used as a benchmark for evaluating algorithms designed to solve constraint satisfaction problems.

#MusicalAdventure

#TimeTravel

#PuzzleGame

#HistoricalJourney

#RhythmGame

#ZebraPuzzle

#Puzzle

#EinsteinPuzzle

Creation History

User prompt

Make all images high definition

User prompt

Make all images high definition

User prompt

Make all images high definition

User prompt

Add fifth scene when fourth scene is clicked

User prompt

Make all images high definition

User prompt

Make all images high definition

User prompt

Add fourth scene when third is Clickes

User prompt

Make all images high definition

User prompt

When second scene is clicked add third scene

User prompt

Add story to second scene

User prompt

Make all images high definition

User prompt

Make second scene high definition

User prompt

Make second scene high definition

User prompt

Make second scene high definition

User prompt

Touch first scene to move to second scene

User prompt

Make all images high definition

User prompt

Make story high definition

User prompt

Make scene high definition

User prompt

Make first image high definition

User prompt

Make story high definition

User prompt

Move text down 20

User prompt

Spread the stars around further in top half of scene

User prompt

Create animation so stars sparkle ↪💡 Consider importing and using the following plugins: @upit/tween.v1

User prompt

Randomly scatter stars around top of scene

User prompt

Please fix the bug: 'tween.to is not a function' in or related to this line: 'tween.to(self, {' Line Number: 36 ↪💡 Consider importing and using the following plugins: @upit/tween.v1

/**** 
* Initialize Game
****/ 
var game = new LK.Game({
	backgroundColor: 0x000000
});

/**** 
* Game Code
****/ 
// Add the first scene background image, centered and covering the game area in high definition
var firstSceneBg = LK.getAsset('First', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 / 2,
	y: 2732 / 2,
	// Render at full native high definition resolution for sharpness
	width: 4096,
	height: 5464
});
game.addChild(firstSceneBg);
;
// Add the story image overlay at the bottom of the first scene in high definition
var storyOverlay = LK.getAsset('Story', {
	anchorX: 0.5,
	anchorY: 1,
	x: 2048 / 2,
	y: 2732,
	// Render at full native high definition resolution for sharpness
	width: 4096,
	height: 1600
});
game.addChild(storyOverlay);
;
// The assets are now initialized at higher resolution for high definition display.;
// Add narrative text over the story overlay at the bottom of the first scene
var narrativeText = new Text2("In the beginning, the world was silent.\nBut tonight, everything changes...", {
	size: 90,
	fill: 0x000000,
	align: "center",
	wordWrap: true,
	wordWrapWidth: 1800,
	fontWeight: "bold",
	font: "Times New Roman"
});
// Center the text horizontally, anchor at the middle-top of the text
narrativeText.anchor.set(0.5, 0);
// Position the text above the bottom edge, inside the story overlay
narrativeText.x = 2048 / 2;
narrativeText.y = 2732 - 800 + 80 + 50 + 20; // 80px padding from the top of the overlay, plus 50px down, plus 20px more
game.addChild(narrativeText);

===================================================================
--- original.js
+++ change.js
@@ -7,19 +7,17 @@
 
 /**** 
 * Game Code
 ****/ 
-// Add the first scene background image, centered and covering the game area
 // Add the first scene background image, centered and covering the game area in high definition
 var firstSceneBg = LK.getAsset('First', {
 	anchorX: 0.5,
 	anchorY: 0.5,
 	x: 2048 / 2,
 	y: 2732 / 2,
 	// Render at full native high definition resolution for sharpness
 	width: 4096,
-	// doubled for high definition
-	height: 5464 // doubled for high definition
+	height: 5464
 });
 game.addChild(firstSceneBg);
 ;
 // Add the story image overlay at the bottom of the first scene in high definition
@@ -28,10 +26,10 @@
 	anchorY: 1,
 	x: 2048 / 2,
 	y: 2732,
 	// Render at full native high definition resolution for sharpness
-	width: 2048,
-	height: 800
+	width: 4096,
+	height: 1600
 });
 game.addChild(storyOverlay);
 ;
 // The assets are now initialized at higher resolution for high definition display.;

Showing 526 to 550 of 575

1 ...17 18 19 20 21 22 23

Images

Make this scene more modern like in the present

A 4x5 grid in professor Layton game style.
In-Game asset. 2d. High contrast. No shadows

Saxophone in professor Layton game style.
In-Game asset. 2d. High contrast. No shadows

Harp in professor Layton game style.
In-Game asset. 2d. High contrast. No shadows

Drum in professor Layton game style.
In-Game asset. 2d. High contrast. No shadows

Flute in professor Layton game style.
In-Game asset. 2d. High contrast. No shadows

Question mark professor Layton game style.
In-Game asset. 2d. High contrast. No shadows

12yo blonde girl in professor Layton game style.
In-Game asset. 2d. High contrast. No shadows

Cute little10yo girl brown hair in professor Layton game style.
In-Game asset. 2d. High contrast. No shadows

Cute little 7yo girl with blonde curly hair. Professor Layton game style
In-Game asset. 2d. High contrast. No shadows

15 yo boy with short scruffy blonde hair professor Layton game style.
In-Game asset. 2d. High contrast. No shadows

18yo girl with short brown hair professor Layton game style.
In-Game asset. 2d. High contrast. No shadows

Cat in professor Layton game style.
In-Game asset. 2d. High contrast. No shadows

White dog with brown patch on eyes professor Layton game style.
In-Game asset. 2d. High contrast. No shadows

Turtle in professor Layton game style.
In-Game asset. 2d. High contrast. No shadows

Frog in professor Layton game style.
In-Game asset. 2d. High contrast. No shadows

Goldfish in professor Layton game style.
In-Game asset. 2d. High contrast. No shadows

Basketball ball professor Layton game style.
In-Game asset. 2d. High contrast. No shadows

Lego bricks professor Layton game style.
In-Game asset. 2d. High contrast. No shadows

Video game console professor Layton game style.
In-Game asset. 2d. High contrast. No shadows

Teddy bear professor Layton game style.
In-Game asset. 2d. High contrast. No shadows

These dolls in professor Layton game art style

Hot chips or fries in professor Layton game style artwork.
In-Game asset. 2d. High contrast. No shadows

Bowl of spaghetti in professor Layton game style artwork.
In-Game asset. 2d. High contrast. No shadows

Pizza in professor Layton game style artwork.
In-Game asset. 2d. High contrast. No shadows

Chocolate donut in professor Layton game style artwork.
In-Game asset. 2d. High contrast. No shadows

Ice cream cone in professor Layton game style artwork.
In-Game asset. 2d. High contrast. No shadows

The word "correct" in professor Layton game style.
In-Game asset. 2d. High contrast. No shadows

The word " incorrect" in professor Layton game style.
In-Game asset. 2d. High contrast. No shadows

Green tick in professor Layton gamestyle.
In-Game asset. 2d. High contrast. No shadows

Button with RETRY PUZZLE on it in professor Layton game style artwork
In-Game asset. 2d. High contrast. No shadows

Information symbol in professor Layton game style artwork.
In-Game asset. 2d. High contrast. No shadows

Number 1 button professor Layton game style artwork.
In-Game asset. 2d. High contrast. No shadows

How to play button in professor Layton game style font.
In-Game asset. 2d. High contrast. No shadows

Make robe hang lower so you can't see it's feet

Sounds & Music

🎵

Harp

Sound effect

Used plugins

@upit/tween@upit/storage