Skip to content
← Back to Community
The chrome trex game!
Profile icon
[deleted]

I re-made the Trex game!

Hey repl.it! I made the trex game using p5.js! I totally recommend it for animation! I'm going to add sound soon, so stay tuned for that! Love you guys! Peace. (oh and btw this is the part where i have really bad grammar on purpose to annoy you ppl so rate it out of ten in the comment section)

Voters
Profile icon
maxina
Profile icon
thisisnotfu
Profile icon
Jasperscode
Profile icon
tobycurrie1
Profile icon
BCP
Profile icon
TheRussianRuss1
Profile icon
InvisibleOne
Profile icon
arnavratna
Profile icon
TheOceanFace
Profile icon
DominicHuieWhit
Comments
hotnewtop
Profile icon
ch1ck3n
Profile icon
RayhanADev

@ch1cken cactus images weren’t cut properly because of lazy image editing xD.

Profile icon
[deleted]
Profile icon
GEISTCODER

yea that art got me too @ch1cken

Profile icon
9532228

I made another version about 10 months ago, a bit more gravity but really good job. https://T-rex.9532228.repl.co

Profile icon
RayhanADev

@9532228 jeez you have so many Repls but never post xD.

Profile icon
RayhanADev

@9532228 would love to see you around Repl Talk!

Profile icon
[deleted]

Thanks! @9532228

Profile icon
LTI2
Profile icon
RayhanADev

@LTI2 ikr! Very buggy because of the cactus images.

Profile icon
[deleted]

Sorry I’ll make the debug square smaller @LTI2

Profile icon
lightningrock
Profile icon
[deleted]

Its to set up all the p5.js files @lightningrock

Profile icon
lightningrock

i know, but the format?!
@HeadSucksAtLife

Profile icon
[deleted]
Profile icon
xxpertHacker

@lightningrock Finally, someone who cares about formatting too! Lol.
@HeadSucksAtLife
Btw, please defer the execution of any ECMAScript until after the DOM is done being parsed.

Profile icon
OldWizard209

This game is basically T-REX DINO GAME but, 0.5x speed

Profile icon
[deleted]

Thats wut its supposed to be lol @abdullahrajput9

Profile icon
OldWizard209

But 0.5 x kinda slow NGL @HeadSucksAtLife

Profile icon
[deleted]
Profile icon
[deleted]
Profile icon
[deleted]

y u do this to me [email protected]

Profile icon
peternielsen112

A little laggy but great

Profile icon
[deleted]
Profile icon
InvisibleOne
Profile icon
[deleted]

Lol thanks @InvisibleOne

Profile icon
InvisibleOne
Profile icon
AZ7
Profile icon
[deleted]
Profile icon
dudeactualdev

@HeadSucksAtLife How do u make ur PFP that?

Profile icon
[deleted]
Profile icon
GEISTCODER

It is better that the usual game. I mean the animation is good. I like it!

Profile icon
[deleted]

Thanks dude! I really appreciate it @GEISTCODER

Profile icon
GEISTCODER
Profile icon
Axrevyn

Can it be run offline, though?

Profile icon
[deleted]

@Axrevyn sadly, no

Profile icon
ch1ck3n

@HeadSucksAtLife make a webmanifest to let it run offline!

Profile icon
[deleted]

I was going way to fast so i just gave up

Profile icon
[deleted]
Profile icon
HarnamanKhaira

It's still cool tho!

Profile icon
[deleted]
Profile icon
HarnamanKhaira
Profile icon
HarnamanKhaira

What is the highest score? If there is one

Profile icon
elijahnik1

HAHA! I love it.

Profile icon
[deleted]

Thanks!! @elijahnik1

Profile icon
[deleted]

score 4793

Profile icon
[deleted]

wow, mad respect to you. @ConorTseng

Profile icon
Bookie0
Profile icon
[deleted]

Someone created that for me when I asked them to upload sounds @Bookie0

Profile icon
Bookie0

@HeadSucksAtLife ummm that isn't from the sounds file, it's from the p5.dom.in.js file..

Profile icon
[deleted]

No its for the sounds files which i haven't yet imported @Bookie0

Profile icon
Bookie0

@HeadSucksAtLife hummm you should cite ur sources then..

Profile icon
[deleted]

how do u even jump?

Profile icon
[deleted]

space key @ilovebeef

Profile icon
[deleted]

dude I'm an idiot @HeadSucksAtLife

Profile icon
[deleted]
Profile icon
[deleted]

im an idiot or not knowing [email protected]

Profile icon
[deleted]
Profile icon
RolandJLevy

Hey @HeadSucksAtLife, well done! Your game is great. I think it would be good if you centred the game in the middle of the screen. All you have to do is update the body in style.css, like this:

body { margin: 0; padding: 0; display: flex; align-items: center; flex-direction: column; justify-content: center; height: 100vh; }
Profile icon
[deleted]

Okay! tysm! @RolandJLevy

Profile icon
RolandJLevy
Profile icon
zplusfour

cool

Profile icon
[deleted]

Thanks! @ZDev1

Profile icon
zplusfour
Profile icon
zplusfour

pet the Lua

Profile icon
[deleted]

Yes indeed @ZDev1

Profile icon
zplusfour
Profile icon
gwynethwingell

nice

Profile icon
[deleted]
Profile icon
Coder100

Nice!

Profile icon
[deleted]
Profile icon
[deleted]

Great repl! But I dont really like the font. Looks too simple, just insert this into the CSS and you got an 8-bit font! Also its the same one used in the real dino game.

@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap'); body { font-family: 'Press Start 2P'; }
Profile icon
[deleted]

Okay, thank you!! @CarlosRosiles

Profile icon
[deleted]

Sadly, @CarlosRosiles it isn't working.

Profile icon
[deleted]

@HeadSucksAtLife oh. Worked for me. Maybe because I dont really see any normal HTML. Everything must be in the javascript files.

Profile icon
Coder100

for p5, its something like:

font = loadFont("https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap"); // ^^ put that in preload ^^ // VV use this VV textFont(font);

@HeadSucksAtLife

Profile icon
[deleted]
Profile icon
[deleted]

After I used that, the game got stuck at 'loading...'@Coder100

Profile icon
RayhanADev

Can’t you just do chrome://dino on any chrome browser??? Why make a Repl?

Profile icon
[deleted]

I was bored and wanted to increase my mind's capacity... @RayhanADev

Profile icon
realTronsi

@HeadSucksAtLife lol you need to fix these things to make it truly chrome dinosaur

  • ground moves faster than cactus
  • cant control jump height
  • only space bar works for jumping
  • no pterosaurs :(
  • no ducking

also yes pls fix the font it burns my eyes

Profile icon
[deleted]
Profile icon
DynamicSquid

Can't you just do:

<wifi="off"> <a href="google.ca">dino game</a>
Profile icon
[deleted]
Profile icon
Coder100

more like

<wifi off />

@DynamicSquid

Profile icon
xxpertHacker

@DynamicSquid Can't you just check the open source Chromium C++ files until you find the source and just take it?

(I may or may not have done this, and it may or may not currently be one of my Repls)

Profile icon
DynamicSquid