๐ Crossy Road in ThreeJS ๐๐ฎ
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 :)
I got to 25 only lol :)
@ryanbrwr lol still nice!
What was your highscore :D
Comment Below!
@Brendan23 awesome!
@RayhanADev Mine is 15 lol great job :)
@JWZ6 thank you :)
@chillcafe nice!
@RayhanADev 60 (Also, That is a great game)
@tchian316 thank you! :D
@Rithik1535 sweet!
@tchian316 nice!
i got to 400 something [email protected]
@RayhanADev 666 my Mac fan went GE9X mode
@PurpleSus1002 hahaha nice!
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
SIKE I LIED i got 87 :P @JULIODIAZ1
AMAZING!!!
How???
@Th3Coder magic and js :)
@RayhanADev okay, I'll head to Hogwarts when the, you know, is over!
@Th3Coder tehehehe awesome :)
Stupid Traffic
Nice graphics @RayhanADev
@LOLguy1123455 thank uwu
The road is a cruel place for a jumping block children
@LOLguy1123455 oooof
Pog Best Code I have seen this month! ๐๐ผ ๐๐ผ
WOAH the eternal ABYS
@Whippingdot oh shiz what happen there??????
no it loads when you go closer lul @RayhanADev
COOL
@FallenAngel6 thanks!
My highscore
YAY ARROW KEYS WORK @RayhanADev ++
UPDOOT
So good
a car hit me not directly and i think the game dosent know what to do
Awesome! How long have you been coding? The game looks amazing!
@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.
This is the best remake remaked from crossy road
Suggestion: Maybe Allow Player To Use Arrow Keys? @RayhanADev
@PurpleSus1002 yeah good idea... I'll try :D
I only got to 501 lol
This file cannot be displayed:
um the image didn't load?
@MatthewHou
@MatthewHou dude nice xD!
this is awesome
@BananaJellyfish thanks!
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
@tussiez hmm, i'll look into it :D
but it does seem to run fine on my ipad :/
@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
@tussiez right? soooo weird!
and ooh, i'll get started reading that after the final bug watch on my jam submission ;D
@RayhanADev Yeah, I think it's because Apple's mobile chips are insanely efficient.
;D
108 is my high score!
@YashasShah owo nice! Definitely one of the best so far :D
*score
add the duck skin, also i got 173 for my socre
@PLOOBOOBL Nice! And I'll try :D
Itโs legit, but itโs hard to play on iPad
@Rishan001 yay, and aww really? I added buttons in the bottom left for mobile
WHATAAT?!?!!!! HOW THIS IS SO REAL!!?!
@chillcafe ThreeJS, it makes 3d objects so I can make it look like actual crossy road!
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
@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
bruh y u dissing me. i didn't say anything mean. That was meant to be a compliment. ๐คฆโโ๏ธ๐คฆโโ๏ธ Don't you understand anything? @CoderBroDev
@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
bruh u a god at 3js @RayhanADev
@Whippingdot no we just had to learn it for school :P
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
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
@IcynHackz maybe xD I didn't think this would be so popular you know. It was busy work to get us interested in 3js
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.
@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
well ur lucky @RayhanADev. I read w3schools and learned
pythonmyself. But I just don't getjs. Well...I kinda get it, but I don't get how to make a game out ofjs.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
jsteacher. D:Edit: So know I'm attempting to do
jsby trying random stuff while reading w3schools's javascript tutorial.@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!
thanks for all the encouragement @RayhanADev! I'll try! :D
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]