Share your repls and programming experiences

← Back to all posts
🐔 Crossy Road in ThreeJS 🚙🎮
h
RayhanADev

It's Crossy Road!

I was cleaning up my computer when I found this old thing. The beautiful treasures you can find in my /VSCodeProjects folder xD.

Anyways, the name says it all this is a project I made a while back when learning ThreeJS for my Digital Graphics and Animation class. It is a mildly scuffed Crossy Road clone with pretty amazing graphics.

Play it Fullscreen:

https://crossyroadjs.rayhanadev.repl.co/

Leave me any feedback, but be aware I might be working on other things so it won't roll out fast :)

Voters
SilentFoxy78
SelenaYang1
RobertThompson4
ANDREWVOSS
BCP
IGamer123
EitanGJ
OldWizard209
itzMaddieDog
angrydoge
Comments
hotnewtop
IOP3

me after playing this. 🤯 You are so godly at making games. I can't even make a thing move.


Screenshot


Suggestion

Probably add some coins in the game and if you reach a certain amount, you can buy a new skin. :D

RayhanADev

@IcynHackz maybe xD I didn't think this would be so popular you know. It was busy work to get us interested in 3js

IOP3

wow @RayhanADev. You replied so fast XD.
this is unrelated. Where did you learn the skills to build these type of games? Like the shooter game you made for the jam, this game, the bubble one, pumpkin game, etc.

RayhanADev

@IcynHackz well I'm in my school's computer science class
it's fun but no one mentioned the rigor of the class itself! We learn sooo much in so little time and have to apply them really fast.
I also happen to be one of the "star students" (I'm not a teacher's pet I swear! xD) so my teacher keeps doling me EVEN more to do, so that's how I end up like this.
I took the class because I wanted to make game graphics :P

IOP3

well ur lucky @RayhanADev. I read w3schools and learned python myself. But I just don't get js. Well...I kinda get it, but I don't get how to make a game out of js.

Also I did have a python teacher, but that class ended in 1 month and each week I had only one class so I didn't learn much from it. I never had a js teacher. D:

Edit: So know I'm attempting to do js by trying random stuff while reading w3schools's javascript tutorial.

RayhanADev

@IcynHackz :O
well that's a rip!
tbh I've heard that a lot of people find learning JS harder after learning Python, but learning Python is easier after learning JS. If you put in lots of effort and really want to learn JS, you'll get it for sure tho :D!

IOP3

thanks for all the encouragement @RayhanADev! I'll try! :D

WilliamXing

My CS sucks. We learned super little python. Since the beginning of the year, we have learned(in Python), print statement, variables, conditions. So [email protected]

ryanbrwr

I got to 25 only lol :)

RayhanADev

@ryanbrwr lol still nice!

RayhanADev

What was your highscore :D
Comment Below!

Brendan23
RayhanADev

@Brendan23 awesome!

JWZ6

@RayhanADev Mine is 15 lol great job :)

RayhanADev

@JWZ6 thank you :)

JWZ6
chillcafe
RayhanADev
tchian316

@RayhanADev 60 (Also, That is a great game)

RayhanADev

@tchian316 thank you! :D

Rithik1535
RayhanADev
tchian316
RayhanADev
CookieSnowOwl

i got to 400 something [email protected]

PurpleSus1002

@RayhanADev 666 my Mac fan went GE9X mode

ch1ck3n
RayhanADev

@PurpleSus1002 hahaha nice!

JULIODIAZ1

chuckles when there was no wifi this is all me and my sister WOULD play so.. I knew all that hard work would pay off i got.....Like for part 2 @RayhanADev

JULIODIAZ1

SIKE I LIED i got 87 :P @JULIODIAZ1

Th3Coder

AMAZING!!!

How???

RayhanADev

@Th3Coder magic and js :)

Th3Coder

@RayhanADev okay, I'll head to Hogwarts when the, you know, is over!

RayhanADev

@Th3Coder tehehehe awesome :)

SudhanshuMishra

@Th3Coder ## The power of THREE.JS

[deleted]

Stupid Traffic

[deleted]

Nice graphics @RayhanADev

RayhanADev

@LOLguy1123455 thank uwu

[deleted]

The road is a cruel place for a jumping block children

RayhanADev
FallenAngel6

IGamer123

Pog Best Code I have seen this month! 👍🏼 🙌🏼

Whippingdot

WOAH the eternal ABYS

RayhanADev

@Whippingdot oh shiz what happen there??????

Whippingdot

no it loads when you go closer lul @RayhanADev

FallenAngel6

COOL

RayhanADev
proryan


My highscore

PurpleSus1002

YAY ARROW KEYS WORK @RayhanADev ++

noway15

My high score so far


yeah, it's not the best, but it'll do

noway15

UPDOOT

proryan

So good

JULIODIAZ1

a car hit me not directly and i think the game dosent know what to do

maxina

Awesome! How long have you been coding? The game looks amazing!

RayhanADev

@maxina thank you! I've known how to write code since I was 7-ish (Khan Academy lol!) but I only started really getting into coding last year when I started CS.

ch1ck3n

This is the best remake remaked from crossy road

RayhanADev
PurpleSus1002

Suggestion: Maybe Allow Player To Use Arrow Keys? @RayhanADev

RayhanADev

@PurpleSus1002 yeah good idea... I'll try :D

CookieSnowOwl

I only got to 501 lol

CookieSnowOwl

um the image didn't load?

@MatthewHou

RayhanADev

@MatthewHou dude nice xD!

BananaJellyfish

this is awesome

RayhanADev
tussiez

Awesome job! However, it is incredibly slow. Are you using the same geometry for all the trees/background objects? You might want to improve performance by combining static objects into one big one - see documentation

RayhanADev

@tussiez hmm, i'll look into it :D
but it does seem to run fine on my ipad :/

tussiez

@RayhanADev Hmmm, I am actually surprised at how powerful Apple's mobile devices are, even running (my laggy) SortaCraft better than my desktop!

https://threejsfundamentals.org/threejs/lessons/threejs-optimize-lots-of-objects.html

RayhanADev

@tussiez right? soooo weird!
and ooh, i'll get started reading that after the final bug watch on my jam submission ;D

tussiez

@RayhanADev Yeah, I think it's because Apple's mobile chips are insanely efficient.
;D

G0RG3

108 is my high score!

RayhanADev

@YashasShah owo nice! Definitely one of the best so far :D

PLOOBOOBL

*score

PLOOBOOBL

add the duck skin, also i got 173 for my socre

RayhanADev

@PLOOBOOBL Nice! And I'll try :D

Rishan001

It’s legit, but it’s hard to play on iPad

RayhanADev

@Rishan001 yay, and aww really? I added buttons in the bottom left for mobile

chillcafe

WHATAAT?!?!!!! HOW THIS IS SO REAL!!?!

RayhanADev

@chillcafe ThreeJS, it makes 3d objects so I can make it look like actual crossy road!

Whippingdot

Don't lie Rayhan, you gud but not this gud. Actually, did you copy this off of something? This is too dope to be true.

EDIT: Sorry if you didn't understand but THIS WAS SUPPOSED TO BE A COMPLIMENT

CoderBroDev

@Whippingdot It is a great project and by the way, have you seen your own cringey work. Compared to that, this is way better. Commendable performance @RayhanADev

Whippingdot

bruh y u dissing me. i didn't say anything mean. That was meant to be a compliment. 🤦‍♂️🤦‍♂️ Don't you understand anything? @CoderBroDev

RayhanADev

@Whippingdot @CoderBroDev relax and thank you both xD
@Whippingdot I actually have used ThreeJS before scroll to my older (very old xD) posts like the Earth and stuff :P

Whippingdot

bruh u a god at 3js @RayhanADev

RayhanADev

@Whippingdot no we just had to learn it for school :P

Whippingdot

in my school they teach me HTML xD @RayhanADev

EDIT: + i already know html so i flex by giving links to the websites I made lul