402 Studio: Your world. Our craft.

Explore the GapCam package, editable settings, camera assets, translations, and interface source.

Expand a folder to explore the GapCam 1.0.1 package. Configuration, inventory files, translations, and the web interface are editable. Locked folders contain the protected runtime.

402studio_gapcam

ADD_MEEditable

icons

gapcam_360.png

gapcam_actioncam.png

gapcam_dslr.png

items.lua

CHANGELOG.md

client/

Escrow protected

config.lua

Editable

fxmanifest.lua

Editable

LICENSE

localesEditable

ar.json

de.json

en.json

es.json

fr.json

it.json

pl.json

pt-br.json

pt.json

ro.json

th.json

tr.json

README.md

server/

Escrow protected

shared/

Escrow protected

stream/

Escrow protected

sounds

rec_beep.wav

webEditable

bun.lock

dist

assets

index-Bt40Jdjc.js

index-ClSwsxqy.css

inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2

inter-cyrillic-wght-normal-DqGufNeO.woff2

inter-greek-ext-wght-normal-DlzME5K_.woff2

inter-greek-wght-normal-CkhJZR-_.woff2

inter-latin-ext-wght-normal-DO1Apj_S.woff2

inter-latin-wght-normal-Dx4kXJAl.woff2

inter-vietnamese-wght-normal-CBcvBZtf.woff2

index.html

eslint-config.ts

package.json

src

app

page.tsx

components

camera

camera-message.ts

camera-overlay.tsx

camera-preview.ts

exposure-meter-math.ts

exposure-meter.tsx

focus-targets.tsx

lens-effects.tsx

lens-math.ts

lens-renderer.ts

orientation-guide.tsx

scene-meter.ts

types.ts

placement

joint-fields.tsx

placement-fields.tsx

placement-panel.tsx

types.ts

button.tsx

field.tsx

heading.tsx

input.tsx

link.tsx

number-field.tsx

text.tsx

toggle.tsx

tooltip.tsx

video-library

types.ts

use-video-library.ts

video-library-api.ts

video-library-data.ts

video-library-panel.tsx

hooks

use-nui-messages.ts

use-panel-rect.ts

use-placement-keyboard.ts

use-placement-panel.ts

index.html

lib

locale-context.ts

locale.ts

nui.ts

primitive.ts

utils.ts

main.tsx

styles

app.css

camera.css

theme.css

third-party-notices.txt

tsconfig.json

vite-config.ts

Open files

File or folder	Purpose
`config.lua`	Camera items and labels, placement, vehicle restrictions, controls, captures, and upload providers.
`ADD_ME/items.lua`	Inventory definitions for GapCam 360, ActionCam, and DSLR mounts.
`ADD_ME/icons/`	The three camera item icons for your inventory.
`locales/`	The twelve included language files.
`web/src/components/placement/`	Mount placement, joint controls, and position fields.
`web/src/components/camera/`	Camera viewfinders, lens effects, focus frames, and exposure readouts.
`web/src/components/video-library/`	Saved CDN clip browsing, playback, and link controls.
`web/src/components/ui/`	Shared interface controls.
`web/src/hooks/`, `web/src/lib/`, and `web/src/styles/`	Interface behavior, translation helpers, NUI messages, and styles.
`web/dist/`	Compiled interface, fonts, and styles loaded by FiveM.
`fxmanifest.lua`	Resource metadata, dependencies, script order, and asset declarations.

Use the installation guide to register the supplied inventory items and images. Change gameplay settings in config.lua using the configuration guide. Keep translation keys and replacement placeholders intact when editing language files.

Interface customization

The package includes editable TypeScript, React, and CSS source in web/src. The web manifest, lockfile, Vite configuration, and TypeScript configuration are included with it.

After making interface changes, run these commands from the resource's web directory:

bun install --frozen-lockfile
bun run lint
bun run typecheck
bun run build

Deploy the resulting web/dist directory together with all assets referenced by its index.html, then restart GapCam. Keep a backup of your custom source and settings when updating the resource.

Runtime and camera assets

client/, server/, and shared/ contain the escrow-protected runtime. stream/ is also escrow protected and contains the three camera rigs, their mount parts, texture dictionaries, and asset definitions. These four folders sit directly inside 402studio_gapcam, alongside the editable web/ folder and the ui/ folder. ui/sounds/rec_beep.wav supplies the camera sound.

Keep the supplied model files and rig definitions together so the mounts, joints, and lens positions match. Follow Usage to adjust a camera's mount in game and Snapshots and recording to configure captures.

Expand a folder to explore the GapCam 1.0.1 package. Configuration, inventory files, translations, and the web interface are editable. Locked folders contain the protected runtime.

402studio_gapcam

ADD_MEEditable

icons

gapcam_360.png

gapcam_actioncam.png

gapcam_dslr.png

items.lua

CHANGELOG.md

client/

Escrow protected

config.lua

Editable

fxmanifest.lua

Editable

LICENSE

localesEditable

ar.json

de.json

en.json

es.json

fr.json

it.json

pl.json

pt-br.json

pt.json

ro.json

th.json

tr.json

README.md

server/

Escrow protected

shared/

Escrow protected

stream/

Escrow protected

sounds

rec_beep.wav

webEditable

bun.lock

dist

assets

index-Bt40Jdjc.js

index-ClSwsxqy.css

inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2

inter-cyrillic-wght-normal-DqGufNeO.woff2

inter-greek-ext-wght-normal-DlzME5K_.woff2

inter-greek-wght-normal-CkhJZR-_.woff2

inter-latin-ext-wght-normal-DO1Apj_S.woff2

inter-latin-wght-normal-Dx4kXJAl.woff2

inter-vietnamese-wght-normal-CBcvBZtf.woff2

index.html

eslint-config.ts

package.json

src

app

page.tsx

components

camera

camera-message.ts

camera-overlay.tsx

camera-preview.ts

exposure-meter-math.ts

exposure-meter.tsx

focus-targets.tsx

lens-effects.tsx

lens-math.ts

lens-renderer.ts

orientation-guide.tsx

scene-meter.ts

types.ts

placement

joint-fields.tsx

placement-fields.tsx

placement-panel.tsx

types.ts

button.tsx

field.tsx

heading.tsx

input.tsx

link.tsx

number-field.tsx

text.tsx

toggle.tsx

tooltip.tsx

video-library

types.ts

use-video-library.ts

video-library-api.ts

video-library-data.ts

video-library-panel.tsx

hooks

use-nui-messages.ts

use-panel-rect.ts

use-placement-keyboard.ts

use-placement-panel.ts

index.html

lib

locale-context.ts

locale.ts

nui.ts

primitive.ts

utils.ts

main.tsx

styles

app.css

camera.css

theme.css

third-party-notices.txt

tsconfig.json

vite-config.ts

Open files

File or folder	Purpose
`config.lua`	Camera items and labels, placement, vehicle restrictions, controls, captures, and upload providers.
`ADD_ME/items.lua`	Inventory definitions for GapCam 360, ActionCam, and DSLR mounts.
`ADD_ME/icons/`	The three camera item icons for your inventory.
`locales/`	The twelve included language files.
`web/src/components/placement/`	Mount placement, joint controls, and position fields.
`web/src/components/camera/`	Camera viewfinders, lens effects, focus frames, and exposure readouts.
`web/src/components/video-library/`	Saved CDN clip browsing, playback, and link controls.
`web/src/components/ui/`	Shared interface controls.
`web/src/hooks/`, `web/src/lib/`, and `web/src/styles/`	Interface behavior, translation helpers, NUI messages, and styles.
`web/dist/`	Compiled interface, fonts, and styles loaded by FiveM.
`fxmanifest.lua`	Resource metadata, dependencies, script order, and asset declarations.

Interface customization

The package includes editable TypeScript, React, and CSS source in web/src. The web manifest, lockfile, Vite configuration, and TypeScript configuration are included with it.

After making interface changes, run these commands from the resource's web directory:

bun install --frozen-lockfile
bun run lint
bun run typecheck
bun run build

Deploy the resulting web/dist directory together with all assets referenced by its index.html, then restart GapCam. Keep a backup of your custom source and settings when updating the resource.

Resource files

Open files

Interface customization

Runtime and camera assets

On this page

Resource files

Open files

Interface customization

Runtime and camera assets

On this page

Resource files

Open filesCopy Anchor Link

Interface customizationCopy Anchor Link

Runtime and camera assetsCopy Anchor Link

On this page

Resource files

Open filesCopy Anchor Link

Interface customizationCopy Anchor Link

Runtime and camera assetsCopy Anchor Link

On this page

Open files

Interface customization

Runtime and camera assets

Open files

Interface customization

Runtime and camera assets