Upit | Learn about creating the game Monkey's Leap with gen AI

var Banana = Container.expand(function () {
	var self = Container.call(this);
	var bananaGraphics = self.createAsset('banana', 'Banana Graphics', .5, .5);
});
var TopBranch = Container.expand(function () {
	var self = Container.call(this);
	var topBranchGraphics = self.createAsset('topBranch', 'Top Branch Graphics', 0, .5);
	self.x = 0;
	self.y = 0;
	self.width = 2048;
	self.move = function () {};
	self.update = function () {};
});
var Branch = Container.expand(function () {
	var self = Container.call(this);
	var branchGraphics = self.createAsset('branch', 'Branch Graphics', .5, .5);
	self.move = function () {};
	self.update = function () {};
});
var Bird = Container.expand(function () {
	var self = Container.call(this);
	var birdGraphics = self.createAsset('bird', 'Bird Graphics', .5, .5);
	self.direction = Math.random() < 0.5 ? -1 : 1;
	self.originalX = self.direction === 1 ? 0 : 2048;
	self.move = function () {};
	self.update = function () {
		self.x += self.direction * 7;
		if (self.direction === -1) {
			birdGraphics.scale.x = -1;
		} else {
			birdGraphics.scale.x = 1;
		}
		if (self.x < 0 || self.x > 2048) {
			self.x = self.originalX;
		}
		self.y = Math.max(50, Math.min(2732 - 50 - self.height, self.y + Math.random() * 10 - 5));
	};
});
var Monkey = Container.expand(function () {
	var self = Container.call(this);
	var monkeyGraphics = self.createAsset('monkey', 'Monkey Graphics', .5, .5);
	self.vx = 0;
	self.vy = 0;
	self.gravity = 0.5;
	self.jumping = false;
	self.jump = function (target, branches) {
		if (target && !self.jumping) {
			self.jumping = true;
			var dx = target.x - self.x;
			var dy = target.y - self.y;
			if (dy > 0) return;
			var distance = Math.sqrt(dx * dx + dy * dy);
			self.vx = dx / distance * 25;
			self.vy = dy / distance * 25;
			self.jumpingFrom = branches;
		}
	};
	self.update = function () {
		self.x = Math.max(0, Math.min(2048 - self.width, self.x + self.vx));
		if (self.vx > 0) {
			monkeyGraphics.scale.x = -1;
		} else if (self.vx < 0) {
			monkeyGraphics.scale.x = 1;
		}
		self.y += self.vy;
		self.vy += self.gravity;
		if (self.vy > 0) {
			self.jumpingFrom = [];
		}
		if (self.y > 2732 - self.height) {
			self.y = 2732 - self.height;
			self.vy = 0;
			self.vx = 0;
			self.jumping = false;
		}
	};
});
var Game = Container.expand(function () {
	var self = Container.call(this);
	var introPopup = new Text2('Welcome to Monkey Climb!\nClick on branches to climb.\nAvoid the birds!', {
		size: 100,
		fill: '#ffffff'
	});
	introPopup.anchor.set(.5, .5);
	introPopup.x = 1024;
	introPopup.y = 1366;
	self.addChildAt(introPopup, self.children.length);
	LK.setTimeout(function () {
		introPopup.destroy();
	}, 5000);
	self.setupLevel = function () {
		for (var i = 0; i < branches.length; i++) {
			branches[i].destroy();
		}
		branches = [];
		for (var i = 0; i < 15; i++) {
			var newBranch = new Branch();
			newBranch.x = Math.random() * 2048;
			newBranch.y = i * (2732 / 15);
			branches.push(newBranch);
			self.addChild(newBranch);
		}
		for (var i = 0; i < birds.length; i++) {
			birds[i].destroy();
		}
		birds = [];
		for (var i = 0; i < 2 + level; i++) {
			var newBird = new Bird();
			newBird.x = Math.random() * 2048;
			newBird.y = i * (2732 / (2 + level));
			birds.push(newBird);
			self.addChild(newBird);
		}
		for (var i = 0; i < 5; i++) {
			var newBanana = new Banana();
			newBanana.x = Math.random() * 2048;
			newBanana.y = Math.random() * 2732;
			self.addChild(newBanana);
		}
		branches.sort(function (a, b) {
			return a.y - b.y;
		});
		self.topBranch = new TopBranch();
		self.topBranch.y = self.topBranch.height / 2;
		self.addChild(self.topBranch);
		branches[0] = self.topBranch;
	};
	var branches = [];
	var birds = [];
	var level = 1;
	self.setupLevel();
	var levelTxt = new Text2('Level: ' + level, {
		size: 150,
		fill: '#ffffff'
	});
	levelTxt.anchor.set(.5, 0);
	LK.gui.topCenter.addChild(levelTxt);
	var monkey = self.addChild(new Monkey());
	monkey.x = 1024;
	monkey.y = 2732 - monkey.height;
	LK.on('tick', function () {
		monkey.update();
		for (var i = 0; i < branches.length; i++) {
			branches[i].update();
			if (branches[i].y > 2732) {
				branches[i].destroy();
				branches.splice(i, 1);
				i--;
			}
		}
		for (var i = 0; i < birds.length; i++) {
			birds[i].update();
		}
		for (var i = 0; i < branches.length; i++) {
			if (!monkey.jumpingFrom.includes(branches[i]) && monkey.intersects(branches[i])) {
				monkey.vx = 0;
				monkey.vy = 0;
				monkey.jumping = false;
			}
		}
		if (monkey.intersects(self.topBranch)) {
			monkey.x = 1024;
			monkey.y = 2732 - monkey.height;
			level++;
			levelTxt.setText('Level: ' + level);
			self.setupLevel();
		}
		for (var i = 0; i < birds.length; i++) {
			if (monkey.intersects(birds[i])) {
				LK.showGameOver();
			}
			birds[i].update();
		}
	});
	stage.on('down', function (obj) {
		var pos = obj.event.getLocalPosition(self);
		var intersectedBranches = [];
		for (var i = 0; i < branches.length; i++) {
			if (monkey.intersects(branches[i])) {
				intersectedBranches.push(branches[i]);
			}
		}
		monkey.jump({
			x: pos.x,
			y: pos.y
		}, intersectedBranches);
	});
});
Creation History

Images

Most played remixes
