:quality(85)/https://cdn.frvr.ai/6771c77ef22179f74e2f870d.png)
:quality(85)/https://cdn.upit.com/ikynalmd9a4n2chrpaewn544.png)
:quality(85)/https://cdn.frvr.ai/6771c7d2f22179f74e2f871b.png)
Creation History
User prompt
I need you to create 12 new assets named between App_1 to App_12
User prompt
actually, remove the reset functionality of the restart button, and instead when that button is pressed, trigger the Game Over condition
User prompt
the Restart button doesn't work as intended, as while the player is sent back to level 0 and maybe the game does reset, the buttons are no longer visible, the buttons should be reset to their original state as well
User prompt
remove the back button from level 12
User prompt
now, create a new asset named Restart and add it in Level 12 at the bottom of the screen. Level 12 will represent the Game Over screen which can be accesed from multiple levels, if the player fails. if that happens, the player will have the Restart asset acting as a button that restarts the game, by sending the player back to level 0 and resseting all the progress they have made
User prompt
create an asset for each of these extra levels, so for level10, level11 and level12 and use those as the custom background of that level
User prompt
create more levels, so there's actually 12 total levels. update the grid to contains all these 12 levels
Code edit (15 edits merged)
Please save this source code
User prompt
add a black outline to the tutorial text with a value of 3
Code edit (1 edits merged)
Please save this source code
User prompt
can you please modify the code structure for the 8 tutorial texts so they appear one under the other in the code so I can see each line on it's own individual line, rather than having them separated by coma on a single line
User prompt
the tutorial_text_box appears at the start of the game in level 0, that is a bug. after I enter a level and return to level 0 it's no longer there, it only appears when the game loads the first time
User prompt
Please fix the bug: 'Uncaught TypeError: Cannot set properties of undefined (setting 'y')' in or related to this line: 'tutorialTextBox.y = tutorialTextBoxStartPosition;' Line Number: 75
User prompt
the tutorial_text_box appears at the start of the game in level 0, that is a bug, it can't possibly be present in level 0, as it's only available in levels 1 to 8
User prompt
when players click the tutorial assets, they insatntly disappear instead of going to the outro animation. it needs to use the tween out outro animation, basically starting the naimation from the assets current position and sliding it to the out of the screen position, instead of instantly teleporting the animation to the out of the screen state
User prompt
clicking either the tutorial_face or the tutorial_text_box should immediatelly trigger the animation outro. it basically allows the player to skip the duration that the tutorials stays on the screen, closing it before the time it's supposed to stay on screen
User prompt
make the tutorial text color black
Code edit (3 edits merged)
Please save this source code
User prompt
move the tutorial text 100 pixels higher
User prompt
decrease the width of the hitbox for the text, so that if the text goes over 1000 pixels the text moves to the line under
User prompt
flip the text_box asset on it's x axis
User prompt
flip the text_box asset on it's x axis
Code edit (2 edits merged)
Please save this source code
User prompt
now, you're using a standardised test for each level, I need you to create an individual text field for each of the 8 levels, so that I can manually change their contents afterwards
Code edit (2 edits merged)
Please save this source code
/****
* Plugins
****/
var tween = LK.import("@upit/tween.v1");
/****
* Classes
****/
var BackButton = Container.expand(function () {
var self = Container.call(this);
var buttonGraphics = self.attachAsset('Button_Back', {
anchorX: 0.5,
anchorY: 0.5
});
self.down = function (x, y, obj) {
for (var i = 0; i < levels.length; i++) {
levels[i].visible = false;
if (i < levelButtons.length) {
levelButtons[i].visible = true;
}
}
levels[0].visible = true;
tween.stop(tutorialFace);
tween.stop(tutorialTextBox);
tutorialFace.y = tutorialFaceStartPosition;
tutorialTextBox.y = tutorialTextBoxStartPosition;
isAnimating = false;
};
});
var Button = Container.expand(function (levelNumber) {
var self = Container.call(this);
var buttonGraphics = self.attachAsset('button', {
anchorX: 0.5,
anchorY: 0.5
});
var buttonText = new Text2(levelNumber.toString(), {
size: 50,
fill: 0xFFFFFF
});
buttonText.anchor.set(0.5, 0.5);
self.addChild(buttonText);
self.down = function (x, y, obj) {
for (var i = 0; i < levels.length; i++) {
levels[i].visible = false;
if (i < levelButtons.length) {
levelButtons[i].visible = false;
}
}
levels[levelNumber].visible = true;
// Trigger tutorial animation if entering levels 1-8
if (levelNumber >= 1 && levelNumber <= 8) {
tween.stop(tutorialFace);
tween.stop(tutorialTextBox);
tutorialFace.y = tutorialFaceStartPosition;
tutorialTextBox.y = tutorialTextBoxStartPosition;
isAnimating = false;
levels[levelNumber]._animateTutorialAssets();
}
};
});
var Door = Container.expand(function (levelNumber) {
var self = Container.call(this);
var doorGraphics = self.attachAsset('Door_' + levelNumber, {
anchorX: 0.5,
anchorY: 0.5,
alpha: 0
});
self.down = function (x, y, obj) {
for (var i = 0; i < levels.length; i++) {
levels[i].visible = false;
}
var nextLevel = levels[self.levelToGo - 1];
nextLevel.visible = true;
if (nextLevel instanceof GameOverState) {
nextLevel.startTimer();
}
};
});
var GameOverState = Container.expand(function () {
var self = Container.call(this);
self.timer = null;
self.startTimer = function () {
self.timer = LK.setTimeout(function () {
LK.showGameOver();
}, 2000);
};
self.stopTimer = function () {
if (self.timer) {
LK.clearTimeout(self.timer);
self.timer = null;
}
};
// Attach the level 9 asset as the background of the game over state
var levelBackground = self.attachAsset('level9', {
anchorX: 0.5,
anchorY: 0.5,
width: 2048,
height: 2732,
x: 2048 / 2,
y: 2732 / 2
});
});
var Level = Container.expand(function (levelNumber) {
var self = Container.call(this);
// Attach the corresponding level asset as the background of the level
var levelBackground = self.attachAsset('level' + levelNumber, {
anchorX: 0.5,
anchorY: 0.5,
width: 2048,
height: 2732,
x: 2048 / 2,
y: 2732 / 2
});
if (levelNumber === 10) {
levelBackground = self.attachAsset('level10', {
anchorX: 0.5,
anchorY: 0.5,
width: 2048,
height: 2732,
x: 2048 / 2,
y: 2732 / 2
});
} else if (levelNumber === 11) {
levelBackground = self.attachAsset('level11', {
anchorX: 0.5,
anchorY: 0.5,
width: 2048,
height: 2732,
x: 2048 / 2,
y: 2732 / 2
});
} else if (levelNumber === 12) {
levelBackground = self.attachAsset('level12', {
anchorX: 0.5,
anchorY: 0.5,
width: 2048,
height: 2732,
x: 2048 / 2,
y: 2732 / 2
});
// Add Restart button
var restartButton = new Container();
var restartGraphics = restartButton.attachAsset('Restart', {
anchorX: 0.5,
anchorY: 0.5
});
restartButton.x = 2048 / 2;
restartButton.y = 2732 - 150; // Position at the bottom of the screen
restartButton.down = function (x, y, obj) {
LK.showGameOver(); // Trigger Game Over condition
};
self.addChild(restartButton);
}
if (levelNumber >= 1 && levelNumber <= 8) {
var _animateTutorialAssets = function animateTutorialAssets() {
if (isAnimating) {
return;
}
isAnimating = true;
tutorialFace.y = tutorialFaceStartPosition;
tutorialTextBox.y = tutorialTextBoxStartPosition;
// Intro animation for tutorialFace
tween(tutorialFace, {
y: tutorialFaceRestPosition // Resting position
}, {
duration: ANIMATION_DURATION,
easing: tween.easeInOut,
onFinish: function onFinish() {
// Rest position for 5 seconds
LK.setTimeout(function () {
// Outro animation for tutorialFace
tween(tutorialFace, {
y: tutorialFaceStartPosition // Starting position
}, {
duration: ANIMATION_DURATION,
easing: tween.easeInOut
});
}, REST_DURATION);
}
});
// Intro animation for tutorialTextBox
tween(tutorialTextBox, _defineProperty({
y: tutorialTextBoxRestPosition
}, "y", tutorialTextBoxStartY), {
duration: ANIMATION_DURATION,
easing: tween.easeInOut,
onFinish: function onFinish() {
// Rest position for 5 seconds
LK.setTimeout(function () {
// Outro animation for tutorialTextBox
tween(tutorialTextBox, _defineProperty({
y: tutorialTextBoxStartPosition
}, "y", tutorialTextBoxStartY), {
duration: ANIMATION_DURATION,
easing: tween.easeInOut
});
}, REST_DURATION);
}
});
};
var tutorialFace = self.attachAsset('Tutorial_Face', {
anchorX: 0.0,
anchorY: 1.0,
x: tutorialFaceStartX,
y: tutorialFaceStartPosition // Always below the screen
});
// Add event listener to tutorialFace to trigger animation outro on click
tutorialFace.down = function (x, y, obj) {
tween.stop(tutorialFace);
tween.stop(tutorialTextBox);
tween(tutorialFace, {
y: tutorialFaceStartPosition
}, {
duration: ANIMATION_DURATION,
easing: tween.easeInOut,
onFinish: function onFinish() {
isAnimating = false;
}
});
tween(tutorialTextBox, {
y: tutorialTextBoxStartPosition
}, {
duration: ANIMATION_DURATION,
easing: tween.easeInOut
});
};
var tutorialTextBox = new Container();
var tutorialTextBoxGraphics = tutorialTextBox.attachAsset('Tutorial_Text_Box', {
anchorX: 0.0,
anchorY: 1.0,
x: +600,
y: tutorialTextBoxStartY // Starting y position for tutorialTextBox
});
// Add event listener to tutorialTextBox to trigger animation outro on click
tutorialTextBoxGraphics.down = function (x, y, obj) {
tween.stop(tutorialFace);
tween.stop(tutorialTextBox);
tween(tutorialFace, {
y: tutorialFaceStartPosition
}, {
duration: ANIMATION_DURATION,
easing: tween.easeInOut,
onFinish: function onFinish() {
isAnimating = false;
}
});
tween(tutorialTextBox, {
y: tutorialTextBoxStartPosition
}, {
duration: ANIMATION_DURATION,
easing: tween.easeInOut
});
};
self.addChild(tutorialTextBox);
// Define animation duration
self._animateTutorialAssets = function () {
animateTutorialAsset(tutorialFace, tutorialFaceStartPosition, tutorialFaceRestPosition);
animateTutorialAsset(tutorialTextBox, tutorialTextBoxStartPosition, tutorialTextBoxRestPosition);
};
var tutorialTextContent = ["Your phone’s locked. Yeah, that was me. Don’t panic—you’ll get it back. I need to know if you’re as good as I think. Crack this simple lock.", "Alright, decent start. You’re curious—good. Who am I? Let’s just say I’m looking for someone with skills. To earn your next app, cut through the noise and find the clear signal. Let’s see if you’re up for it.", "You’ve got potential. But potential isn’t enough. This firewall is your next test. Every system has a weakness. Find it, exploit it, and keep moving. You’ve got more to prove.", "You’re getting closer. Each step isn’t just about unlocking apps—it’s about showing you can think deeper. This level’s all about layers. The answer is buried in the code. Strip it back and expose the truth.", "You’ve surprised me, but now it gets serious. The key here is invisibility. Work quietly, leave no trace, and recover what’s hidden. The only way forward is to stay unseen.", "You’ve come far, but this is where most fail. Overthinking is your enemy. The solution is always simpler than it seems. Patterns are everywhere—connect them to escape the maze.", "You’re almost there. This one’s different—it’s about perception. Forget the obvious, focus on what others overlook. The answer is in the patterns you don’t see at first glance. Prove you can think beyond the surface.", "This is the final puzzle. Everything you’ve learned leads here. No shortcuts, no mistakes. Break through this lock, and you’ll prove you’re ready. Show me you’re more than potential—you’re the real deal."];
var tutorialText = new Text2(tutorialTextContent[levelNumber - 1], {
size: 50,
fill: 0xFFFFFF,
wordWrap: true,
// Enable word wrap
wordWrapWidth: 1000,
// Set word wrap width to 1000 pixels
stroke: 0x000000,
// Add black outline
strokeThickness: 10 // Set outline thickness to 3
});
tutorialText.anchor.set(0.5, 0.5);
tutorialText.x = tutorialTextBox.width - 100;
tutorialText.y = tutorialTextBox.height - 250;
tutorialTextBox.addChild(tutorialText);
}
if (levelNumber == 1) {
var door1 = new Door(1);
var door2 = new Door(2);
door1.x = 2048 / 2 - 400;
door1.y = 2732 / 2 + 750;
door2.x = 2048 / 2 + 470;
door2.y = 2732 / 2 + 750;
self.addChild(door1);
self.addChild(door2);
var levelsToGo = [2, 9];
levelsToGo.sort(function () {
return 0.5 - Math.random();
});
door1.levelToGo = levelsToGo[0];
door2.levelToGo = levelsToGo[1];
}
self.isPassed = function () {
// Define the condition for the level to be considered as passed
// This is a placeholder, replace with the actual condition
return false;
};
self.update = function () {
// Update logic for the level
// Check if the level is passed
if (self.isPassed()) {
// Hide the current level
self.visible = false;
// Show the next level
var nextLevelIndex = levels.indexOf(self) + 1;
if (nextLevelIndex < levels.length) {
levels[nextLevelIndex].visible = true;
} else {
// If there are no more levels, the game is won
LK.showGameWon();
}
}
};
});
//<Assets used in the game will automatically appear here>
// Define the Level class
var Level_0 = Container.expand(function () {
var self = Container.call(this);
// Attach the corresponding level asset as the background of the level
var levelBackground = self.attachAsset('level0', {
anchorX: 0.5,
anchorY: 0.5,
width: 2048,
height: 2732,
x: 2048 / 2,
y: 2732 / 2
});
// Reset tutorial assets to starting positions
tutorialFace = self.attachAsset('Tutorial_Face', {
anchorX: 0.0,
anchorY: 1.0,
x: tutorialFaceStartX,
y: tutorialFaceStartPosition // Start below the screen
});
tutorialTextBox = new Container();
var tutorialTextBoxGraphics = tutorialTextBox.attachAsset('Tutorial_Text_Box', {
anchorX: 0.0,
anchorY: 1.0,
x: tutorialTextBoxStartX,
y: tutorialTextBoxStartPosition // Start below the screen
});
// Ensure tutorialTextBox is not visible at the start of level 0
tutorialTextBox.visible = false;
self.addChild(tutorialTextBox);
});
/****
* Initialize Game
****/
var game = new LK.Game({
backgroundColor: 0x000000 //Init game with black background
});
/****
* Game Code
****/
function _typeof(o) {
"@babel/helpers - typeof";
return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
return typeof o;
} : function (o) {
return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
}, _typeof(o);
}
function _defineProperty(e, r, t) {
return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
value: t,
enumerable: !0,
configurable: !0,
writable: !0
}) : e[r] = t, e;
}
function _toPropertyKey(t) {
var i = _toPrimitive(t, "string");
return "symbol" == _typeof(i) ? i : i + "";
}
function _toPrimitive(t, r) {
if ("object" != _typeof(t) || !t) {
return t;
}
var e = t[Symbol.toPrimitive];
if (void 0 !== e) {
var i = e.call(t, r || "default");
if ("object" != _typeof(i)) {
return i;
}
throw new TypeError("@@toPrimitive must return a primitive value.");
}
return ("string" === r ? String : Number)(t);
}
function animateTutorialAsset(asset, startPosition, restPosition) {
asset.y = startPosition; // Ensure it starts at the correct position
tween(asset, {
y: restPosition
}, {
duration: ANIMATION_DURATION,
easing: tween.easeInOut,
onFinish: function onFinish() {
LK.setTimeout(function () {
tween(asset, {
y: startPosition
}, {
duration: ANIMATION_DURATION,
easing: tween.easeInOut
});
}, REST_DURATION);
}
});
}
// Define global animation duration variables
var ANIMATION_DURATION = 1000;
var REST_DURATION = 7000; // Duration for how long the assets stay in the resting position
var tutorialTextBoxStartX = 0; // Starting x position for tutorialTextBox
// Change the height to 200 to make the button square
var tutorialFaceStartX = 0; // Starting x position for tutorialFace
var tutorialFaceStartPosition = 4200; // Below screen
var tutorialTextBoxStartPosition = 3000; // Below screen
var tutorialFaceRestPosition = 2900; // Resting position for tutorialFace
var tutorialTextBoxStartY = 1000; // Starting y position for tutorialTextBox
var tutorialTextBoxRestPosition = 800; // Resting position for tutorialTextBox
// Define tutorialFace and tutorialTextBox globally
var tutorialFace;
var tutorialTextBox;
var isAnimating = false;
var score = 0;
var level = 1;
var maxLevels = 12;
var hero = {
x: 0,
y: 0
}; // Define the hero object
var scoreTxt = new Text2('0', {
size: 150,
fill: 0xFFFFFF
});
scoreTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreTxt);
// Function to handle move events
function handleMove(x, y, obj) {
hero.x = x;
hero.y = y;
}
// Initialize the levels
var levels = [];
var level_0 = new Level_0();
levels.push(level_0);
game.addChild(level_0);
for (var i = 0; i < maxLevels; i++) {
var level;
if (i + 1 === 9) {
level = new GameOverState();
} else {
level = new Level(i + 1);
}
levels.push(level);
game.addChild(level);
}
// Hide all levels except the first one
for (var i = 1; i < levels.length; i++) {
levels[i].visible = false;
}
// Create the debug menu buttons
var levelButtons = [];
for (var i = 0; i < maxLevels; i++) {
// Only create buttons for levels 1 through 8
var buttonGap = 600; // Define a global variable for the gap between buttons
var button = new Button(i + 1);
button.x = 1024 + (i % 3 - 1) * buttonGap; // Use the global variable for the gap between buttons horizontally
button.y = 1366 - 200 + (Math.floor(i / 3) - 1) * buttonGap; // Use the global variable for the gap between buttons vertically
game.addChild(button);
levelButtons.push(button);
}
for (var i = 1; i < levels.length; i++) {
// Start from 1 to skip level 0
if (i !== 12) {
// Skip adding back button to level 12
var backButton = new BackButton();
backButton.x = 2048 / 2;
backButton.y = 2732 - 200;
levels[i].addChild(backButton);
}
}
// Set up event listeners
game.move = handleMove;
game.down = handleMove;
game.up = function (x, y, obj) {
// No action needed on up event
}; ===================================================================
--- original.js
+++ change.js
Images
:quality(85)/https://cdn.frvr.ai/6771dc74f22179f74e2f883c.png%3F3)
:quality(85)/https://cdn.frvr.ai/6771df65f22179f74e2f885f.png%3F3)
A hologram projection of a rebel secret agent bust, with a futuristic cyberpunk style. The agent is a confident woman in a rugged yet high-tech suit, adorned with subtle anarchist symbols and glowing blue accents. Her look conveys authority and high rank within an underground rebel group, with a determined and defiant expression as she gives hacking instructions to the player.. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
:quality(85)/https://cdn.frvr.ai/6772f0b9e3338a77404c1167.png%3F3)
A background for a game over screen, depicting a mobile phone UI with a depleted battery at 0%. The screen features bold red and yellow colors, creating a sense of urgency and tension. A large, flashing battery icon with a red '0%' and a warning triangle is prominently displayed. The UI includes glitch effects, cracks, or distortion to suggest the phone has been overcharged and malfunctioned. The background is filled with subtle warning messages and symbols in red and yellow tones, enhancing the dramatic and high-stakes atmosphere. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
:quality(85)/https://cdn.frvr.ai/6773042f288ad5cc8bf86b48.png%3F3)
A square app store icon with rounded edges, designed for a Contacts List app with a subtle futuristic touch. The icon features a clean human avatar face in the center, outlined with smooth lines and a soft glow. The avatar is wearing a minimalist headset, hinting at communication functionality. The background is a gradient of deep blue to teal, with faint light effects to suggest a modern and slightly futuristic aesthetic. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
:quality(85)/https://cdn.frvr.ai/6773086f60dc2e53ad4d421e.png%3F3)
A square app store icon with rounded edges, designed for an Encrypted Code File app. The icon features a clean and minimalistic file graphic in the center, with a padlock symbol overlaying it to indicate encryption. Subtle code lines or binary patterns are faintly visible on the file for a modern touch. The background is a gradient of dark blue to teal, with a soft glow around the edges, conveying security and advanced technology while keeping the design clean and professional.. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
:quality(85)/https://cdn.frvr.ai/677309ed60dc2e53ad4d4249.png%3F3)
A square app store icon with rounded edges, designed for a Calculator app. The icon features a sleek and minimalistic calculator graphic in the center, with clean, simple buttons and a glowing equals sign (=) to highlight its function. The background is a gradient of soft grey to blue, with a subtle hint of light effects to suggest a modern and slightly futuristic aesthetic, while maintaining a clean and professional design. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
:quality(85)/https://cdn.frvr.ai/67730b69e070b49077941b2d.png%3F3)
A square app store icon with rounded edges, designed for a Settings app. The icon features a simple gear symbol in the center, cleanly outlined with smooth lines. The background is a gradient of grey to dark blue, with a subtle glow around the gear, maintaining a modern and minimalistic aesthetic.. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
:quality(85)/https://cdn.frvr.ai/67730bfae070b49077941b44.png%3F3)
A square app store icon with rounded edges, designed for a Reboot Warning app. The icon features a circular arrow symbol in the center, paired with a small warning triangle to indicate urgency. The background is a gradient of red to orange, creating a sense of caution while keeping the design clean and modern.. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
:quality(85)/https://cdn.frvr.ai/67730c54e070b49077941b54.png%3F3)
A square app store icon with rounded edges, designed for a WIN screen app. The icon features a simple trophy or star symbol in the center, glowing softly to signify achievement. The background is a gradient of gold to yellow, giving the icon a celebratory yet minimalistic look. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
:quality(85)/https://cdn.frvr.ai/67730dcfe070b49077941b79.png%3F3)
A square app store icon with rounded edges, designed for a Picture File app. The icon features a basic landscape graphic in the center, showing a simple mountain and sun design. The background is a gradient of light green to blue, keeping the aesthetic clean and visually appealing. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
:quality(85)/https://cdn.frvr.ai/67730ef8e070b49077941b88.png%3F3)
A full-screen background depicting a corrupted device overtaken by a ransomware message. The screen is dominated by a bold, alarming warning message in red and white text, with phrases like 'Your device has been locked!' and 'Pay to unlock your files!' prominently displayed. The background is dark, with digital glitch effects, static noise, and distorted text adding to the sense of corruption. Subtly embedded within the chaotic design is a hidden encrypted code, integrated into the distortion or glitch patterns, making it challenging to notice at first glance. The overall aesthetic is tense, urgent, and visually striking, fitting the theme of a high-tech device under attack.. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
:quality(85)/https://cdn.frvr.ai/677314f6e070b49077941bd9.png%3F3)
A very simple and minimalistic white key symbol, designed with clean lines and no additional details. The key has a basic rectangular shaft with a small circular head and a single notch, all in a flat white design. The style is subtle and understated, focusing on simplicity and clarity.. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
:quality(85)/https://cdn.frvr.ai/67752b2553f80480359b082f.png%3F3)
Create an isometric 3D holographic cube resembling a Rubik's cube. The cube should display the top face and two adjacent side faces, each divided into a 3x3 grid of cells. Each cell must contain either a '1' or a '0' in a glowing cyan-blue monospace font, clearly visible on all three visible faces. A few specific cells across the cube should stand out with their binary digits ('1' or '0') highlighted in bright red. The entire cube should have a holographic look, with glowing gridlines separating the cells and a subtle flicker effect. Ensure the cube appears suspended in mid-air, projecting from a base below, with soft lighting and a sci-fi ambiance.. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
:quality(85)/https://cdn.frvr.ai/67752d2d53f80480359b0848.png%3F3)
:quality(85)/https://cdn.frvr.ai/677659a784c9dd79c2225b46.png%3F3)
A sleek game controller inspired by a PlayStation design, viewed from a front perspective. On the left side, there is a cluster of four directional arrow buttons arranged in a cross pattern. On the right side, four distinct circular buttons are arranged in a diamond shape, each with a unique symbol: a blue button with a simple 'X', a red button with a 'O', a green button with a triangle, and a pink button with a square. The controller itself is ergonomic, with a clean and modern design, featuring a matte black surface and subtle accents for a polished and professional gaming aesthetic.. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
:quality(85)/https://cdn.frvr.ai/67769d0584c9dd79c2225d0d.png%3F3)
A clean and minimalistic interface for a voice recorder app, featuring a 2x2 grid layout. Each grid square represents a recording file, displayed as large, distinct tiles. Each tile includes a simple circular play button in the center, with a subtle waveform icon or progress bar beneath it to represent the audio. The background is a soft gradient of light grey to white, ensuring clarity and focus on the files. The design is modern and functional, with smooth edges and a clean UI aesthetic for a professional and user-friendly experience.. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
:quality(85)/https://cdn.frvr.ai/6776a17b84c9dd79c2225d83.png%3F3)
A square app store icon with rounded edges, designed for a Cube Cracking app. The icon features an isometric Rubik's cube in the center, with one side glowing in simple neon blue lines, inspired by Tron, and the opposite side subtly tinted red, with minimal cracks to suggest corruption. The background is a clean gradient of dark grey to black, with a faint glow emanating from the cube's edges. The design remains sleek and minimal, focusing on the contrast between the orderly blue side and the corrupted red side. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
:quality(85)/https://cdn.frvr.ai/6776a7ad84c9dd79c2225e1a.png%3F3)
:quality(85)/https://cdn.frvr.ai/677acf8b2194494601af3c6b.png%3F3)
:quality(85)/https://cdn.frvr.ai/677ae47e2194494601af3d38.png%3F3)
A clean and minimalistic game interface for a Galaxian-inspired game, viewed flat and straight from the front as a mobile app UI. At the bottom of the screen is a sleek, centrally aligned starship designed to fire single projectiles upward. The background features a simple, dark space theme with scattered stars and soft gradients, maintaining a futuristic yet uncluttered aesthetic. At the top of the screen, coins are arranged in an 8-column by 4-row grid formation, resembling a classic bug-like pattern. Among these, four consecutive coins in the central row are replaced with glowing red digits '3,' '6,' '9,' and '8,' positioned prominently. These digits are larger, brighter, and pulse subtly, making them stand out distinctly from the neutral-colored coins while remaining seamlessly integrated into the grid. The clean layout highlights the digits' importance while keeping the overall design sleek and user-friendly. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
:quality(85)/https://cdn.frvr.ai/677ae75c2194494601af3d79.png%3F3)
A square app store icon with rounded edges, designed for a Galaxian-inspired game. The icon features the classic shape of a Galaxian enemy in the center, rendered with clean, sharp lines and a subtle glow around its edges. The background is a gradient of deep space blue to black, with faint stars scattered throughout, evoking the feel of a cosmic battlefield. The design is sleek and minimal, balancing nostalgia with a modern touch, making it instantly recognizable and visually appealing. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
:quality(85)/https://cdn.frvr.ai/677af8362194494601af3e71.png%3F3)
Design a clean and minimalistic landscape-oriented mobile phone interface inspired by Star Wars, adhering to user-friendly web design principles. The frame has a sleek, weathered industrial aesthetic with rounded edges and a muted metallic finish. The screen is completely empty, providing a clean and open space. At the bottom of the HUD, align four large buttons in a simple, straight row. Each button features a unique, bold shape: a triangle, a square, an X, and a star. The buttons are evenly spaced, brightly colored (e.g., red, green, blue, yellow), and have a subtle glow with smooth, tactile designs to make them visually distinct and user-friendly. The background incorporates faint industrial details, such as subtle panel lines or rivets, to reinforce the Star Wars aesthetic without overwhelming the design. The interface balances functionality and thematic style while maintaining a minimalist and intuitive layout focused on the aligned button array.. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
:quality(85)/https://cdn.frvr.ai/677bdc97bb899361e796677b.png%3F3)
:quality(85)/https://cdn.frvr.ai/677c2d35aeaf6a795a4c11c4.png%3F3)
futuristic button with the text saying "RESTART". drawn as a 2D user interface element. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
:quality(85)/https://cdn.frvr.ai/677cd75d0a3a54da47ca4fc4.png%3F3)
Grey-Tinted Tile: A minimalist and futuristic tile design for a Sudoku game, featuring a perfect square with a smooth, clean surface. The tile has a soft gradient, starting with a light grey center that transitions to a slightly darker grey near the edges, giving it depth and sophistication. A thin, faintly glowing silver-grey border surrounds the tile, adding a subtle futuristic touch while maintaining a sleek and clean appearance. The surface remains blank and ready for interaction.. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
:quality(85)/https://cdn.frvr.ai/677cde8e0a3a54da47ca5091.png%3F3)
Blue-Tinted Tile: A clean and sleek tile design, consisting of a perfect square with a soft blue surface. A barely noticeable, thin blue border defines the edges, maintaining a smooth and minimal aesthetic. The tile is blank and pristine, embodying futuristic simplicity. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
:quality(85)/https://cdn.frvr.ai/677ce0eb0a3a54da47ca50d5.png%3F3)
A square app store icon with rounded edges, featuring a sleek and minimalistic Sudoku-inspired design. The icon showcases a simplified 3x3 section of a Sudoku grid in the center, with clean, thin lines dividing the squares. The background features a gradient of soft gray and white, subtly transitioning to create depth and a polished look. Around the edges, a faint glow or highlight enhances the modern and futuristic aesthetic. The design remains clean and user-friendly, with light accents that give the grid a crisp, high-tech feel while maintaining a minimalist aesthetic.. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
:quality(85)/https://cdn.frvr.ai/677cf5cd0a3a54da47ca517a.png%3F3)
A clean mobile app interface designed to display photos from a user’s phone, with a retro aesthetic for the displayed image. The screen showcases a single black-and-white photo, styled to mimic a grainy 90s film capture. The photo shows a young man in his 30s, sitting in an office chair and looking surprised at the camera as if caught off guard. The office environment is cluttered with retro elements like a CRT monitor, stacks of papers, a desk lamp, and a vintage rotary phone. The monitor subtly displays binary code '1011,' hidden among other on-screen data. The photo frame has faint edges, resembling a classic film border, with subtle scratches and grain to enhance the retro feel. The app interface itself is minimal, with a back arrow at the top-left and a small menu icon at the top-right, keeping the focus on the photograph.. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
:quality(85)/https://cdn.frvr.ai/677cfada0a3a54da47ca51c4.png%3F3)
:quality(85)/https://cdn.frvr.ai/677d27b8e1264bdb8163d9a5.png%3F3)
Create a square app store icon with rounded corners, specifically designed for a 'Locked' application. Center the icon with a sleek and minimalist padlock symbol to clearly represent security and protection. Overlay the padlock on a subtle file or document graphic to signify locked or encrypted files. Incorporate faint lines of code or binary digits within the file graphic to add a modern, tech-savvy touch. Use a background gradient transitioning from deep crimson to dark burgundy, creating a sense of urgency and protection. Add a soft red glow around the icon's edges to emphasize security and advanced technology, ensuring the overall design remains clean, professional, and visually striking. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
:quality(85)/https://cdn.frvr.ai/677e20a7b44f14e9a630cbec.png%3F3)
:quality(85)/https://cdn.frvr.ai/677e2327b44f14e9a630cbf6.png%3F3)
:quality(85)/https://cdn.frvr.ai/677e25e7b44f14e9a630cc49.png%3F3)
:quality(85)/https://cdn.frvr.ai/677e274eb44f14e9a630cc5c.png%3F3)
A clean and functional browser UI displaying an illegal hacking website. The page uses a light, minimalist theme with a subtle grey and white color palette to mimic a legitimate site. The main content area features a grid layout of discreetly labeled icons, each representing hacking tools, scripts, or encrypted data for sale, blending in as if it were a professional tech page. In the top-left corner, a small visual cue, such as an encrypted symbol or a faintly styled link, hints at the site's true purpose without drawing too much attention. The interface is designed to look deceptively ordinary, with clean lines, clear fonts, and minimal decorative elements, giving the appearance of a legitimate web application while concealing its illicit nature. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
:quality(85)/https://cdn.frvr.ai/677eb28bc961dcc4c8a9908c.png%3F3)
Blue-Tinted Tile: A clean and sleek tile design, consisting of a perfect square with a soft blue surface. A barely noticeable, thin blue border defines the edges, maintaining a smooth and minimal aesthetic. The tile is blank and pristine, embodying futuristic simplicity.. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
:quality(85)/https://cdn.frvr.ai/677eb2d5c961dcc4c8a99097.png%3F3)
green-Tinted Tile: A clean and sleek tile design, consisting of a perfect square with a soft neon green surface. A barely noticeable, thin green border defines the edges, maintaining a smooth and minimal aesthetic. The tile is blank and pristine, embodying futuristic simplicity.. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
:quality(85)/https://cdn.frvr.ai/677edfd9c961dcc4c8a991b6.png%3F3)
Bug Tile: A clean and sleek square tile with a soft red surface, subtly tinted to evoke a futuristic aesthetic. A barely noticeable, thin red border defines the edges, giving it a polished and minimal appearance. Within the tile, faintly visible and almost imperceptible, is the outline of a bug seen from above, blending seamlessly with the red surface. The design maintains a pristine and subtle aesthetic, representing a hidden bug tile within a computer system. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
:quality(85)/https://cdn.frvr.ai/677ee29fc961dcc4c8a991ee.png%3F3)
Blue-Tinted Tile: A clean and sleek tile design, consisting of a perfect square with a soft blue surface. A barely noticeable, thin blue border defines the edges, maintaining a smooth and minimal aesthetic. The tile is blank and pristine, embodying futuristic simplicity.. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
:quality(85)/https://cdn.frvr.ai/677eebfc80f616e7be5eb5b9.png%3F3)
:quality(85)/https://cdn.frvr.ai/677ef26d80f616e7be5eb5ef.png%3F3)
A square app store icon with rounded edges, designed for a hacking game about connecting a line. The icon features a highly angular, pixelated snake-like line in bright green, built from sharp, connected shapes aligned perfectly within a square grid. The snake's angular, segmented design conveys the strategic and technological theme of the game. The background is a subtle dark gradient, transitioning from deep grey to black, with faint grid lines barely visible to suggest a digital environment. Scattered subtly in the background are tiny red dots, representing bugs, blending seamlessly into the design without overpowering the focus on the snake. The overall look is clean, modern, and sharp, embodying the futuristic and technical essence of the game.. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
:quality(85)/https://cdn.frvr.ai/677fef221cd079672b649e1d.png%3F3)
A minimalist UI website icon for a retro hacking app, representing a text-based file. The icon is a simple rectangular shape with a slightly folded corner at the top-right, rendered in a clean, pixel-art style. A few green binary digits ('0' and '1') are subtly displayed across the surface in a small, stylized font, blending seamlessly with the retro theme. The design is stripped down to essential elements, using a monochromatic palette with a soft green glow to evoke the feel of a classic hacking interface. The overall look is clean, minimalist, and perfectly aligned with a retro tech aesthetic.. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
:quality(85)/https://cdn.frvr.ai/6780bf78fd2a7e60b2e02a1f.png%3F3)
:quality(85)/https://cdn.frvr.ai/6780c06afd2a7e60b2e02a27.png%3F3)
:quality(85)/https://cdn.frvr.ai/6780c27ef0c45d4a8bcf0813.png%3F3)
A square folder icon with rounded edges, designed to represent a storage app for binary files. The folder graphic in the center is smooth and minimalistic, featuring faint, glowing neon accents in matrix green to suggest a post-apocalyptic and tech-savvy theme. Subtle rows of binary digits ('0' and '1') are faintly integrated into the folder's surface, blending seamlessly with the design. The background is a clean gradient transitioning from dark grey to soft teal, evoking a sense of advanced technology and digital precision. The overall appearance is sleek, professional, and minimalistic, making it suitable as a 2D game asset with a blank, high-contrast background and no shadows.
:quality(85)/https://cdn.frvr.ai/6781381f981a9c83b34b21d9.png%3F3)
:quality(85)/https://cdn.frvr.ai/6781382a981a9c83b34b21dd.png%3F3)
:quality(85)/https://cdn.frvr.ai/6781fcd071f390d7fa3c257a.png%3F3)
:quality(85)/https://cdn.frvr.ai/6782351beb41d818604335a9.png%3F3)
:quality(85)/https://cdn.frvr.ai/678256c7eb41d81860433797.png%3F3)
A POV perspective of a retro-futuristic handheld device, its screen glowing softly with greenish-blue digital patterns. The design features a blocky, cyberpunk aesthetic with subtle neon accents along the edges and small, glowing symbols etched into the surface. Chains around the device are mid-shatter, breaking into faintly glowing fragments that drift away, symbolizing its freedom. The screen flickers with faint digital animations, hinting at its restored functionality without being overly complex. The hand holding the device is faintly lit by the neon glow, with the background melting into a dim, urban cyberpunk haze, emphasizing the sleek yet gritty retro-futuristic vibe.. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
:quality(85)/https://cdn.frvr.ai/67836484f38b85a858285399.png%3F3)
A minimalist UI website icon for a retro hacking app, representing a WiFi connection. The icon features a simple pixel-art style signal symbol with three curved bars radiating outward in blue, evoking a classic WiFi logo. The bars are cleanly rendered with subtle gradients for depth, while a soft neon blue glow surrounds the design to emphasize the cyberpunk aesthetic. The background is dark and minimal, with a faint grid pattern barely visible, aligning with the retro-futuristic theme. The overall design is clean, functional, and perfectly suited for a retro hacking interface. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
:quality(85)/https://cdn.frvr.ai/67836651f38b85a8582853a8.png%3F3)
:quality(85)/https://cdn.frvr.ai/678367c3f38b85a8582853d3.png%3F3)
futuristic video game green long rectangle button with the text saying "RESTART". Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
:quality(85)/https://cdn.frvr.ai/67836925f38b85a858285419.png%3F3)
A green, elongated rectangular button designed for a video game UI, viewed straight from the front. The button has a muted neon green surface with a soft, subtle glow, giving it a retro-punk futuristic vibe without overwhelming brightness. The edges are slightly rounded, with a faint cyan outline that adds a touch of depth and complements the design. Centered on the button, the word 'RESTART' appears in a bold, pixel-art font with a faint white outline, ensuring it remains clear and readable. The background is simple and minimal, with a subtle grid texture lightly visible on the button's surface to maintain the retro-futuristic aesthetic without excess glare. The overall design is clean and balanced, perfect for an immersive gaming interface.. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
Sounds & Music
Most played remixes
:quality(85)/https://cdn.frvr.ai/6783b00d5dc9753bf67d3379.png)
