Counter-Strike Case opening simulator created in Next.js | Next.js | Page 1

simple prism Oct 15, 2023, 1:20 AM

#

Spent a few hours today trying to recreate this UI in React with Tailwind.
It uses an API to get the information on cases and the items they contain.
It has no functionality at the moment.

🔗 https://case-sim.com/
github https://github.com/leonlarsson/cs-case-sim

Counter-Strike Case Simulator

Open all the Counter-Strike cases you want for free!

brazen dragon Oct 15, 2023, 1:21 AM

#

Neat

#

no animation yet? i cant click it

simple prism Oct 15, 2023, 1:21 AM

#

For comparison: This is how it looks in-game

simple prism Oct 15, 2023, 1:22 AM

#

brazen dragon no animation yet? i cant click it

Yeah, no fancy stuff yet

brazen dragon Oct 15, 2023, 1:22 AM

#

still neat

simple prism Oct 15, 2023, 1:22 AM

#

Thanks

brazen dragon Oct 15, 2023, 1:23 AM

#

Its like im in game!

#

Imagine if you make the Open case animation and all the items have equal chances for all the broke homeboys lmao

simple prism Oct 15, 2023, 1:24 AM

#

100% knife chance

#

This is what I was initially trying to read json files for, but I found this great API https://bymykel.github.io/CSGO-API/

brazen dragon Oct 15, 2023, 1:25 AM

#

nice

#

so its always up to date

simple prism Oct 15, 2023, 2:00 PM

#

No nice animations, but I added the ability to open cases (with real odds, for the most part), as well as a stats and history page

brazen dragon Oct 15, 2023, 2:00 PM

#

nice

gloomy verge Oct 16, 2023, 2:09 AM

#

this is neat! i wonder how easy it’d be to render the skins in 3D? would be cool to see that implemented

brazen dragon Oct 16, 2023, 2:10 AM

#

you would need the assets

#

and i dont think those are publicly available

gloomy verge Oct 16, 2023, 2:12 AM

#

managed to get skin assets from csgostash

#

#

you’d just have to find the models

gloomy verge Oct 16, 2023, 3:35 AM

#

infact, you’ve given me a good project for when i finish work lol

simple prism Oct 16, 2023, 7:02 AM

#

I believe in you

simple prism Oct 28, 2023, 8:27 PM

#

I've now added a global unbox history https://case-sim.com/unboxed

Global Unbox History | Counter-Strike Case Simulator

Open all the Counter-Strike cases you want for free!

shy slate Nov 20, 2023, 4:36 AM

#

how did you do those sounds thats so cool

simple prism Nov 20, 2023, 9:48 AM

#

shy slate how did you do those sounds thats so cool

I recorded them all myself in-game (including all the different rarity opening sounds)
I use https://github.com/joshwcomeau/use-sound to play the sounds

An example of how the sound is played can be seen here: https://github.com/leonlarsson/cs-case-sim/blob/main/components/CaseSelect.tsx#L16

marsh flower Dec 19, 2023, 6:17 PM

#

so sick

simple prism Dec 19, 2023, 8:48 PM

#

Thanks!

wraith quiver Dec 19, 2023, 9:19 PM

#

Ohh I want to make valorant agents selection screen now

desert jay Jan 3, 2024, 4:17 AM

#

Hobby enjoyer

simple prism Jan 3, 2024, 9:07 AM

#

https://tenor.com/view/ohnepixel-csgo-ohne-pixel-mastixkg-mastix-gif-15147312452195856998

Tenor

simple prism Jun 10, 2024, 8:45 PM

#

I've just added an actual case picker UI

#

It can be played with here: https://case-sim.com/

boreal cosmos Jun 10, 2024, 9:39 PM

#

I feel like I’ve seen this somewhere before

#

Like exactly the same

simple prism Jun 10, 2024, 10:09 PM

#

There's a few out there

undone laurel Jun 11, 2024, 6:27 AM

#

i've seen some scams with something like this idk I wouldn't make the code public

#

but is good

simple prism Jun 11, 2024, 7:14 AM

#

undone laurel i've seen some scams with something like this idk I wouldn't make the code publi...

Why not public?

undone laurel Jun 11, 2024, 7:20 AM

#

it's just an assumption - people can use your website's code to create a scam website

simple prism Jun 11, 2024, 7:50 AM

#

That would be flattering in an unfortunate way

brazen dragon Jun 11, 2024, 11:34 AM

#

he has a valid concern

#

but its still impressive

boreal cosmos Jun 11, 2024, 4:24 PM

#

indeed

simple prism Aug 29, 2024, 1:21 PM

#

I've just updated the website to do the actual unboxing and item selection in a server action. This should prevent people from hijacking the item sent to the server previously (somehow, no one did that before).

It also now runs on Coolify on a Hetzner VPS instead of Vercel.

🔗 https://case-sim.com/

#

Counter-Strike Case opening simulator created in Next.js

torpid oxide Aug 29, 2024, 8:48 PM

#

simple prism Spent a few hours today trying to recreate this UI in React with Tailwind. It us...

this is incredible, i love it 🤩

simple prism Aug 29, 2024, 8:51 PM

#

torpid oxide this is incredible, i love it 🤩

Thanks :)