Recreating the early 2000s video game ad aesthetic?

Questions
, ,
1

Goal

Hello all. Experienced 3D artist collaborating with a frontend dev on a project, we both have no experience in Three.js.

Looking to Recreate this kind of aesthetic:

30284897f92d643a7f4fa28e58760347
30284897f92d643a7f4fa28e58760347735×508 106 KB

c6c9dae9b767bc9ee2c56aa8ea205586
c6c9dae9b767bc9ee2c56aa8ea205586614×767 83.2 KB

e1c1da5ebaa9987fec8d045551183eb1
e1c1da5ebaa9987fec8d045551183eb1736×1050 129 KB

Specifically, I want to recreate the fisheye/low focal length; the realism; and the harsh, acidic contrast.

Parameters

  • Performance is very important, shouldn’t lag on any devices. All of models and textures are heavily optimized. We are implementing LOD (Level Of Detail) and other standard measures for this as well.
  • Aiming for as much realism as possible while still prioritizing performance

How would you guys go about implementing these types of graphics? What would my workflow look like?

3

Blender + baked lightmaps in blender → export to GLTF

Load in threejs… view with various post processing passes for distortion/depth of field/bloom, and tonemapping.