[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-93415":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":15,"stars7d":16,"stars30d":16,"stars90d":15,"forks30d":15,"starsTrendScore":17,"compositeScore":18,"rankGlobal":10,"rankLanguage":10,"license":19,"archived":20,"fork":20,"defaultBranch":21,"hasWiki":22,"hasPages":20,"topics":23,"createdAt":10,"pushedAt":10,"updatedAt":24,"readmeContent":25,"aiSummary":26,"trendingCount":15,"starSnapshotCount":15,"syncStatus":27,"lastSyncTime":28,"discoverSource":29},93415,"ultron-by-sagar-builds","SAGAR-TAMANG\u002Fultron-by-sagar-builds","SAGAR-TAMANG","Ultron.","https:\u002F\u002Fsagartamang.com\u002Fprojects\u002Fultron",null,"TypeScript",223,56,4,0,83,38,73.57,"MIT License",false,"main",true,[],"2026-07-22 04:02:09","# ULTRON Orb UI\n\nAn Iron Man–inspired holographic orb built with **Next.js**, **Three.js**, and **MediaPipe** hand tracking — control it with your bare hands through your webcam.\n\n> 🔮 This is the open-source **interface** of [ULTRON](https:\u002F\u002Fsagartamang.com\u002Fprojects\u002Fultron) — my AI that talks in real time and controls Android devices by itself. **[Read the write-up](https:\u002F\u002Fsagartamang.com\u002Fprojects\u002Fultron)** or **[the X post](https:\u002F\u002Fx.com\u002Fsagar_builds\u002Fstatus\u002F2077277583646101921)**\n\n> 📱 **[Watch the demo on Instagram](https:\u002F\u002Fwww.instagram.com\u002Fp\u002FDayJ17OTwvx\u002F)**\n\n![ULTRON orb UI](docs\u002Fscreenshot.png)\n\nhttps:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F91578a83-9a27-44e8-84b0-96defcfd7366\n\n## Getting started\n\n```bash\nnpm install\nnpm run dev\n```\n\nOpen [http:\u002F\u002Flocalhost:3000](http:\u002F\u002Flocalhost:3000).\n\n## Controls\n\n### Mouse \u002F touch\n\n| Input | Action |\n| --- | --- |\n| Drag | Spin the orb |\n| Scroll \u002F pinch | Zoom in & out |\n\n### Hand gestures (webcam)\n\nClick **GESTURES OFF** (or press `G`) and allow camera access, then:\n\n| Gesture | Action |\n| --- | --- |\n| Pinch (thumb + index) one hand and move it | Spin the orb |\n| Pinch with **both** hands, spread apart \u002F bring together | Zoom in \u002F out |\n\n### Keyboard\n\n| Key | Action |\n| --- | --- |\n| `G` | Toggle hand gestures |\n| `R` | Reset the view |\n| `+` \u002F `−` | Zoom in \u002F out |\n\n## How it works\n\n- **`lib\u002ForbScene.ts`** — the Three.js scene: layered wireframe shells, a spiral\n  inner core, floating code-text sprites, orbiting debris, dust particles, scan\n  rings, and a bloom + chromatic-aberration post-processing stack.\n- **`lib\u002FhandTracker.ts`** — MediaPipe HandLandmarker running on the webcam\n  feed. Pinch detection with hysteresis: one pinched hand spins the orb, two\n  pinched hands zoom by spreading apart or together.\n- **`components\u002FJarvisOrb.tsx`** — the HUD and glue between the scene, the\n  tracker, and your inputs.\n\n## License\n\nMIT\n","这是一个受钢铁侠启发的全息风格交互式球体UI界面，基于Web技术实现裸手手势控制。核心功能包括通过MediaPipe实时手部追踪识别单\u002F双手捏合手势来旋转和缩放3D球体，结合Three.js渲染多层动态视觉效果（如螺旋内核、轨道碎片、扫描环等），并支持鼠标、触摸及键盘辅助操作。项目作为ULTRON AI系统的前端交互层，适用于AI助手可视化控制、人机自然交互演示、Web端AR\u002F全息风格原型开发等场景。",2,"2026-07-18 02:30:02","CREATED_QUERY"]