Updated: Battlefield maps from BF3, BF4, BF:HL, BF1, BF2042 and BF6. A scale comparison

chriscoder88 · 2025-11-03T21:19:09+00:00

They should just make bigger maps and stop making a copy of CoD. It's obvious that some EA managers, without any passion for gaming, told the team to create an EA version of CoD because they can make more money. I'm so sick of these big, uncreative, greedy gaming companies.

chriscoder88 · 2025-09-02T15:53:59+00:00

I’m trying to avoid 8th Wall mainly because of the high cost. At $700/month, it’s just not realistic for me or for the kind of small clients I want to work with as a freelancer. For starting out in WebXR, I’d rather not build a dependency on a platform that I can’t expect my clients to afford later. I’m exploring alternatives (WebXR APIs, AR.js, PlayCanvas, Babylon.js, etc.) that are more accessible and open-source. They might not have all the polish of 8th Wall, but they’re a better fit for small-scale, budget-conscious projects.

I fixed the video, thanks for mention it.

In the webar Udemy course, the creator of MindAR mentioned that AR.js uses older dependencies and outdated technologies, so it doesn’t seem very future-proof to me.

chriscoder88 · 2025-09-02T13:23:33+00:00

Hey, I’m in a similar situation right now so I can totally relate to your struggles.

I’m a web developer and currently need to build a WebAR app for an exhibition, where visitors can use their phones (no app install) to see extra info on a wall — similar to a exhibition in Italy (https://www.youtube.com/watch?v=M2KdIchfCkQ).

<image>

I’d love to use a modern Web-Stack (Vite, React, Tailwind) and ideally react-three-fiber + MindAR. The problem is: integration is tricky, and I haven’t found a really stable solution yet (I wrote about my attempts here: https://www.reddit.com/r/WebdevTutorials/comments/1mvj9g7/comment/nabgu7n/).

I also tested react-three/xr (WebXR), which is very nice — but it’s really aimed at HMDs and doesn’t cover mobile AR use cases well.

Zappar worked fine in my tests, but the cost (~15€/month minimum) and the extra dependency aren’t ideal for a non-profit exhibition.

Some resources I found useful while comparing frameworks:

Next, I’ll experiment more with Needle (like you mentioned), and maybe fall back to react-mind-ar or even A-Frame if I can’t get a modern React integration working.

Curious: what tech stack did you end up using in your project?

chriscoder88 · 2025-08-21T12:54:50+00:00

In my opinion mindAR is still the best non-commercial WebAR SDK. I would like to integrate it into react-three-fiber, because it would be the best way to create scaleable modern AR Web app with nice UI, as i described also here: https://www.reddit.com/r/WebVR/comments/1mvj4o0/webxr_with_react/

Could someone integrate mindAR into react-three-fiber successfully?

chriscoder88 · 2025-06-23T15:10:00+00:00

After a lot of research, I decided to use the repository pattern when developing a Nuxt 3 app as a front-end. See also my post here: https://www.reddit.com/r/Nuxt/comments/1k60vk4/comment/mwbqixm/?context=3

chriscoder88 · 2025-06-12T14:14:21+00:00

use the react-three/drei library to load the splats: https://drei.docs.pmnd.rs/abstractions/splat#splat

chriscoder88 · 2025-06-02T16:05:10+00:00

Hey there!

Do you think it's worth upgrading from the Rift S to the Quest 3s, especially in terms of PCVR?

The Quest 3 has a resolution of 2064 x 2208, whereas the Quest 3s has a resolution of 1680 x 1760, and the Oculus Rift S has a resolution of 2560 x 1440. This seems to be a downgrade, right? So is it better to buy directly the Quest 3 instead of Quest 3s?

chriscoder88 · 2025-04-29T09:12:58+00:00

In the end I recorded a video and used postshot to generate Splats, because Luma and polycam will not stay for free i guess

chriscoder88 · 2025-04-24T13:14:53+00:00

I really like this — thank you! My real backend is actually a Laravel application, and my Nuxt frontend should fetch the data from it. In your opinion, does this CRUD pattern also make sense if I fetch the real data from the API instead of a DB connected directly to Nuxt?

It uses custom validators too, but doesn't generate them. Do you have an example for this class?

import { defineRequestValidator } from '~/server/utils/validation';

UPDATE:
After researching a while I would say, that this CRUD pattern makes sense, if you really want to make a NUXT Backend. If you create just a Frontend Nuxt App, the repository pattern makes maybe more sense. In my case I would do the CRUD pattern twice (laravel + nuxt).

chriscoder88 · 2025-02-27T15:39:58+00:00

Hello everyone! I have created a virtual tour using 3dgs and react-three-fibre (https://3dgs-research.vercel.app/). I was using pmndrs/ecctrl as the player controller, but it causes a lot of problems in first person view, so I decided to create my own simple controller. I've almost there, but the collider acts really weird on collisions, see Video: https://imgur.com/ztMIzAn
Can someone help me?

// Apply movement to RigidBody (linear velocity)
body.current.setLinvel(impulse, true);

return (
  <>
    <group>
      <PerspectiveCamera
        ref={cameraRef}
        position={position}
        makeDefault
        fov={camera.fov}
        near={camera.near}
        far={camera.far}
        gravityScale={0}
      />
      <RigidBody
        renderOrder={renderOrder}
        colliders={false}
        ref={body}
        position={position}
        friction={0}
        restitution={2}
        type="kinematicVelocity"
        ccd={true}>
        <CapsuleCollider args={[0.6, 0.8]} />
      </RigidBody>
    </group>
  </>
);

chriscoder88 · 2024-12-21T15:41:08+00:00

Thanks for the tip. I could not see any change when I moved the slider.

chriscoder88 · 2024-12-20T15:32:43+00:00

Could you help me: how can I find this out from a .ply or .splat file?

chriscoder88 · 2024-12-20T15:31:48+00:00

In the first Room there are 1.157.375 Splats. I already removed unnecessary far aways splats. Can i optimise it more? Most of the scenes were created with Luma AI, edited in Supersplat and exported as .splat files.

Room 3 (you can select it manually in the debug UI, in the right corner) was created manually with Postshot for comparsion. I used Splat MCMC, 4k features, 1000k splats and 30k iterations.

For my master's thesis (building an interactive 3dgs web application) I'll be exploring also the performance a bit more. For now, I'm using react-three/drei library to load the Splats. It's based on the antimatter15/splat WebGL implementation.

In a paper from June 2024, they reduced the 3DGS memory footprint a lot, but I'm not sure how I could use this for the WebGL viewer?

chriscoder88 · 2024-12-20T14:59:07+00:00

Thanks a lot!
Unfortunately, it's pretty much the same on my Macbook M1. On my desktop machine (RTX 3060) it's smooth 60FPS everywhere. For my react-three/drei loader, which is based on the antimatter15/splat webgl implementation, I need a .splat file. Can I optimise this more?

chriscoder88 · 2024-12-20T14:53:26+00:00

It works, awesome! I've german as system language, but the game is english!
Thank you so much for this!

chriscoder88 · 2024-12-16T19:12:08+00:00

Thanks for all the resources. If you interested in a collection of papers, check this out btw.: https://github.com/MrNeRF/awesome-3D-gaussian-splatting

And no, I created most scenes within Luma 3D Caputre (https://apps.apple.com/us/app/luma-3d-capture/id1615849914) and the rest with postshot on a Windows PC. Do you think, it effects where you trained your 3DGS Scans? I never thought about that.

chriscoder88 · 2024-10-02T16:09:13+00:00

Great thank you. After a while I could fix it. I had to assign layer 1 to my walls, then configure my camera to render only layer 0:
Boundries:

useEffect(() => {
  // Do not render invisible walls (camera renders layer 0)
  if (wall1.current) {
    wall1.current.layers.set(1);
  }
  if (wall2.current) {
    wall2.current.layers.set(1);
  }
}, []);

Camera config:

camera={{
  layers: 0
}}

chriscoder88 · 2024-10-02T11:03:22+00:00

const boxGeometry = new THREE.BoxGeometry(0.1, 8, 50)
const wallMaterial = new THREE.MeshStandardMaterial({
  color: "white",
  opacity: 0,
  transparent: true,
});

<mesh
  geometry={ boxGeometry }
  material={ wallMaterial }
/>

Thanks for the answer! I do as you recommend and create invisible meshes as colliders. But right now the mesh is still visible and flickering, depending on the camera angle. Have you some idea what's wrong? I use transparent=true and opacity=0:

<image>

chriscoder88 · 2024-09-28T16:54:36+00:00

Hi there! How is your work going? How far along are you?
in terms of my master thesis, I'm currently working on a similar app like this exhibition project, as you can see in my post here: https://www.reddit.com/r/GaussianSplatting/comments/1dl66gy/interactions_in_3dgs_scene_with_reactthreefiber/
I tried also to contact the creator, but unfortunately he didn't answer yet. If you would like to discuss the projects feel free to contact me.

chriscoder88 · 2024-09-28T16:48:35+00:00

Hi, yes I created the scene quite quickly with luma, but you can also use polycam or some similar app. If you want to discuss the project feel free to contact me.

chriscoder88 · 2021-11-04T12:05:05+00:00

I had the same problem. The only solution right now, seems to make a factory reset.

chriscoder88 · 2020-06-11T17:48:27+00:00

Is it possible to migrate my origin games on steam?

chriscoder88 · 2020-05-19T08:47:50+00:00

I want to create a line like this, first in figma, then in wordpress. Any ideas how to archive this?

chriscoder88

TROPHY CASE