Gabriele Negri's Work | Contra
Work by Gabriele Negri
Sign Up
Post a job
Sign Up
Log In
Gabriele Negri
Creative freelancer helping brands grow fast
Message
Follow
New to Contra
Gabriele is ready for their next project!
Santa Cruz de Tenerife, Spain
Work
Posts
Products
Services
About
Santa Cruz de Tenerife, Spain
0
This is a demo game that i have make it using three.js (https://threejs.org/) Features PigCity (Pigopoli) — GTA-style 3D Web Game (Three.js + Rapier + Vite) Open-world mafia-cartoon game running fully in browser. No heavy engine, no plugins: pure Three.js + WebGL, Rapier.js physics (WASM), Vite build. 60fps on entry-level laptops. Tech stack Three.js r160+ — rendering, scene graph, GLTFLoader, SkeletonUtils for skinned-mesh cloning, CSS2DRenderer for 3D-anchored UI (damage labels, dialog bubbles), procedural shader-based sky. Rapier.js — deterministic WASM physics: capsule character controller, per-building colliders, kinematic vehicles, raycasts for gunfire and line-of-sight. Vite — HMR, optimized bundle, asset pipeline. PocketBase (self-hosted) — persistence, anonymous device-auth, IAP claim, server-side hooks for ad rewards. Stripe Checkout — 4 IAP packs in test mode. 3D / Three.js features shipped Modular city loaded from Kenney City Kit GLB, grid layout with central plaza and per-building colliders. Animal trio (pig, rat, chicken) cloned via SkeletonUtils.clone() to preserve skinned animations, runtime hot-key switch. Full combat system — 3 weapons (fist/pistol/shotgun) with cooldown, ammo, spread, distinct ranges. Camera-origin raycast so crosshair aligns to bullet impact. Sprite muzzle flash, pooled spark particles, floating damage labels via CSS2D. Aim-driven TPS camera — orbital yaw + pitch that drives aim angle (not just height), lookAt projected far to prevent crosshair drifting onto the player's body. Vehicles — kinematic controller with dedicated chase cam, E to enter/exit, vehicle HP, pedestrian ramming above 4 m/s triggers ballistic ragdoll (launch + spin). NPCs — capsule pedestrian pool with HP, ragdoll-flop on death, timed despawn, i18n dialog with CSS2D speech bubbles. Cop AI — notoriety system with decay, police spawn above threshold, siren audio, escape by range/time. Mission state machine — repeatable Pizza Run, animated 3D waypoint arrow, soft/hard currency rewards. Shop UI — HTML overlay with vehicle thumbnails rendered offscreen via a second Three.js renderer (fixed camera, transparent background). Audio — Web Audio API with pooled MP3 SFX and looping music player with toggle. HUD + minimap — real-time 2D canvas minimap, player/vehicle HP bars, dual-currency wallet, notoriety meter. Architecture Trust boundary: all economy mutations validated server-side via PocketBase hooks. Save store with fallback: PocketBase primary → localStorage if offline. Feature-modular layout: src/combat/, src/vehicle/, src/mission/, src/economy/, etc. Each system isolated and testable. 50+ unit tests (Vitest). Result MVP complete (Plan 01-07 of 8), playtested: walkable city, 3 characters, combat, vehicles, repeatable missions, dual-currency economy, Stripe test IAP, rewarded ads with daily cap. #threejs #webgl #gamedev #javascript #3dweb #creativecoding #frontenddev #fullstack #freelancedeveloper #indiegame
0
25
1
Cinematic Quote Reel Generator: input any motivational quote into a single text node and instantly get a 30-second cinematic reel ready for Instagram and TikTok. The Flow generates 7 hyper-stylized scenes, an AI deep narrator voice, an orchestral score and cinematic SFX, all composed automatically. Built for motivational content creators who want premium-quality output in seconds with one click to remix. Template Flow link: https://elevenlabs.io/app/flows/TVWO9hnCuG1aOVKKDYSI X post link: https://x.com/xhublist/status/2053876352458096804 LinkedIn post link: https://www.linkedin.com/posts/gabriele-negri-211740233_elevencreative-elevencreative-ai-ugcPost-7459645497746546688-meuD?utm_source=share&utm_medium=member_desktop&rcm=ACoAADpOyS0BkTywl-chyo5qpiH24bVXh2KnxqM Instagram post link: https://www.instagram.com/p/DYNK0NmikwP/ @ElevenLabs #elevenlabs
1
45
0
Ai Marketplace
0
40
0
Sonicwave - Music generation and musin selling
0
64
0
Bonusland - Offers platform
0
55
0
Entire Website with logo design and next.js interface, with blog section.
0
55
0
My last figma work
0
47