Прощай, высокооплачиваемый фронтенд
Нейронки научились собирать качественные интерактивные 3D сцены, пока вы допиваете свой раф.
Энтузиаст наглядно показал как Gemini 3 в одиночку вывозит роль целой студии дизайна. Схема простая: скармливаешь ей 3D-болванку, а на выходе получаешь футуристичную витрину в духе Apple, где товаром можно крутить с помощью жестов перед вебкамерой.
Как стать «сеньором» за пять минут:
— Крадём (напр. со SketchFab) любую модель в .glb или .gltf (если что, всегда можно переконвертировать в Blender);
— Скачиваем её в Gemini 3 и скармливаем жирный промпт на роль эксперта-технолога:
Role: Expert Creative Technologist and Frontend Developer. Task: Create a single-page immersive web application that features a high-fidelity 3D model viewer controlled by hand gestures via the webcam. Design Aesthetic: Vibe: Similar to igloo.inc or Apple's product pages, minimalist, premium, smooth motion, and highly responsive. Background: Deep dark grey/black flexible gradient or blurred ambient lights to make the 3D model pop. Typography: Clean sans-serif fonts (Inter or SF Pro). Core Tech Stack: Framework: React (Next.js App Router preferred). 3D Engine: React Three Fiber (R3F) + Drei. Styling: Tailwind CSS. Computer Vision: Google MediaPipe Hands (specifically @mediapipe/tasks-vision) or react-webcam with a hand tracking model. Functional Requirements: 3D Scene: Initialize a canvas with a realistic environment map (lighting). Load a placeholder 3D model (a simple geometry for now, but configured to accept a .glb or .gltf file of an Apple Vision Pro later). The model should float in the center with a gentle idle animation (sine wave hovering). Webcam & Hand Tracking: Ask for camera permissions immediately on load with a sleek UI overlay. Display a small, stylized video feed in the corner (circular mask) so the user can see their hand. Detect hand landmarks in real-time.
— Нейронка сама связывает React Three Fiber и трекинг рук от Google, настраивает свет и вылизывает UI в Tailwind;
— Мы сидим с важным лицом, пока код пишется сам.
Конечно, с первого тычка взлетит процентов на 70, а остальное придётся допиливать в чате. Но сам факт: знать, как работают кватернионы и матрицы, больше не обязательно.
Магия теперь доступна даже тем, кто путает Java с JavaScript.
Подписывайтесь на мой TG канал - Neko.Play.Panic() там побольше делюсь мыслями, интересными находками и новостями о всяком.