Skip to content
โ† Back to Community
๐Ÿ” Crossy Road in ThreeJS ๐Ÿš™๐ŸŽฎ
Profile icon
h
has Hacker Plan
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
Profile icon
Jpeg2017
Profile icon
Thumbdrive21
Profile icon
SilentFoxy78
Profile icon
SelenaYang1
Profile icon
RobertThompson4
Profile icon
ANDREWVOSS
Profile icon
BCP
Profile icon
IGamer123
Profile icon
EitanGJ
Profile icon
OldWizard209
Comments
hotnewtop
Profile icon
IOP3

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


Screenshot

Screenshot 2021-03-20 170150


Suggestion

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

Profile icon
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

Profile icon
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.

Profile icon
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

Profile icon
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.

Profile icon
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!

Profile icon
IOP3

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

Profile icon
CandySuperCool

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]

Profile icon
ryanbrwr

I got to 25 only lol :)

Profile icon
RayhanADev

@ryanbrwr lol still nice!

Profile icon
RayhanADev

What was your highscore :D
Comment Below!

Profile icon
Brendan23
Profile icon
RayhanADev

@Brendan23 awesome!

Profile icon
JWZ6

@RayhanADev Mine is 15 lol great job :)

Profile icon
RayhanADev

@JWZ6 thank you :)

Profile icon
JWZ6
Profile icon
chillcafe
Profile icon
RayhanADev
Profile icon
tchian316

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

Profile icon
RayhanADev

@tchian316 thank you! :D

Profile icon
Rithik1535
Profile icon
RayhanADev
Profile icon
tchian316
Profile icon
RayhanADev
Profile icon
CookieSnowOwl

i got to 400 something [email protected]

Profile icon
PurpleSus1002

@RayhanADev 666 my Mac fan went GE9X mode

Profile icon
ch1ck3n
Profile icon
RayhanADev

@PurpleSus1002 hahaha nice!

Profile icon
ahkid7674

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

Profile icon
ahkid7674

SIKE I LIED i got 87 :P @JULIODIAZ1

Profile icon
Th3Coder

AMAZING!!!

How???

Profile icon
RayhanADev

@Th3Coder magic and js :)

Profile icon
Th3Coder

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

Profile icon
RayhanADev

@Th3Coder tehehehe awesome :)

Profile icon
SleepySid

@Th3Coder ## The power of THREE.JS

Profile icon
[deleted]
Profile icon
[deleted]

Nice graphics @RayhanADev

Profile icon
RayhanADev

@LOLguy1123455 thank uwu

Profile icon
[deleted]

The road is a cruel place for a jumping block children
image

Profile icon
RayhanADev
Profile icon
FallenAngel6
Profile icon
IGamer123

Pog Best Code I have seen this month! ๐Ÿ‘๐Ÿผ ๐Ÿ™Œ๐Ÿผ

Profile icon
Whippingdot

WOAH the eternal ABYS
image

Profile icon
RayhanADev

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

Profile icon
Whippingdot

no it loads when you go closer lul @RayhanADev

Profile icon
FallenAngel6

COOL

Profile icon
RayhanADev
Profile icon
proryan
Profile icon
PurpleSus1002

YAY ARROW KEYS WORK @RayhanADev ++

Profile icon
noway15

My high score so far

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

Profile icon
noway15

UPDOOT

Profile icon
proryan

So good

Profile icon
ahkid7674

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

Profile icon
maxina

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

Profile icon
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.

Profile icon
ch1ck3n

This is the best remake remaked from crossy road

Profile icon
RayhanADev
Profile icon
PurpleSus1002

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

Profile icon
RayhanADev

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

Profile icon
CookieSnowOwl

I only got to 501 lol
This file cannot be displayed:

Profile icon
CookieSnowOwl

um the image didn't load?
image
@MatthewHou

Profile icon
RayhanADev

@MatthewHou dude nice xD!

Profile icon
BananaJellyfish

this is awesome

Profile icon
RayhanADev
Profile icon
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

Profile icon
RayhanADev

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

Profile icon
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

Profile icon
RayhanADev

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

Profile icon
tussiez

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

Profile icon
G0RG3

image108 is my high score!

Profile icon
RayhanADev

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

Profile icon
Bagamum

*score

Profile icon
Bagamum

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

Profile icon
RayhanADev

@PLOOBOOBL Nice! And I'll try :D

Profile icon
Rishan001

Itโ€™s legit, but itโ€™s hard to play on iPad

Profile icon
RayhanADev

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

Profile icon
chillcafe

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

Profile icon
RayhanADev

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

Profile icon
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

Profile icon
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

Profile icon
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

Profile icon
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

Profile icon
Whippingdot

bruh u a god at 3js @RayhanADev

Profile icon
RayhanADev

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

Profile icon
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