Share your repls and programming experiences

← Back to all posts
Egg Boundary - Slope style 3D game [WIREFRAME!]
tussiez

Egg Boundary!

The name means nothing lol
Anyways, Egg Boundary is the first 3D game I've ever written. The goal of the game is to avoid obstacles as long as you can, and get the highest score!

Update 1/6/2021

To help keep you from accidentally crashing into an obstacle at the end of a powerup's duration, there's now a 6 second timer that shows up and follows the object when a powerup is activated.

Also, I've finished implementing the wireframe mode!! Press "Super Wireframe" in the top right of the screen.

Update 1/5/2021

Due to popular demand, we now have a wireframe feature! Click the checkbox in the top right corner to toggle it.
Some other changes include:

  • Canvas now resizes when window resizes
  • Fixed "Try Again" button!
  • Fixed animation stutter on death
  • Toggle shininess
  • Antialias is on (reduces jagged edges)

How do I play?

You can use the arrow keys to move around. Alternatively, use W/A/S/D.
To jump, press Space.
You start slowly, and the more you press Up/W, the faster you go.
Keep in mind that your speed moving left and right is dependent on your speed! This makes the game harder.

Powerup

A purple rectangular prism reduces your size for a few seconds, making it easier to avoid obstacles!

Originally, this game was written last year, in January. The idea was to make a game similar to the hugely popular Slope, and for my skill level at that time, this was close enough.
Later on in 2020, I did a lot of code cleanup, bug fixes, improvements to movement, jumping, and animation, along with a redesign of the game "map". This made the game a bit more fun (and a lot more playable).

Note

Three.js has been updated a lot since I wrote this game, and so, unfortunately, there may be some bugs that shouldn't be there.
Written in JavaScript w/ Three.js
Enjoy!

I accidentally posted this in templates, so I moved it here.

Super Wireframe

Latest game:

The original:

High Scores

Myztiq is the first to win the game!


@AnshAgarwal1: Also completed
@JacobMcPherson1: 402.1
@daksheshdorala: 385
@Brendan23 355.8
@erger561 328.0
@codealt1: 286.4
@darkdarcool: 222.9
@tussiez: 207.2
@IntellectualGuy: 151

Voters
NO-10KP-705146
elburg
EitanGJ
SelenaYang1
Unclyscam123
maxina
ShadowWalker258
Pearsallm
21natzil
CyberHacker101
Comments
hotnewtop
[deleted]

So let me introduce all you guys my new score -

634 isn't a joke, it's more than just completing.
So here is how you can do that (only for Windows users doesn't work on Mac and Linux)

The first thing is that you should play the game on fullscreen (by F11 key)
Then you should finish the game
after that, u click the "Esc" key, and the score increases

tussiez

@CaptinNeo Dang
Hmm, yeah I’ve never been able to playtest the win screen (haven’t won XD), but yes, theoretically, the alert doesn’t actually stop the game, so pressing OK lets you keep moving.

Nice!

[deleted]

I just discovered I'm the 3rd person to complete the game @tussiez

tussiez
Myztiq

@CaptinNeo gg dude sucks that im on chromebook.

tussiez

@Myztiq Rip, I wrote this on chromebook IIRC

Myztiq
Coder100

poggers

tussiez
Coder100
Coder100

oh btw how do you win @tussiez

tussiez

@Coder100 Not really winning, just survive to score 500

Coder100

k thx @tussiez

tussiez
gwynethwingell

nice game👌👍 keep up the good work.

tussiez
gwynethwingell

@tussiez u r welcome

TheDragonCode

I mean it's not the best...

tussiez

@TheDragonCode Still pretty good!

TheDragonCode

Nice!!! Definitely deserves more likes!!! Looks like a game from the App Store!!! Keep it up!!!

tussiez

@TheDragonCode Glad to hear you like it! :)

KENNETHTRIPP

Cool!

tussiez
JBloves27

Whoa... this is beyond anything ive seen! Nice!

tussiez

@JBYT27 Thanks!

JBloves27

Np! Love your posts! @tussiez

foodandmoarfood

Very hard to beat sometimes
but good game!

tussiez
xXToluwaXx

LES pog OUT

AnshAgarwal1

POG

tussiez
AnshAgarwal1

@tussiez Well,I beat it pretty fast.

tussiez
AnshAgarwal1

@tussiez, you put the wrong dude

tussiez

@AnshAgarwal1 Lol woops

tussiez
AnshAgarwal1

@tussiez No problem

Myztiq

@AnshAgarwal1 what do ya mean bye wrong dude? of what

tussiez

@Myztiq I misspelled his account name

Myztiq

I WAS THE FIRST YESSSSSS

tussiez

@Myztiq

DUDE

NO WAY.

Myztiq

@tussiez why no way?

tussiez

@Myztiq I mean: "No way!!" as in I thought it would be impossible to finish :) You did it!! Good job

foodandmoarfood

@Myztiq you have the high score AND first to beat the game
insert medal

tussiez

@foodandmoarfood
@Myztiq We need to make a medal

Myztiq

@foodandmoarfood thanks i guess

Myztiq

@tussiez uh sure

Myztiq

@foodandmoarfood ah yes but when you think about it in order for me to be the first to beat the game i would have to have th highest score by default

foodandmoarfood

@Myztiq Har har very correct

tussiez
Myztiq

YESSSSSS I WAS TEH FIRST

tussiez

@Myztiq YAy!

Myztiq

@tussiez thanks for this great game imma make sure to keep on playing this is actually one of the most fun games ive played

tussiez

@Myztiq Thanks!

zplusfour

POG!
WOW THAT'S PRETTY AWESOME! :>

tussiez

@ZDev1 Thanks!!

zplusfour
Noahloader12

Im surpised you arent getting that much credit this is one of the best games keep up the good work :D :).

tussiez
Baconman321

Ur defying the laws of physics by in reverse but going forward wut?

tussiez

Yeah, my original code is.. strange @Baconman321

adsarebbbad

nice

tussiez
erger561

here is my score 328.0, now I should be 5th place on the high scores. here is proof:

pls tell me if the pic worked, pls add me to the high scores!

tussiez

@erger561 Sure!

Brendan23

@tussiez can you add this to the leaderboard?

tussiez
tussiez
Brendan23

@tussiez ok. awesome!

[deleted]


i see no difference

tussiez
[deleted]

@tussiez
The picture below the screenshot of Egg Boundary is Vib-Ribbon (a.k.a Vib Ribbon), and (excerpt from Wikipedia) "The graphics for Vib-Ribbon are simple, consisting of straight, white vector lines forming crude, angular drawings of the level and the player character, named Vibri.". Sometimes Vibri (picture below) is referred to as a "wireframe rabbit", or that's just me, and since the picture of Egg Boundary was in the Super Wireframe mode, I was making a reference.

(aforementioned picture)

tussiez
tussiez

@AJDevelopment Looked at the game, it's really cool!

[deleted]

@tussiez oh yeah here's a tip: don't scroll down too far when searching up vib-ribbon in google images, things get not family friendly and very cursed

tussiez

@AJDevelopment Lol, I just took a peek at a game walkthrough

[deleted]

@tussiez ok just giving you advice just in case you decide to do that

tussiez
Myztiq

(maybe its just that im uncultured) but why does EVERYONE on repl use the word pog so much? do yall even know what it means? it means "Play of the game" for your information just its overused.

tussiez

@Myztiq
Me neither. No idea

Myztiq

@tussiez uh just for your information i found two... ways of making the game extremely easy on of them is to cling to the left side as hard as you can. theres just about no obstacles on the side and the ones that are can almost always be jumped over. the second way is to mess with the visuals a bit so everything is very easy to see. by this i mean turn on super wireframe and then turn off the wireframe so its the solid blocks on the wireframe ground.
i was just alerting you to these in case you didnt know. you can fix them or dont (dont do anything to the last one its the only thing that dosent hurt my eyes lol)

tussiez

@Myztiq
1.Yes
2.Yes
3. Yes, I know lol

[deleted]

how did you come up with the name egg boundary

tussiez

@AJDevelopment
Egg = first thing I thought of

Boundary = Idk, I thought of this when thinking of Slope

[deleted]
JacobMcPherson1

EZ

JacobMcPherson1

@JacobMcPherson1 also why is my score slightly higher than the other completed scores

tussiez
JacobMcPherson1

@tussiez and if you spam the ok button you can make your score go up a little

IntellectualGuy

Yes I got 151

Myztiq

@tussiez not to whine or anything, this dosent really matter but other that the super wireframe, my setting dont stick after 1 death. well the boxs say they do but the actual image dosent.this dont matter i just like playing with super wireframe on and the wireframe off for the character and obsticals

tussiez

@Myztiq Yeah that’s weird
I also like Super Wireframe - I’m not super sure why the setting isn’t retained on reload, since it’s an argument in the URL (?basic)

darkdarcool

This is pog, but I think this goes on the leaderboard?


Think I did ok

tussiez

@darkdarcool Nice! I’ll add it later today

darkdarcool
Myztiq

@AnshAgarwal1 gg man on second place (not to sound toxic) great game right?

CyberHacker101

IM ONE EGGEY BOOOIIII

tussiez

@CyberHacker101 Eggey boii

CyberHacker101

lol my highest was 100.2 @tussiez

CyberHacker101

How in the world did you get up to 200? @tussiez

tussiez

@CyberHacker101 Still good!

tussiez
Myztiq

hint for everyone who plays this :listen to lo fi music while playing i find it helps alot

codealt1

ok put me on the leaderboard

tussiez

@codealt1 Nice score! Sure

codealt1

@tussiez ok thanks

I'll be the second to win :)))))

tussiez
Myztiq

@tussiez great job on this game man you should definatley take away some of those purple bricks theres ALOt of them. maybe add some other powerups or just thing that give points stuff like that

tussiez

@Myztiq Thanks for the feedback, I'll do it today!

Myztiq

@tussiez wow thats determination you really are a nice coder ill make sure to check it out!

tussiez

@Myztiq Thank you!! :D