Okay, so I messed around with a Tarkov gun builder website thing today. Here’s the deal:
First off, the idea: I wanted to see if I could whip up a quick and dirty gun building website for Escape from Tarkov. You know, a place where you can drag and drop parts onto a gun model and see how it looks and what the stats change.
Starting Simple: I started by digging around for a basic JavaScript framework. Didn’t want anything too heavy, so I landed on *. It’s pretty easy to pick up and get running.
Gun Data: This was a pain. I tried scraping some data from existing websites, but it was a mess. Ended up manually creating a JSON file with a few guns and attachments. Super basic stuff – name, stats (like ergo and recoil), and image paths. I know, I know, hardcoding data is bad, but I just wanted to get something visible, ya know?
* Components: I created a few Vue components:
- A “Gun” component to display the gun model (just a placeholder image for now).
- An “AttachmentList” component to show the available attachments.
- An “AttachmentSlot” component to represent where an attachment can be placed on the gun.
Drag and Drop (the janky part): I used VueDraggable to get some basic drag-and-drop functionality working. It was a bit clunky, and I had to mess around with the settings to prevent it from doing weird things. Basically, you could drag an attachment from the “AttachmentList” onto an “AttachmentSlot.”
Stats Updates (even jankier): When an attachment was dropped, the “Gun” component would update its stats based on the attachment’s stats. I just added the numbers together. No fancy calculations, just a simple sum. This is where it got really unrealistic, of course, since Tarkov’s stats are way more complex, but hey, baby steps.
The Look: CSS. Ugh. I’m no designer, so it looked pretty terrible. I threw together some basic styling to make the components visible and somewhat aligned. Think basic Bootstrap level of styling.
What I learned:
- * is pretty cool for quick prototyping.
- Drag and drop can be a real pain.
- Data is king! Getting good data is half the battle.
- I still suck at CSS.
The End Result: It’s ugly, the data is hardcoded, and the stats are completely inaccurate. But… it works! You can drag and drop attachments onto a gun and see the stats change. It’s a super basic proof of concept, but it was a fun little project for an afternoon.
Next Steps (maybe): If I were to actually take this seriously, I’d need to:
- Get real Tarkov data (somehow).
- Implement proper stat calculations.
- Create actual 3D models for the guns and attachments.
- Make it look decent.
But for now, I’m calling it a win. It was a fun little dive into * and game data, even if it’s nowhere near a real Tarkov gun builder.
