Skip to content
Sign upLog in
← Back to Community

🐔 Crossy Road in ThreeJS 🚙🎮

Profile icon
RayhanADevHacker

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
icodeletion

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
icodeletion

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
icodeletion

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
icodeletion

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

@RayhanADev
51!

Profile icon
RayhanADev

@Brendan23
awesome!

Profile icon
JWZ6

@RayhanADev
Mine is 15 lol great job :)

Profile icon
RayhanADev

@JWZ6
thank you :)

Profile icon
JWZ6

@RayhanADev
np

Profile icon
chillcafe

@RayhanADev
34!

Profile icon
RayhanADev

@chillcafe
nice!

Profile icon
tchian316

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

Profile icon
RayhanADev

@tchian316
thank you! :D

Profile icon
Rithik1535

@RayhanADev
72

Profile icon
RayhanADev

@Rithik1535
sweet!

Profile icon
tchian316

@tchian316

Screenshot 2021-03-19 11.33.38 AM

Profile icon
RayhanADev

@tchian316
nice!

Profile icon
CookieSnowOwl

i got to 400 something [email protected]

Profile icon
PurpleSus1002

@RayhanADev
666 my Mac fan went GE9X mode

Profile icon
ch1ck3n

@PurpleSus1002
lol

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]

Stupid Traffic
image

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

@LOLguy1123455
oooof

Profile icon
FallenAngel6

image

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

@FallenAngel6
thanks!

Profile icon
proryan

Screenshot 2021-03-23 at 9.02.08 AM


My highscore

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

@ch1ck3n
xD