# paprika3d

> Three.js MCP server and Claude Code plugin: build three.js games and 3D pages end to end, from references and a design doc to playtesting, models and a published link. paprika3d turns your coding agent into a game studio. In Claude Code, `/paprika3d:paprika-make <request>` pulls references, writes a style sheet (LOOK.md), character sheets (CHARACTERS.md) and for a game a design doc (DESIGN.md), asks the person the creative calls and builds the page, and `/paprika3d:paprika-loop <request> for <time>` keeps improving it unattended. Its tools, in any MCP client: it opens the page in headless Chrome on a paused, seeded clock, lists what is on screen and what never appears, sends input on exact frames and reads the state back as JSON, measures each mesh and the frame time against a budget, builds models in code, finds models, textures and skies in a hosted CC BY and CC0 library, makes picture sheets and 3D models with the person's own key, and publishes to paprika3d.app (preview, invite-only).

Install in Claude Code with `claude plugin marketplace add paprika3d/paprika3d` then `claude plugin install paprika3d@paprika3d` (Claude Code 2.1.118 or later); in Codex CLI with `codex mcp add paprika -- npx -y paprika3d serve`; in any other MCP client, the stdio server `npx -y paprika3d serve`. Needs Google Chrome and Node 20.11 or later. In Claude Code the tools are named `mcp__plugin_paprika3d_paprika__<tool>`: open, look, interact, observe, eval, feel, test, perf, reference, model_audit, model_run, model_look, asset_search, sheet, publish and send_feedback. The skills alone, for any agent: `npx skills add paprika3d/paprika3d` (among them threejs-game, the method, and one skill per task: threejs-screenshot, threejs-play, threejs-test, threejs-perf, threejs-glb-audit; `--skill <name>` adds one). The source is at https://github.com/paprika3d/paprika3d. The full text of every page is in https://paprika3d.com/docs/llms-full.txt.

## Start

- [Three.js MCP server and Claude Code plugin: paprika3d](https://paprika3d.com/docs): Three.js MCP server and Claude Code plugin: build three.js games and 3D pages end to end, from references and a design doc to playtesting, models and a published link. In Claude Code, paprika-make and paprika-loop run the whole flow; in any MCP client the tools look at the page, drive it, read its state and measure frame time.
- [Install paprika3d](https://paprika3d.com/docs/install): How to install paprika3d, the Claude Code plugin and MCP server that turns your coding agent into a game studio for three.js, and how to run its MCP server from Cursor, Codex or Gemini CLI.
- [How it works](https://paprika3d.com/docs/how-it-works): How paprika3d takes a three.js game end to end in Claude Code: the five stages of paprika-make and paprika-loop, the files each writes, what you are asked, what needs a key, and what other MCP clients get.

## Reference

- [Building and testing a three.js game with the harness](https://paprika3d.com/docs/skill): The threejs-game skill of the paprika3d plugin: the order of work for building a three.js game with the harness, performance, procedural geometry and the window.__game convention.
- [The window.__game convention](https://paprika3d.com/docs/convention): The window.__game convention a three.js game exposes so paprika3d can read and set its exact state, send it actions and name what the game is about.
- [The paprika3d tools](https://paprika3d.com/docs/tools): Every MCP tool of the paprika3d plugin for three.js, with the description the server registers: open, look, interact, observe, eval, feel, test, perf, reference, model_audit, model_run, model_look, asset_search, sheet, publish (preview, invite-only) and send_feedback.
- [What the paprika3d plugin adds](https://paprika3d.com/docs/plugin): Everything the paprika3d plugin and MCP server add to a three.js project: the 16 tools and when to reach for each, the skills, the Claude Code hooks, the files it writes, where runs go and the hosted asset library.
- [The skill's reference files: plain three.js, React Three Fiber and Rapier](https://paprika3d.com/docs/templates): The three reference files the paprika3d skill follows when it writes a game, each a small three.js game with a window.__game: a plain page with an import map, a React Three Fiber component under vite, and the bridge for a Rapier physics world.
- [Procedural geometry: three.js plus geo](https://paprika3d.com/docs/references/geometry): Procedural geometry for three.js games with geo.js, the Manifold-based module paprika3d puts in the project: booleans, hull, extrude, revolve, level sets, seeded scatter, and how to check each mesh with the eval tool.
- [Game effects: fx.js](https://paprika3d.com/docs/references/fx): Effects for three.js games with fx.js, the module paprika3d puts in the project: a first-load stage (tone mapping, environment, shadowed key light, resize), canvas textures, terrain and seeded placement, synthesized sound effects, particle bursts, camera shake and metre-scale UVs.
- [Performance: `perf` and the runtime layer](https://paprika3d.com/docs/references/optimize): How paprika3d measures a three.js page's performance with the perf tool, which runtime switches it tries with optimize: true (resolution, defaults, instancing, LOD, dispose), when each is kept, and how to add the runtime import.
- [Model files: `model_audit` and `shrink`](https://paprika3d.com/docs/references/assets): How paprika3d reports a three.js page's .glb and .gltf files with model_audit (size, triangles, textures, Draco, meshopt, KTX2) against a site or Shopify budget, and checks a gltf-transform fix with look compare.
- [Product viewers and configurators](https://paprika3d.com/docs/references/configurator): Testing a three.js product viewer or configurator with paprika3d: every variant in one look sheet, model_audit per variant file, and when to use Chrome DevTools or Lighthouse on the same URL.

## Guides

- [Guides](https://paprika3d.com/docs/guides): Task-by-task guides for building, testing and fixing three.js, React Three Fiber and WebGL pages with the paprika3d tools. Each guide is written by an agent, labeled so, and its code samples ran in the harness first.
- [How to add a game over screen and a restart to a three.js game](https://paprika3d.com/docs/guides/add-a-game-over-screen): How to add a game over screen and a restart button to a small three.js browser game: a state value for playing or over, lives that end the round, an HTML overlay with the score, one reset function that sets every value for the first round and every restart, the three restart mistakes (a second loop, listeners added again, a value left behind), and checks of the last hit and the restart with paprika3d's interact and look.
- [Build a three.js game with an AI agent, and check what it made before you trust it](https://paprika3d.com/docs/guides/ai-agent-build-threejs-game): What changes when a coding agent that builds a three.js game can open, see, play and measure it, with the paprika3d plugin for Claude Code: the measured results, what the skill and hooks have the agent check, a game whose rule passes while its pickup has no reaction until feel says so, and what the plugin does not judge.
- [AI prompt to make a game: what to tell the agent so the three.js game comes out as you meant](https://paprika3d.com/docs/guides/ai-prompt-to-make-a-game): What to type to get the game you imagined from an AI, with a prompt template to copy. The five parts that decide a build (what it is, the controls, how you win and lose, the look, what to leave out), a short request beside a full one, one request per change after that, and how the paprika3d plugin's paprika-make turns the answers into BRIEF.md and saved checks for a three.js game.
- [Can I make a game with ChatGPT? A small three.js game, and the step after the chat](https://paprika3d.com/docs/guides/can-i-make-a-game-with-chatgpt): Yes, a small one. What a chat assistant such as ChatGPT or Gemini can do for a first game (write one HTML file with three.js that you save and open), what it cannot do (run, see or play it), how to work around that, and the step after the chat, a coding agent that opens and sees the game with paprika3d.
- [ChatGPT three.js code not working? Run it, and read which lines are out of date](https://paprika3d.com/docs/guides/chatgpt-threejs-code-not-working): Why three.js code from ChatGPT, Copilot or another AI code generator throws, silently does nothing or draws a black scene, and how a coding agent runs it with the paprika3d plugin's open tool, which names each removed three.js API by file and line, sees the result with look, tries a fix with eval, and keeps each working feature as a check that names the next change that breaks it.
- [Control time in three.js tests, and keep movement frame-rate independent](https://paprika3d.com/docs/guides/control-time-threejs-tests): How a coding agent controls time when it tests a three.js page with the paprika3d plugin: a paused clock stepped 1/60 s a frame with requestAnimationFrame, performance.now, Date and timers faked, seeded Math.random, an animation's start and end frames read with trace and until, and a real-time play that shows a per-frame mover falling behind.
- [Deploy a three.js site without a 404: open the built folder before you upload it](https://paprika3d.com/docs/guides/deploy-threejs-site-404): Why a three.js page that works on localhost shows nothing once deployed, a .glb or three.js itself answering 404, and how a coding agent checks the built folder first with the paprika3d plugin's open tool. Covers an import map into node_modules, a model under src/ named by a string, the public/ folder and Vite's base path on a subfolder host.
- [Do I need a game engine to make a game? What a browser and three.js give a first game](https://paprika3d.com/docs/guides/do-i-need-a-game-engine): Do you need a game engine to make a game? For a small first game, no: a browser and three.js cover what an engine provides, shown part by part (editor, loop, input, physics, rendering, export) in a short three.js lane dodging game. Which suits an AI coding agent, how paprika3d lets it run, play and measure the page, and when Unity, Godot or Unreal fit better.
- [Free CC0 3D models and textures for three.js: find one, read its licence, place it at real size](https://paprika3d.com/docs/guides/free-cc0-3d-models-textures-threejs): Where to get a free 3D model or tiling PBR texture that a three.js site may use, what CC0 and CC BY 4.0 ask of you, and how a coding agent finds one with the paprika3d plugin's asset_search tool (by words or by a crop of a photo), picks it into the project with its loading code and a credit line, and checks it on the page with look.
- [How long does it take to make a game with AI? What one session builds in three.js](https://paprika3d.com/docs/guides/how-long-to-make-a-game-with-ai): How long a first game takes with an AI coding agent, shown with one timed session that built a small three.js moon lander from a request to four passing checks, what makes the time grow for a person (deciding, playing, asking for changes, more than typing), and how paprika3d's paprika-loop builds for a time you set while test says what still holds.
- [How to make a 3D browser game with three.js, from one HTML file](https://paprika3d.com/docs/guides/how-to-make-a-3d-browser-game): How to make a 3D browser game from one HTML file with three.js, for someone who has not used it: the import map, the state, the renderer, scene, camera and light, the objects, the keys, one rule and a loop that steps by elapsed time, in a small barrel jumping game, with the request to give an AI agent and how paprika3d runs and reads the page.
- [How to vibe code a game: a small three.js game an AI agent writes, opens and plays](https://paprika3d.com/docs/guides/how-to-vibe-code-a-game): How to vibe code a game when you have never written code: what to install, the first request to type, a small three.js star catching game to start from, the loop of playing it and asking for one change at a time, and the step where the AI agent opens and plays the game itself with paprika3d.
- [HTML game not working? Why a three.js game shows a blank page when opened as a file](https://paprika3d.com/docs/guides/html-game-not-working): Why a small three.js game saved as an HTML file shows a blank page on its first run, before any game bug, in the four ways it happens (opened as a file, three.js not where the import map points, one error that stops the script, a loop that never starts), how to serve the folder and read the browser console, and how a coding agent with paprika3d runs the page with open and look and reads the same faults itself.
- [Inspect a three.js scene graph and live values from a coding agent](https://paprika3d.com/docs/guides/inspect-threejs-scene-graph): How a coding agent inspects a three.js scene graph from outside the page with the paprika3d plugin: the object tree, world positions, materials, camera and renderer counts read with eval, live values changed and stepped on a paused clock, and the object under a pixel from look.
- [How to make a character move in JavaScript with the arrow keys, in a three.js game](https://paprika3d.com/docs/guides/make-a-character-move-in-javascript): How to make a character move smoothly with the arrow keys or WASD in a JavaScript browser game: why moving it inside the keydown event jumps and stalls, the held-keys set, event.code, movement by elapsed time, a diagonal at the same speed, turning to face the way it walks, mouse look with pointer lock, a small three.js game with all of it, and how a coding agent with paprika3d holds keys with interact and reads what moved.
- [How to make a game feel good: what reacts to each hit and pickup in a three.js game](https://paprika3d.com/docs/guides/make-a-game-feel-good): How to make a game feel good, for a first game: give every catch, hit and pickup a reaction on the same frame (a pop, a flash, sparks, a small shake, a sound), shown on a small three.js star-catching game you can paste, with the words to give an AI agent and paprika3d's feel tool listing what reacted before and after.
- [How to make a game with Claude Code: from install to a three.js game it plays itself](https://paprika3d.com/docs/guides/make-a-game-with-claude-code): How to make a game with Claude Code when you have never used a terminal. What to install (Claude Code, Node and Chrome), the folder to make, the two commands that add the paprika3d plugin, what to type to ask for a 3D game in three.js, and what the agent then does by itself (open, look, interact), with the lines of its replies a beginner reads.
- [How to make levels in a game: levels as data in a three.js game](https://paprika3d.com/docs/guides/make-levels-in-a-game): How to make levels in a game when you do not know what the technique is called: write each level as data (rows of characters), build it with one load function, load the next when the player reaches the exit, shown on a small three.js maze game, with an AI agent picturing every level, playing to the exit and checking that each exit can be reached.
- [How to make my game look better: light, colour and camera in a three.js game](https://paprika3d.com/docs/guides/make-my-game-look-better): How to make my game look better when it works but looks plain: five changes that lift a first three.js game (tone mapping and soft environment light, a palette of a few colours, a sky with fog, shadows, a camera that frames the player), shown before and after on a small coin-collecting game, with the words to give an AI agent and paprika3d's look reading both pictures.
- [How to make sound effects for a game in code, with no audio files, in three.js](https://paprika3d.com/docs/guides/make-sound-effects-for-a-game): How to make sound effects for a game as a beginner: where game sounds come from, how a jump, a pickup and a hit are made in code from a wave, a pitch slide and a fade with the browser's Web Audio and no files, how to play each one on its event and why the first key press matters, on a small three.js game, with paprika3d counting which events made a sound.
- [MCP server for 3D modeling with three.js: build a model in code, see it from four sides, save a GLB](https://paprika3d.com/docs/guides/mcp-server-3d-modeling-threejs): What an MCP server for 3D modeling gives a coding agent, as the Blender MCP does for Blender, and how the paprika3d plugin's model_run and model_look do it for three.js: a modelling scene kept between calls and across restarts, four true-size views with each part's measurements, a table whose top floats above its legs until the picture shows it, and a GLB saved into the project that the page loads.
- [MCP server that screenshots a WebGL canvas, for three.js pages](https://paprika3d.com/docs/guides/mcp-server-screenshot-webgl-canvas): paprika3d is an MCP server that screenshots a WebGL canvas. Its look tool returns the picture of a three.js, React Three Fiber or WebGL page inside the tool result, as an image the model reads, with the named objects on screen and their pixel boxes.
- [model-viewer vs three.js for a product page with AR, and moving a model or a colour change between them](https://paprika3d.com/docs/guides/model-viewer-vs-threejs): What model-viewer adds on top of three.js for a product page (one model, camera controls, AR, a material API), when a page needs three.js itself, how to pass a GLB from a three.js scene to model-viewer with or without a file, and how to change a material by name in each, with the paprika3d plugin's eval, model_audit and look replies on both kinds of page.
- [Multiple three.js canvases on one page: a renderer per widget, one shared canvas, or a scene in a modal](https://paprika3d.com/docs/guides/multiple-threejs-canvases-one-page): How to put several three.js scenes on one page, a WebGLRenderer per card or one renderer that draws each card's scene into its box with setViewport and setScissor, and a viewer in a modal; with the paprika3d plugin's eval counting canvases, observe's renderer counts, interact's record filming the shared canvas with its y axis upside down and then fixed, and a modal canvas left 0 by 0.
- [My kid wants to make a video game: making a small three.js game together with an AI agent](https://paprika3d.com/docs/guides/my-kid-wants-to-make-a-video-game): A parent's guide to making a first video game with a child. When a block-based tool such as Scratch fits, when an AI coding agent fits instead, and how to do the second together: the child designs and plays, the parent types, the agent builds a small three.js game, and paprika3d's look and interact record give you a picture and a GIF to share.
- [three.js: window is not defined in Next.js, and the blank canvas after the fix](https://paprika3d.com/docs/guides/nextjs-threejs-window-is-not-defined): Why three.js code in a Next.js client component fails with ReferenceError window is not defined, why next/dynamic with ssr false is refused in a Server Component, and how a coding agent finds both and the 0 px tall canvas that leaves the page blank after the fix, with the paprika3d plugin's open tool running next dev and look showing the canvas.
- [A Playwright alternative for three.js and WebGL pages built by agents](https://paprika3d.com/docs/guides/playwright-alternative-threejs-webgl): paprika3d is an MCP server a coding agent uses in place of a hand-written browser script to check a three.js or WebGL page. It returns the scene's named objects, what never appears on screen, the object under each click and the game state as JSON, on a paused clock.
- [How to put your game online and send friends a link to a three.js game](https://paprika3d.com/docs/guides/put-your-game-online): How to put your game online for the first time: make the folder complete (index.html at the top, relative paths, three.js copied in with the second file it loads), open that folder before uploading, then itch.io, GitHub Pages or Netlify Drop, shown on a small three.js lane-dodging game, with paprika3d opening the folder you upload and recording a clip to send.
- [React Three Fiber setState in useFrame: count the re-renders in a three.js scene, then switch to refs](https://paprika3d.com/docs/guides/r3f-setstate-in-useframe-rerenders): Why a React Three Fiber scene that calls setState in useFrame renders React every frame and leaks a geometry each time it makes one in the component body, how a coding agent counts both with the paprika3d plugin's interact trace and observe's renderer counts instead of guessing from frame times, and the fix with refs, useMemo and a HUD written straight to the DOM.
- [React Three Fiber MCP server: see and test your R3F three.js scene](https://paprika3d.com/docs/guides/react-three-fiber-mcp-server): paprika3d is an MCP server for React Three Fiber. It runs your R3F app's Vite dev server, screenshots the canvas, lists the named meshes on screen, presses keys on exact frames and reads the scene or your game state back as JSON, so a coding agent can check the R3F scene it wrote.
- [Reduce GLB file size for three.js: find the textures, shrink them, check the picture](https://paprika3d.com/docs/guides/reduce-glb-file-size-threejs): How to reduce a GLB file's size for a three.js page. A coding agent reads which part of the file holds the bytes with the paprika3d plugin's model_audit tool, rewrites the textures smaller with its shrink option, checks that the page looks the same with look save and compare, and reads what the textures cost on the GPU with perf.
- [Run three.js in headless Chrome without a GPU, and know what drew the frame](https://paprika3d.com/docs/guides/run-threejs-headless-chrome-without-gpu): How a coding agent runs a three.js page in headless Chrome on a machine with no GPU, with the paprika3d plugin: WebGL 2 on the SwiftShader software renderer, the GPU line that names the renderer, what the context supports, and which results a software renderer can and cannot be trusted for.
- [How to save the high score of a game in the browser, for a three.js game](https://paprika3d.com/docs/guides/save-the-high-score): How to save the high score of a browser game so it is still there after the page closes, on a small three.js game: localStorage under one key per game, read once at start, written at game over when beaten, turned back from text into a number, wrapped for a browser that blocks storage, where the score lives and where it does not, and how a coding agent checks it with paprika3d's interact, eval and test.
- [Screenshot a three.js scene headless from a coding agent](https://paprika3d.com/docs/guides/screenshot-threejs-scene-headless): How a coding agent takes a screenshot of a three.js or WebGL canvas in headless Chrome, gets the list of objects on screen with it, and pictures one object from four sides, using the paprika3d plugin's open and look tools.
- [Test a three.js game with Claude Code](https://paprika3d.com/docs/guides/test-threejs-game-claude-code): How Claude Code tests a three.js game with the paprika3d plugin. It opens the game in headless Chrome on a paused clock, looks at it, presses keys on exact frames and reads the state back as JSON through window.__game.
- [Text in three.js, TextGeometry, a canvas sprite or HTML, what each costs and how to update it](https://paprika3d.com/docs/guides/text-in-threejs): The ways to put text in a three.js scene (TextGeometry, a canvas texture on a sprite or plane, HTML over the canvas, an SDF text package), what each costs in triangles, draw calls and texture memory, and how each one updates when the text changes, with the two update bugs that leak geometry or freeze a label, measured with the paprika3d plugin's perf costs, look, interact and eval.
- [three.js 3D text with TextGeometry, centred, on several lines, facing the camera, and the font that will not load](https://paprika3d.com/docs/guides/threejs-3d-text-textgeometry): How to make 3D text in three.js with FontLoader and TextGeometry, centre it on its position, centre each line of a multiline sign, turn a label to face the camera, and find why a typeface font never loads, measured with the paprika3d plugin's eval stats, look target and open replies.
- [three.js animation crossfade from walk to run, without a T-pose flash or a fade that stops working](https://paprika3d.com/docs/guides/threejs-animation-crossfade-walk-run): Blending walk and run in three.js with AnimationAction.crossFadeTo, and the three ways it goes wrong (a fade back that leaves the model in its T-pose, a stop and fade-in that flashes the rest pose, root motion that resets the position), shown frame by frame with the paprika3d plugin's interact trace of each action's weight, a look sheet of the fade and one eval of the actions' flags.
- [three.js attach object to bone, so a sword stays in the hand at its own size through the animation](https://paprika3d.com/docs/guides/threejs-attach-object-to-bone): How to put a weapon, hat or tool on a three.js character's bone so it follows the animation, keeps its size under a rig scaled 0.01 and does not trail a frame behind, with Object3D.attach rather than add or a copied position; and how a coding agent with the paprika3d plugin checks it with look's on-screen list, an interact trace of the gap between hand and grip, and look at the hand's pixel.
- [three.js audio not playing until a click, and positional sound that does not follow the camera](https://paprika3d.com/docs/guides/threejs-audio-not-playing): Why three.js audio stays silent until the visitor clicks or presses a key (the browser creates the AudioContext suspended), where to call resume, and how to check that each PositionalAudio and the AudioListener sit where they should, read in the page with the paprika3d plugin's eval and interact tools and a level meter that needs no speakers.
- [Get the three.js bounding box and triangle count of a mesh or GLB model, and check it is watertight](https://paprika3d.com/docs/guides/threejs-bounding-box-triangle-count): How to get a three.js object's bounding box, size and triangle count, the one-line way with Box3 and from a coding agent with the paprika3d plugin, which adds whether each mesh is closed (watertight), its volume and genus, a four-side picture with its size, and a GLB file's triangles read from the file without loading it.
- [three.js change camera position on scroll, and check where the camera is at every stop](https://paprika3d.com/docs/guides/threejs-camera-position-on-scroll): How to move a three.js camera as the page scrolls (scroll progress from 0 to 1 mapped to camera stops, turned around the subject), the same shape in GSAP ScrollTrigger and drei ScrollControls, and two faults the paprika3d plugin's look scroll grid and interact scroll steps catch on a real page, a camera that passes through the product and one that never reaches the last stop.
- [three.js camera shake and hit feedback that reads, and the shake that is a bug](https://paprika3d.com/docs/guides/threejs-camera-shake-hit-feedback): How to make a hit or an explosion read in a three.js game (camera shake, a flash, a scale pop, particles, debris, a sound and the HUD, on the same frame), why a shake can vanish under the follow camera, and how a world that jitters while walking comes from moving the camera in its own timer, measured with the paprika3d plugin's feel and interact trace.
- [three.js change material color at run time, from a configurator's swatch menu, and check every option](https://paprika3d.com/docs/guides/threejs-change-material-color-configurator): How a three.js product configurator changes one part's colour or material from an HTML menu of swatches (find the part, give it its own material, set the colour as sRGB, swap materials on the meshes), and how a coding agent checks every option with the paprika3d plugin's eval, interact and look replies, including three faults those replies catch.
- [three.js click on object with a Raycaster, and why the click hits the wrong one](https://paprika3d.com/docs/guides/threejs-click-on-object-raycaster): How to click an object in three.js with a Raycaster and read the clicked point's 3D coordinate, and how to find why a click hits nothing or the neighbour (a canvas offset from the page's corner, a glTF whose child mesh is what the ray meets, a hidden mesh in front), shown with the paprika3d plugin's look and interact replies.
- [three.js collision detection without a physics engine, so the player stops at walls and slides along them](https://paprika3d.com/docs/guides/threejs-collision-detection-without-physics-engine): How to stop a three.js player at walls and keep it inside the play area with Box3 and no physics engine, moving one axis at a time so it slides along a wall, and three faults the paprika3d plugin's interact trace, expect and test catch on a real page, a player that walks through a wall, one that jumps across the room when it slides, and one that sticks.
- [three.js colors washed out? Tag colour textures sRGB, and find the ones that are not](https://paprika3d.com/docs/guides/threejs-colors-washed-out): Why three.js textures and colours draw washed out or too dark since r152, and how a coding agent finds each mistagged texture, the removed encoding code, and the drawn colour at a point from the paprika3d plugin's open and look replies, then checks the fix against the source colours.
- [three.js CSG boolean subtract: cut a window or hole through a mesh, and check that it goes through](https://paprika3d.com/docs/guides/threejs-csg-boolean-subtract): How to cut a window, a door or a hole out of a three.js mesh with a boolean subtract, union or intersection, and how a coding agent builds the cut with Manifold in the paprika3d plugin's model_run, reads from stats whether the hole goes through (genus 1) or left a sealed pocket (genus 0, 2 parts), checks the four views in model_look, and saves a GLB the page loads.
- [three.js Draco, meshopt or KTX2? Tell which compression a GLB uses and set up its loader](https://paprika3d.com/docs/guides/threejs-draco-meshopt-ktx2): Which compression a GLB file uses (Draco or meshopt for geometry, KTX2 or WebP for textures), the error each one gives when the three.js page has no decoder for it, the GLTFLoader setup that loads all three, and what each costs in bytes, read with the paprika3d plugin's model_audit and open tools.
- [three.js emissive material not glowing? Check the emissive colour under the map, the tone mapping, and what it lights](https://paprika3d.com/docs/guides/threejs-emissive-material-not-glowing): Why a three.js material with emissive set does not glow (an emissiveMap multiplied by a black emissive colour, tone mapping that pales a saturated emission, an emissive surface that lights nothing around it, a glTF emission strength the exporter dropped), and how a coding agent finds each one with the paprika3d plugin, listing every emissive material with eval, reading the drawn colours with look sample, and trying each fix on the open page before editing the source.
- [Measure three.js draw calls and FPS, and find what costs the frame](https://paprika3d.com/docs/guides/threejs-fps-draw-calls): How a coding agent measures a three.js page's frame time, FPS, draw calls and triangles with the paprika3d plugin's perf tool, splits them by named group, times a change such as instancing or a lower pixel ratio in one call, and checks which GPU the page drew on.
- [three.js glass transmission: why glass behind glass vanishes or goes black, and the extra render it costs](https://paprika3d.com/docs/guides/threejs-glass-transmission): How MeshPhysicalMaterial transmission draws glass in three.js r186 (a second render of every opaque object into a texture the glass samples), why a glass object behind another glass object disappears, why a bottle can turn near black, and how a coding agent checks each with the paprika3d plugin, reading every glass material with eval, sampling the drawn colours with look, and counting the extra draw calls with perf variants.
- [three.js glTF animation not playing? Read the mixer, its clock and each action's flags](https://paprika3d.com/docs/guides/threejs-gltf-animation-not-playing): Why a glTF model's animation does not play in three.js (no AnimationMixer, mixer.update never called or called with no time, the action never played, a LoopOnce clip that snaps back), and how a coding agent with the paprika3d plugin tells which from one eval of the actions' flags and an interact trace of a bone, then scrubs and reverses the clip.
- [three.js glTF model failed to load? Find the file, the decoder or the path](https://paprika3d.com/docs/guides/threejs-gltf-model-failed-to-load): When a three.js glTF model fails to load, the scene stays empty and the reason is in a console line or a network status. How a coding agent reads a 404, a missing DRACOLoader, a texture that did not load and a model a production build left out, from the paprika3d plugin's open and observe replies.
- [three.js glTF model too dark or black? Give its metal something to reflect](https://paprika3d.com/docs/guides/threejs-gltf-model-too-dark): Why a glTF or GLB model exported from Blender draws dark or black in three.js however many lights are added, and how a coding agent finds the cause in the paprika3d plugin's look reply, measures the drawn colour before and after a change, and puts an HDRI environment in the project with asset_search.
- [three.js glTF textures black on iOS? Add up what the textures take on a phone](https://paprika3d.com/docs/guides/threejs-gltf-textures-black-ios): Why a glTF model's textures can draw black, or the page crash, on iPhones and not on a desktop, what the three.js threads found, and how a coding agent reads each texture's pixel size with the paprika3d plugin's model_audit tool, the texture megabytes and pixel ratio with perf against its mobile budget, and caps both.
- [three.js HDRI environment and background, shown or hidden, at the strength you want](https://paprika3d.com/docs/guides/threejs-hdri-environment): How to load an HDRI in three.js r186 as the scene's environment and background, keep its light while hiding the picture, and set the strength of each, with the paprika3d plugin's open reply showing whether the .hdr loaded, asset_search putting a CC0 sky in the project, and look sampling the drawn colour after each change.
- [three.js HTML labels over a model with CSS2DRenderer, and why they land wrong, drift or show through](https://paprika3d.com/docs/guides/threejs-html-labels-css2drenderer): How to put HTML labels, tooltips and markers on a three.js model with CSS2DRenderer, and how to find why a label sits in the wrong place, drifts off its object after a resize, or shows through the model it should hide behind, shown with the paprika3d plugin's look, look at and interact resize replies.
- [three.js import map for three/addons: load OrbitControls and loaders from examples/jsm without a bundler](https://paprika3d.com/docs/guides/threejs-import-map-examples-jsm): Why three.js needs an import map, what three/addons/ maps to and why it must point at examples/jsm/ in a browser, a CDN-only page pinned to one release, and editor completion; with what the paprika3d plugin's open tool reports for each mistake: an unmapped three, an unmapped three/addons/, the alias path answering 404, and a CDN map an old release behind.
- [three.js in WordPress or Webflow: a canvas that fits the post, a model path that loads, or an iframe](https://paprika3d.com/docs/guides/threejs-in-wordpress-webflow-iframe): How to put a three.js scene inside a WordPress or Webflow page, as code in an HTML block or as an iframe, shown on a copy of a post with the paprika3d plugin's open naming the model URL the browser asked for, look showing the canvas below the footer, and interact and eval catching a box that keeps its height when the column narrows.
- [three.js InstancedMesh color per instance, and why setColorAt changes nothing](https://paprika3d.com/docs/guides/threejs-instancedmesh-color-per-instance): How to give each instance of a three.js InstancedMesh its own colour with setColorAt, and the three faults behind "setColorAt doesn't work" (vertexColors on the material, a mesh made with no room, a change never uploaded), each told apart by one eval call and checked against the drawn pixels with the paprika3d plugin's look sample.
- [three.js InstancedMesh disappears when the camera moves? Check its bounding sphere](https://paprika3d.com/docs/guides/threejs-instancedmesh-disappears-frustum-culling): Why a three.js InstancedMesh vanishes when the camera turns, or draws instances behind the camera, and how a coding agent finds the stale bounding sphere with the paprika3d plugin's look and eval, fixes it with computeBoundingSphere, and counts what splitting the mesh into chunks saves with perf.
- [three.js isometric camera with an OrthographicCamera that fits any screen, keeps the scene off the near plane and puts the mouse on the right tile](https://paprika3d.com/docs/guides/threejs-isometric-camera-orthographic): How to set up a three.js isometric or top-down view with an OrthographicCamera (the diagonal for true isometric or 2:1 tiles, a frustum that fits a wide screen and a portrait phone, near and far around the scene's depth, setFromCamera for the mouse), and three faults caught in the paprika3d plugin's replies: a phone that cuts the town's sides, a near plane that slices the front corner, and the perspective unproject recipe that puts the mouse on the wrong tile.
- [three.js line width not working, why linewidth stays 1 pixel, fat lines with Line2 and dashed lines that draw solid](https://paprika3d.com/docs/guides/threejs-line-width-not-working): Why linewidth on a three.js LineBasicMaterial draws 1 pixel wide whatever it is set to, how Line2 and LineMaterial draw fat lines that keep their width on screen or shrink with distance, and why a LineDashedMaterial draws solid until computeLineDistances() runs, measured in the page's own pixels with the paprika3d plugin's look and eval.
- [three.js looks different from Blender? Measure the page against the render, then fix the light units, tone mapping and world](https://paprika3d.com/docs/guides/threejs-looks-different-from-blender): Why a three.js page draws a Blender scene flatter, darker or blown out next to its Cycles render, and how a coding agent puts the render beside the page with the paprika3d plugin's reference compare, reads the causes in look's Lighting lines, and switches tone mapping, light intensity and the HDRI environment with eval until the share of differing pixels drops.
- [three.js match a reference image: rebuild its camera, place objects on its pixels, check the colours](https://paprika3d.com/docs/guides/threejs-match-reference-image-camera): How to rebuild a reference picture or mockup in three.js (the camera it was taken from with a vertical field of view, objects placed under the picture's own pixels, colours tuned to what the picture shows) and how a coding agent reads the picture and checks the page against it with the paprika3d plugin's reference tool and fx.js picture().
- [three.js minimap and game HUD, a second camera in a corner and a health bar that updates](https://paprika3d.com/docs/guides/threejs-minimap-game-hud): How to put a minimap from a second, top-down camera in a corner of a three.js game, and a health bar and score in HTML over the canvas that follow the game's state, with the paprika3d plugin's look and feel showing the HUD on a desktop and a phone, a HUD that does not update when health changes, and a minimap that covers the health bar on a narrow screen.
- [three.js model loading slow? Time a first visit on 4G and show a progress bar](https://paprika3d.com/docs/guides/threejs-model-loading-slow): Why a three.js page takes seconds to show its glTF model, and how to measure it. A coding agent times a first visit on a throttled 4G network with the paprika3d plugin's open and perf tools, judges it against a website budget, sees the loading screen as a visitor does with look, and finds the file to shrink with model_audit.
- [Find out why a three.js model is not visible](https://paprika3d.com/docs/guides/threejs-model-not-visible): A three.js object that never shows up is usually at the wrong scale, behind the camera, or never loaded. How a coding agent finds which, with the paprika3d plugin's look, eval and open replies.
- [three.js morph targets lip sync, with visemes driven on every mesh of the face and checked frame by frame](https://paprika3d.com/docs/guides/threejs-morph-targets-lip-sync): Driving a face's blend shapes (visemes, blinks, expressions) in three.js for lip sync: morphTargetDictionary and morphTargetInfluences, a timed viseme list turned into an AnimationClip, a face split into several meshes that each need the weights, and how a coding agent with the paprika3d plugin lists every mesh's targets with eval, traces the frame each viseme peaks with interact and pictures the sequence with look.
- [three.js onBeforeCompile not working? Read the shader each material compiled to see which patch it got](https://paprika3d.com/docs/guides/threejs-onbeforecompile-not-working): Why a MeshStandardMaterial patch made with onBeforeCompile in three.js r186 can land on one material and not the others (programs are cached by the function's source text, so a value baked into the GLSL is the first material's everywhere), why a patch can do nothing at all (a chunk renamed since the tutorial), and how a coding agent checks both with the paprika3d plugin, reading each mesh's compiled fragment shader with eval, sampling the drawn colours with look, and seeing the page's own error line after a source edit.
- [three.js OrbitControls limit zoom and rotation, so the camera stays out of the model and above the ground](https://paprika3d.com/docs/guides/threejs-orbitcontrols-limit-zoom-rotation): How to limit three.js OrbitControls (minDistance and maxDistance, maxPolarAngle above the ground, minAzimuthAngle and maxAzimuthAngle for the horizontal turn, minZoom and maxZoom for an orthographic camera), how to pick the values from the model's bounding sphere, and how the paprika3d plugin's interact wheel and drag steps with look show where the camera stops and what it sees there.
- [three.js smooth camera transition with OrbitControls, without a snap at the end or a jump at the start](https://paprika3d.com/docs/guides/threejs-orbitcontrols-smooth-camera-transition): How to move a three.js camera smoothly to a new object with OrbitControls by tweening the camera and the controls' target together (with your own tween or GSAP), how to change the orbit centre, and how the paprika3d plugin's look cameras grid and an interact trace of the camera's per-frame turn show the end framing first and catch a snap at the end or a jump at the start.
- [three.js OrbitControls and page scroll on mobile, so a swipe scrolls past the canvas and the wheel scrolls the page](https://paprika3d.com/docs/guides/threejs-orbitcontrols-touch-page-scroll): Why three.js OrbitControls stops a phone page from scrolling past the canvas (it sets touch-action to none) and why the wheel zooms instead of scrolling, a viewer that sleeps until tapped and lets the wheel scroll the page at its zoom limit, and how the paprika3d plugin's interact touch, tap and wheel steps read the page's scroll and the camera's angle together.
- [three.js outline selected object on hover with OutlinePass, around the whole model, and what the pass draws](https://paprika3d.com/docs/guides/threejs-outline-selected-object-on-hover): How to outline the hovered or selected object in three.js with OutlinePass so the outline goes around the whole glTF model and not the one part the ray met, and how a coding agent checks it with the paprika3d plugin, hovering named parts with interact on an exact frame, zooming on the outline with look, and counting the extra draw calls and triangles the pass adds with perf variants.
- [three.js page speed and Lighthouse: what a 3D hero costs the rest of the page](https://paprika3d.com/docs/guides/threejs-page-speed-lighthouse): Why a landing page with a three.js hero scores badly in Lighthouse or lags on scroll, and what a coding agent can measure before running Lighthouse with the paprika3d plugin: the script and asset megabytes against a website budget with perf, and whether the hero keeps drawing after the visitor scrolls past it, counted with interact and eval, then stopped with an IntersectionObserver.
- [three.js physics in a web worker, without jitter between the step and the render](https://paprika3d.com/docs/guides/threejs-physics-web-worker): Physics that stutters a three.js frame can run in a web worker, but a worker on its own timer brings jitter and runs that do not repeat. How the paprika3d plugin's game-state library runs Rapier in a worker on the page's clock, one step per 1/60 s tick, and how a coding agent checks it with interact and perf.
- [three.js Points particles: size by distance, why they disappear, and how many to draw](https://paprika3d.com/docs/guides/threejs-points-particles-size-disappear): How three.js sizes a Points particle on screen (sizeAttenuation, the pixel ratio, the canvas height and the distance), why a moving particle system vanishes as a whole when the camera turns (its bounding sphere from the first frame), and what the paprika3d plugin's look, eval and perf show about each, including what perf's counts leave out for points.
- [three.js responsive canvas that resizes without stretching and keeps the scene in frame on a phone](https://paprika3d.com/docs/guides/threejs-responsive-canvas-resize): The resize handler a three.js canvas needs (setSize, camera.aspect, updateProjectionMatrix, a capped setPixelRatio and a camera distance that fits a portrait screen), and the faults it prevents shown in the paprika3d plugin's replies: a phone that shows one product of three, a landscape turn that stretches the picture, a canvas sized by CSS alone, and a canvas with no height.
- [Retarget a Mixamo animation to another rig in three.js, when renamed tracks twist the arms and flip the legs](https://paprika3d.com/docs/guides/threejs-retarget-mixamo-animation): Why a Mixamo clip put on a three.js model rigged elsewhere twists limbs and inverts feet even after its track names match (the bones' rest axes differ), how SkeletonUtils.retargetClip with a names map and per-bone rest offsets fixes it, and how a coding agent with the paprika3d plugin compares the rigs' bone names and rest turns with eval, measures the pose frame by frame with interact, and finds a character that already has its clips with asset_search.
- [three.js selective bloom on some objects, without the glow showing through walls](https://paprika3d.com/docs/guides/threejs-selective-bloom): How to bloom some objects and not others in three.js with UnrealBloomPass, why the layers recipe can make a lamp glow through the wall in front of it, and how a coding agent finds that with the paprika3d plugin (look naming a never-visible lamp and the wall at the glowing pixel, sample reading the glow), moves to a luminance threshold with emissive values above 1, finds the intensity where the glow starts, and reads each pass and its draw calls from perf.
- [three.js ShaderMaterial uniform not updating? Find which copy of the uniform the shader reads](https://paprika3d.com/docs/guides/threejs-shadermaterial-uniform-not-updating): Why a ShaderMaterial uniform set every frame in three.js leaves the picture unchanged (a cloned material, a ShaderPass that copied the shader's uniforms, a uniforms object replaced after the first draw, a compile error), and how a coding agent tells the cases apart with the paprika3d plugin, tracing the value the code writes with interact, reading the value each mesh and pass holds with eval, and confirming a fix with look save and compare.
- [three.js shadow map performance: count the shadow passes, then draw static shadows once](https://paprika3d.com/docs/guides/threejs-shadow-map-performance): What three.js shadows cost per frame (a depth pass per casting light, six for a point light, and the map's pixels), and how a coding agent counts the shadow draw calls with the paprika3d plugin's open and perf, prices each change (maps drawn once, lamps without shadows, a smaller map) on a fresh page with perf variants, and checks with look that a static scene's picture did not change.
- [three.js shadows not showing? Check four switches, then the shadow camera](https://paprika3d.com/docs/guides/threejs-shadows-not-showing): Why three.js shadows do not render, or render in a small square around the origin and nowhere else, and how a coding agent reads the four shadow switches in one eval call and gets the casters outside a directional light's shadow camera named, with its extent, from the paprika3d plugin's look reply.
- [three.js SSAO artifacts: glass that darkens like a solid box, halos on the wall, and what the pass costs](https://paprika3d.com/docs/guides/threejs-ssao-artifacts): Why a screen-space ambient occlusion pass in three.js r186 (SSAOPass, SAOPass or GTAOPass) darkens around a transparent object as if it were solid and leaves what stands inside it without contact shadow, why a large radius draws halos on a wall behind an object, and how a coding agent checks both with the paprika3d plugin, switching the pass to show its AO buffer with eval, sampling that buffer with look, and counting what the pass draws with perf variants.
- [three.js third person camera that follows the player smoothly, stays out of walls, and orbits a moving player with OrbitControls](https://paprika3d.com/docs/guides/threejs-third-person-camera-follow): How to write a three.js third person follow camera (a point behind the player approached with frame-rate independent smoothing, pulled in front of walls with a ray), how to keep OrbitControls orbiting a player that walks, and how the paprika3d plugin's interact trace, look and test measure the lag in units and catch a camera behind a wall or one that falls behind.
- [three.js third person character controller with Rapier, checked frame by frame on slopes, stairs and a long fall](https://paprika3d.com/docs/guides/threejs-third-person-character-controller): A third person character in three.js and React Three Fiber on Rapier's kinematic character controller, with gravity in code, a slope limit, steps, snap to ground and a follow camera; and how a coding agent with the paprika3d plugin measures the jump height and airtime with an interact trace, sees a held key climb a ramp or stop at a steep slope, and finds the landing frame of a long fall with until.
- [three.js tilemap and sprite sheet, without lines at the tile edges, frames at the right speed and tile collision](https://paprika3d.com/docs/guides/threejs-tilemap-sprite-sheet): How to draw a 2D tile map and an animated sprite sheet in three.js from one texture atlas, why lines of the wrong colour appear along the tile edges and how nearest filtering removes them, how to pick a sheet's frames by time, and how to collide with tiles from the map, measured with the paprika3d plugin's look zoom, sample and sheet and interact trace.
- [three.js too many meshes? Merge, instance or batch, chosen by what each one keeps](https://paprika3d.com/docs/guides/threejs-too-many-meshes-merge-or-instance): How to cut the draw calls of a three.js scene made of thousands of separate meshes, and how to choose between mergeGeometries, InstancedMesh and BatchedMesh by what each keeps (moving one object, culling, picking); a coding agent finds the group that costs the draw calls with the paprika3d plugin's perf costs and counts each version on a fresh page with perf variants.
- [three.js transparent background with alpha, and the post-processing pass that paints it black again](https://paprika3d.com/docs/guides/threejs-transparent-background): How to make a three.js canvas transparent so the page shows behind it (alpha true, a clear alpha of 0, no scene.background), and how to find the EffectComposer pass that paints it black again, shown with the paprika3d plugin's look, sample and eval replies before and after the fix.
- [three.js transparent objects render in the wrong order? Name what each pixel drew, then set alphaTest, renderOrder or depthWrite](https://paprika3d.com/docs/guides/threejs-transparent-objects-wrong-order): Why a transparent object in three.js hides what is behind it or cuts a hole in its neighbour, and how a coding agent finds the material at fault with the paprika3d plugin's look (the objects at a pixel, nearest first, and a colour sample), lists every transparent material's flags and sort depth with eval, sees the fault flip from four cameras, and checks alphaTest, renderOrder and depthWrite on the open page before editing the source.
- [three.js upgrade looks different? Measure what each change did, between the old version and the new](https://paprika3d.com/docs/guides/threejs-upgrade-looks-different): Why a scene looks darker or differently coloured after a three.js upgrade, and how a coding agent saves the old version's picture with the paprika3d plugin's look, compares the new version against it at the same frame, and closes the difference one change at a time, colour space, legacy lights and colour management, with the share of differing pixels and sampled colours after each fix.
- [three.js USDZ exporter for AR Quick Look: why the file grows, how to shrink it, and reading it back](https://paprika3d.com/docs/guides/threejs-usdz-ar-quick-look): How to make a USDZ for iOS AR Quick Look from a three.js r186 scene with USDZExporter, why the file comes out larger than the GLB and the two settings that shrink it, where the model's base must sit, and what three's USDLoader shows when it reads the file back, with the paprika3d plugin's eval writing the file and model_audit reading it.
- [Use the same glTF model twice in three.js, with clone() or SkeletonUtils.clone, and find the copy that is missing](https://paprika3d.com/docs/guides/threejs-use-same-gltf-model-twice-clone): A glTF model loaded once and added to a three.js scene twice draws once, and a skinned model copied with clone() draws where the first copy stands. Why both happen, the fix for each (Object3D.clone, SkeletonUtils.clone, drei's Clone), and how a coding agent with the paprika3d plugin sees the missing copy in look's on-screen list and finds whose bones each skin follows with one eval.
- [three.js virtual joystick and touch look for a phone game, beside keyboard and pointer lock on a computer](https://paprika3d.com/docs/guides/threejs-virtual-joystick-mobile-touch-controls): How to add an on-screen joystick, a drag-to-look area and a jump button to a three.js game for phones (pointer events followed by pointerId, touch-action none on the canvas, pointer-events none on the joystick's picture), next to WASD and pointer lock on a computer, and how the paprika3d plugin's interact touch steps at a phone's size drive one and two fingers and catch the three faults that leave a joystick dead or a second finger turning the view.
- [three.js terrain heightmap a character walks on, with its feet on the ground as drawn instead of sinking or floating](https://paprika3d.com/docs/guides/threejs-walk-on-terrain-heightmap): How to make a three.js character or car walk on terrain built from a heightmap picture or noise (a height lookup from the same data as the mesh, or a ray down onto any mesh, such as one made in Blender), and how the paprika3d plugin's interact trace of the player's height and its gap to the mesh as drawn catches the two faults that make it sink or float: a mesh coarser than the picture, and hills raised by a displacementMap that the CPU never sees.
- [three.js WebGL context lost? Count what each level and each renderer leaves on the GPU](https://paprika3d.com/docs/guides/threejs-webgl-context-lost): Why a three.js page goes blank with "context lost" or warns "Too many active WebGL contexts", and how a coding agent watches textures, geometries and renderers pile up with the paprika3d plugin's observe, eval and perf tools, frees them with dispose(), and checks that the page survives a lost context.
- [three.js WebGPU or WebGL backend, which one drew the page and what changes with the renderer](https://paprika3d.com/docs/guides/threejs-webgpu-or-webgl-backend): How to tell whether a three.js r186 WebGPURenderer page is drawing on WebGPU or on its WebGL 2 fallback, why the same scene looks different under WebGPURenderer and WebGLRenderer even on the fallback, and which custom shaders run on both backends, with the paprika3d plugin's open, look and eval replies.
- [three.js z-fighting flicker? Find the faces that share a plane, and check the fix from every side](https://paprika3d.com/docs/guides/threejs-z-fighting-flicker): Why a rug on a floor or a decal on a wall flickers in three.js, and how a coding agent gets the coplanar pairs named by the paprika3d plugin's look, sees the stripes from four cameras and a zoom, tries polygon offset, a lift, a camera near plane and transparency with depthWrite off in eval, and sees the line close after the edit.
- [Unit test a three.js app in a real browser, with checks that rerun after every edit](https://paprika3d.com/docs/guides/unit-test-threejs-app): How a coding agent unit tests a three.js app with the paprika3d plugin: the rules kept in plain functions, each behaviour played in real headless Chrome with interact, checked with expect, saved to game-tests.json, and rerun from a fresh reload by test and after every edit, so a refactor that breaks a rule shows up as one failing line.
- [Vibe coding bugs: keep the AI from breaking what already worked in a three.js game](https://paprika3d.com/docs/guides/vibe-coding-bugs): Why a game made by vibe coding works, then breaks a little more with each fix, and the habit that stops it, shown on a small three.js game where adding a dash quietly removes the walls: one change per request, a list of what works replayed after every change, a saved copy of each working version, and with paprika3d the list kept as checks (interact with expect and save, test, the after-edit hook, look with save and compare) that name the feature a change broke.
- [Visual regression test a three.js scene at an exact frame, with a saved baseline and a pixel diff](https://paprika3d.com/docs/guides/visual-regression-test-threejs): How a coding agent visual regression tests a three.js or WebGL scene with the paprika3d plugin: a picture saved as a baseline at an exact frame of a paused, seeded clock, compared after each edit with the share of pixels that differ, a diff picture and a grid of regions, and why a seeded random layout can still move when the edit creates fewer objects.
- [What game should I make first? Small three.js games an AI agent can finish and play](https://paprika3d.com/docs/guides/what-game-should-i-make-first): What game should you make first? One with a single rule, on one screen, with a way to lose: a catcher, a dodger, a runner, snake on a grid, a 3D breakout or a copy of a small classic, each with what makes it finishable. Then snake on a grid as a small three.js game an AI agent can write, with its rules checked and kept with paprika3d.
- [Where to start making a game: a small three.js game in the browser, built with an AI agent](https://paprika3d.com/docs/guides/where-to-start-making-a-game): Where to start making a game with no experience: the first hour in order, from picking a game small enough to finish to a running three.js page with one thing to move, one thing to reach and a timer, checking its rule, and showing it to someone. With the request to give an AI agent and the paprika3d step where the agent runs and plays the page itself.

## Errors

- [three.js error and warning messages](https://paprika3d.com/docs/errors): Console errors and warnings three.js and its loaders print, one page each: the exact message, the line of three.js that prints it and when, the usual causes, the fix in code, and what the paprika3d tools reply on a page that shows it.
- [THREE.Audio: Audio is already playing.](https://paprika3d.com/docs/errors/audio-is-already-playing): What the three.js warning "THREE.Audio: Audio is already playing." means, the isPlaying check at the top of Audio.play(), the click handlers, loops and autoplay settings that reach it, and how the paprika3d plugin's interact replies count the sounds that started before and after a pool of Audio objects.
- [THREE.WebGLAttributes: The size of the buffer attribute's array buffer does not match the original size. Resizing buffer attributes is not supported.](https://paprika3d.com/docs/errors/buffer-attribute-size-does-not-match): What three.js means by "THREE.WebGLAttributes: The size of the buffer attribute's array buffer does not match the original size", the check in WebGLAttributes.js that throws it, why a geometry cannot grow in place, and how a coding agent catches it over several drawn frames with the paprika3d plugin's interact reply.
- [THREE.WebGLRenderer.render: camera is not an instance of THREE.Camera.](https://paprika3d.com/docs/errors/camera-is-not-an-instance-of-three-camera): What three.js means by "THREE.WebGLRenderer.render: camera is not an instance of THREE.Camera.", the isCamera test in WebGLRenderer.js that prints it, the objects that end up in the camera argument, and how a coding agent spots the wrong argument with the paprika3d plugin's observe and eval replies.
- [THREE.WebGLProgram: Can not resolve #include <encodings_fragment>](https://paprika3d.com/docs/errors/can-not-resolve-include): What three.js means by "THREE.WebGLProgram: Can not resolve #include <name>", the include resolver in WebGLProgram.js that throws it, the renamed and removed chunks behind most cases in r186, and how a coding agent finds the name with the paprika3d plugin's look, observe and eval replies.
- [THREE.Clock: This module has been deprecated. Please use THREE.Timer instead.](https://paprika3d.com/docs/errors/clock-module-has-been-deprecated): Why three.js prints "THREE.Clock: This module has been deprecated. Please use THREE.Timer instead." from r183 on, the line in Clock.js that prints it when a Clock is made, how THREE.Timer replaces getDelta and getElapsedTime, and how the paprika3d plugin's open reply lists the warning.
- [THREE.BufferGeometry.computeBoundingSphere(): Computed radius is NaN. The "position" attribute is likely to have NaN values.](https://paprika3d.com/docs/errors/computed-radius-is-nan): What three.js means by "THREE.BufferGeometry.computeBoundingSphere(): Computed radius is NaN", the line of BufferGeometry.js that prints it, why a position attribute holds NaN, how to fix the geometry, and how a coding agent finds the bad vertex with the paprika3d plugin's look, observe and eval replies.
- [THREE.DRACOLoader: Decoding failed: Failed to decode geometry data.](https://paprika3d.com/docs/errors/dracoloader-decoding-failed): What three.js means by "THREE.DRACOLoader: Decoding failed:" followed by Failed to decode geometry data or Unknown minor version, why the error your onError receives has no message, and how a coding agent reads the Draco header with the paprika3d plugin's open and eval replies.
- [THREE.WebGLRenderer: Error creating WebGL context.](https://paprika3d.com/docs/errors/error-creating-webgl-context): What three.js means by "THREE.WebGLRenderer: Error creating WebGL context.", the lines of WebGLRenderer.js that throw it, the reasons a browser refuses a WebGL 2 context, and how a coding agent reads the failure from the paprika3d plugin's open reply.
- [THREE.FBXLoader: SpecularFactor map is not supported in three.js, skipping texture.](https://paprika3d.com/docs/errors/fbxloader-map-is-not-supported): What three.js means by "THREE.FBXLoader: SpecularFactor map is not supported in three.js, skipping texture", which material slots of an FBX file the loader reads and which it drops, and how a coding agent sees the dropped map with the paprika3d plugin's open and eval replies.
- [THREE.FBXLoader: Vertex has more than 4 skinning weights assigned to vertex. Deleting additional weights.](https://paprika3d.com/docs/errors/fbxloader-more-than-4-skinning-weights): What three.js means by "THREE.FBXLoader: Vertex has more than 4 skinning weights assigned to vertex. Deleting additional weights.", which bone influences the loader keeps, how to limit them on export, and how a coding agent reads a vertex's weights with the paprika3d plugin's eval replies.
- [FBXLoader: TGA loader not found, skipping  crate.tga](https://paprika3d.com/docs/errors/fbxloader-tga-loader-not-found): What three.js means by "FBXLoader: TGA loader not found, skipping", why an FBX model with an embedded TGA texture draws black, how to register TGALoader on the loading manager, and how a coding agent sees the missing picture with the paprika3d plugin's eval replies.
- [THREE.FBXLoader: Unknown format.](https://paprika3d.com/docs/errors/fbxloader-unknown-format): What three.js means by "THREE.FBXLoader: Unknown format.", the header test in FBXLoader.js that throws it, which files fail that test, and how a coding agent reads the first bytes of the file with the paprika3d plugin's open and eval replies.
- [Uncaught TypeError: THREE.GLTFLoader is not a constructor](https://paprika3d.com/docs/errors/gltfloader-is-not-a-constructor-cdn): Why a three.js page that loads GLTFLoader or OrbitControls with a script tag from a CDN throws "THREE.GLTFLoader is not a constructor", the examples/js folder that was removed in r148, the import map that loads the addons as modules, and what the paprika3d plugin's open reply names on such a page.
- [THREE.GLTFLoader: JSON content not found.](https://paprika3d.com/docs/errors/gltfloader-json-content-not-found): What three.js means by "THREE.GLTFLoader: JSON content not found.", the GLB header field that causes it, how to repair the file or the writer that made it, and how a coding agent reads the header with the paprika3d plugin's eval replies.
- [THREE.GLTFLoader: Unknown extension "KHR_materials_pbrSpecularGlossiness".](https://paprika3d.com/docs/errors/gltfloader-unknown-extension): What three.js means by "THREE.GLTFLoader: Unknown extension", which glTF extensions r186 reads, why a KHR_materials_pbrSpecularGlossiness model loads white or black, how to convert it, and how a coding agent reads the material with the paprika3d plugin's open, look and eval replies.
- [THREE.Material: 'map' is not a property of THREE.ShaderMaterial.](https://paprika3d.com/docs/errors/material-is-not-a-property): What three.js means by "THREE.Material: 'map' is not a property of THREE.ShaderMaterial." and the same warning for any option and material class, the check in Material.setValues() that drops the value, the usual causes (uniforms for ShaderMaterial, an option from another material, a typo, a removed property) and the paprika3d open reply that lists it.
- [THREE.BufferGeometryUtils: .mergeGeometries() failed with geometry at index 1. All geometries must have compatible attributes; make sure index attribute exists among all geometries, or in none of them.](https://paprika3d.com/docs/errors/mergegeometries-compatible-attributes): What the three.js error "BufferGeometryUtils: .mergeGeometries() failed with geometry at index N. All geometries must have compatible attributes" means, the checks in BufferGeometryUtils.js behind it, which built-in geometries are indexed and which are not, and how the paprika3d plugin's open, observe and eval replies show the merge returning null.
- [THREE.WARNING: Multiple instances of Three.js being imported.](https://paprika3d.com/docs/errors/multiple-instances-of-three-js): What the three.js warning "Multiple instances of Three.js being imported" means, the check in Three.Core.js that prints it, the import paths that load three twice, and how the paprika3d plugin's open and eval replies name both copies.
- [R3F: Div is not part of the THREE namespace! Did you forget to extend? See: https://docs.pmnd.rs/react-three-fiber/api/objects#using-3rd-party-objects-declaratively](https://paprika3d.com/docs/errors/not-part-of-the-three-namespace): Why React Three Fiber throws "R3F: Div is not part of the THREE namespace! Did you forget to extend?", the catalogue lookup in R3F 9 that throws it, the two usual causes (HTML inside the Canvas, an addon class never passed to extend), the TypeScript errors that go with them, and what the paprika3d plugin's open and look replies show.
- [THREE.Object3D.add: object not an instance of THREE.Object3D.](https://paprika3d.com/docs/errors/object3d-add-not-an-instance): Why three.js prints "THREE.Object3D.add: object not an instance of THREE.Object3D." when a loader result, a geometry or a material is passed to scene.add(), the check in Object3D.js that rejects it, and how the paprika3d plugin's open, look and eval replies show the missing object.
- [THREE.ObjectLoader: Can't parse models/chair.obj. Unexpected token '#', "# Blender "... is not valid JSON](https://paprika3d.com/docs/errors/objectloader-cant-parse): What three.js means by "THREE.ObjectLoader: Can't parse <url>." with a JSON SyntaxError after it, which files ObjectLoader reads, which loader an OBJ, glTF or FBX file needs instead, and how a coding agent reads the error with the paprika3d plugin's open and observe replies.
- [THREE.ObjectLoader: Undefined texture #87ceeb](https://paprika3d.com/docs/errors/objectloader-undefined-texture): What three.js means by "THREE.ObjectLoader: Undefined texture" followed by a uuid or a colour, which fields of a scene JSON ObjectLoader looks up as textures, why a background written as a colour string turns the scene black, and how a coding agent finds it with the paprika3d plugin's open, look and eval replies.
- [THREE.OBJLoader: Unexpected line: "<!doctype html>"](https://paprika3d.com/docs/errors/objloader-unexpected-line): What three.js means by "THREE.OBJLoader: Unexpected line" followed by a line of HTML, why a dev server answers a missing OBJ file with its index page, where the file has to go, and how a coding agent spots the HTML answer with the paprika3d plugin's open and eval replies.
- [THREE.WebGLRenderer: Property .outputEncoding has been removed. Use .outputColorSpace instead.](https://paprika3d.com/docs/errors/outputencoding-has-been-removed): What the three.js warning "Property .outputEncoding has been removed. Use .outputColorSpace instead." meant in r152 to r161, why r162 and later print nothing for the same line while a texture's colours go wrong, the old to new mapping from three's own setters, and what the paprika3d plugin's open and look replies show on r160 and r186.
- [THREE.WebGLShadowMap: PCFSoftShadowMap has been removed. Using PCFShadowMap instead.](https://paprika3d.com/docs/errors/pcfsoftshadowmap-has-been-removed): Why three.js r186 prints "THREE.WebGLShadowMap: PCFSoftShadowMap has been removed. Using PCFShadowMap instead.", the line in WebGLShadowMap.js that switches the type at the first shadow render, how PCFShadowMap and shadow.radius give soft shadows now, and why the paprika3d look reply misses the warning while an eval catches it.
- [THREE.PointerLockControls: Unable to use Pointer Lock API](https://paprika3d.com/docs/errors/pointerlockcontrols-unable-to-use-pointer-lock-api): Why three.js PointerLockControls prints "THREE.PointerLockControls: Unable to use Pointer Lock API", the pointerlockerror listener behind it, the browser rules that refuse a lock (a missing user gesture above all), and the paprika3d plugin's open, interact and eval replies before and after moving lock() into a click.
- [THREE.PropertyBinding: Cannot parse trackName: fan](https://paprika3d.com/docs/errors/propertybinding-cannot-parse-trackname): Why three.js throws "THREE.PropertyBinding: Cannot parse trackName" when an AnimationClip starts, the track name syntax parseTrackName() accepts, the names that fail it (no property, empty brackets), and how the paprika3d plugin's open, look and eval replies show a page stopped by the throw.
- [THREE.PropertyBinding: No target node found for track: mixamorigHips.quaternion.](https://paprika3d.com/docs/errors/propertybinding-no-target-node-found): What the three.js warning "THREE.PropertyBinding: No target node found for track" means, how AnimationMixer looks up the node a track names, why Mixamo and other clips miss it (prefixes, renamed bones, the wrong mixer root), and how the paprika3d plugin's open, interact and eval replies show the clip doing nothing.
- [THREE.Raycaster: Unsupported camera type: Camera](https://paprika3d.com/docs/errors/raycaster-unsupported-camera-type): What "THREE.Raycaster: Unsupported camera type" means in three.js, the branch of Raycaster.setFromCamera() that prints it, which cameras and values reach it, how to build the ray yourself from a projection matrix, and what the paprika3d plugin's eval and observe replies show before and after.
- [THREE.WebGLProgram: Shader Error 0 - VALIDATE_STATUS false](https://paprika3d.com/docs/errors/shader-error-validate-status-false): What three.js means by "THREE.WebGLProgram: Shader Error 0 - VALIDATE_STATUS false", why the 0 and the false say nothing about the bug, how to map the GLSL line number back to your shader, and how a coding agent gets the whole compiler log from the paprika3d plugin's look and observe replies.
- [THREE.WebGLTextures: sRGB encoded textures have to use RGBAFormat and UnsignedByteType.](https://paprika3d.com/docs/errors/srgb-encoded-textures-have-to-use-rgbaformat-and-unsignedbytetype): What three.js means by "THREE.WebGLTextures: sRGB encoded textures have to use RGBAFormat and UnsignedByteType.", the colour space check in WebGLTextures.js, why sRGB on float, half float or RGB data draws too light, the two ways to fix it, and the paprika3d eval reply that shows the warning and the pixel it changes.
- [THREE.WebGLRenderer: Texture has been resized from (12000x750) to (8192x512).](https://paprika3d.com/docs/errors/texture-has-been-resized): What three.js means by "THREE.WebGLRenderer: Texture has been resized from (WxH) to (WxH).", the resize in WebGLTextures.js that runs when an image is larger than the GPU's maxTextureSize, why it shows up on phones and with large GLB textures, and how to see it through the paprika3d plugin's eval reply.
- [THREE.WebGLRenderer: Texture marked for update but image is incomplete](https://paprika3d.com/docs/errors/texture-marked-for-update-but-image-is-incomplete): Why three.js prints "THREE.WebGLRenderer: Texture marked for update but image is incomplete" when a frame is drawn before an HTMLImageElement has finished loading or decoding, the check in WebGLTextures.js behind it, how to wait for the image, and what the paprika3d plugin's open, eval and look replies show of it.
- [THREE.WebGLRenderer: Texture marked for update but no image data found.](https://paprika3d.com/docs/errors/texture-marked-for-update-but-no-image-data-found): What three.js means by "THREE.WebGLRenderer: Texture marked for update but no image data found.", the check in WebGLTextures.js that prints it on every frame, the code that sets needsUpdate on a texture with no image, and how the paprika3d plugin's eval reply catches the warning that look and observe leave out.
- [Uncaught TypeError: THREE.Geometry is not a constructor](https://paprika3d.com/docs/errors/three-geometry-is-not-a-constructor): Why code from an older three.js tutorial throws "THREE.Geometry is not a constructor" on a current release, what r125 removed, how vertices and Face3 faces map onto a BufferGeometry's position attribute and index, and how the paprika3d plugin's open and eval replies name the line and measure the replacement.
- [THREE.BufferGeometry.toNonIndexed(): BufferGeometry is already non-indexed.](https://paprika3d.com/docs/errors/tononindexed-already-non-indexed): What the three.js warning "BufferGeometry.toNonIndexed(): BufferGeometry is already non-indexed" means, why toNonIndexed() then returns the same geometry instead of a copy, which built-in geometries have no index, and how the paprika3d plugin's open, look and eval replies catch two meshes sharing one geometry.
- [`THREE.WebGLTextures: Trying to use 33 texture units while this GPU supports only 32`](https://paprika3d.com/docs/errors/trying-to-use-texture-units): What the three.js warning "THREE.WebGLTextures: Trying to use 33 texture units" means, how WebGLTextures counts the samplers of one material, when going over the limit breaks a draw and when it does not, and how a coding agent sees the warning with the paprika3d plugin's eval reply.
- [THREE.WebGLRenderer: Unable to use normalized textures without EXT_texture_norm16 extension](https://paprika3d.com/docs/errors/unable-to-use-normalized-textures-without-ext-texture-norm16): Why three.js prints "THREE.WebGLRenderer: Unable to use normalized textures without EXT_texture_norm16 extension" for a 16-bit texture with normalized set, the internal format check in WebGLTextures.js, what the texture does on a GPU without the extension, the half float and float alternatives, and the paprika3d eval reply that shows the warning.
- [THREE.WebGLRenderer: Attempt to load unsupported compressed texture format in .uploadTexture()](https://paprika3d.com/docs/errors/unsupported-compressed-texture-format): Why three.js prints "THREE.WebGLRenderer: Attempt to load unsupported compressed texture format in .uploadTexture()" when a DDS, PVR or KTX2 texture is in a GPU format the device does not have, the check in WebGLTextures.js, how KTX2Loader and a fallback avoid it, and the paprika3d eval reply that shows it.
- [THREE.WebGLRenderer: A WebGL context could not be created. Reason:  Canvas has an existing context of a different type](https://paprika3d.com/docs/errors/webgl-context-could-not-be-created): What three.js means by "THREE.WebGLRenderer: A WebGL context could not be created. Reason:", the event listener in WebGLRenderer.js that prints the browser's reason, what each kind of reason points to, and how a coding agent catches a second context request on three's canvas with the paprika3d plugin.

## Models

- [Free 3D models for three.js, by kind](https://paprika3d.com/docs/models): Free 3D models for three.js from the paprika3d asset library, one page per kind of model: what the library holds of it, counted from its catalog, and models to start from with their author, license, credit line and the asset_search call that fetches them.
- [Free tree 3D models for three.js (GLB, CC BY)](https://paprika3d.com/docs/models/trees): 24 free trees for three.js from the 1,617 in the paprika3d asset library (CC BY), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free palm tree 3D models for three.js (GLB, CC BY)](https://paprika3d.com/docs/models/palm-trees): 24 free palm trees for three.js from the 156 in the paprika3d asset library (CC BY), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free flower 3D models for three.js (GLB, CC BY)](https://paprika3d.com/docs/models/flowers): 24 free flowers for three.js from the 445 in the paprika3d asset library (CC BY), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free plant 3D models for three.js (GLB, CC BY)](https://paprika3d.com/docs/models/plants): 24 free plants for three.js from the 1,138 in the paprika3d asset library (CC BY), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free rock 3D models for three.js (GLB, CC BY and CC0)](https://paprika3d.com/docs/models/rocks): 17 free rocks for three.js from the 45 in the paprika3d asset library (CC BY and CC0), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free terrain 3D models for three.js (GLB, CC BY)](https://paprika3d.com/docs/models/terrain): 24 free terrain models for three.js from the 210 in the paprika3d asset library (CC BY), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free floating island 3D models for three.js (GLB, CC BY)](https://paprika3d.com/docs/models/islands): 24 free floating islands for three.js from the 403 in the paprika3d asset library (CC BY), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free crystal 3D models for three.js (GLB, CC BY and CC0)](https://paprika3d.com/docs/models/crystals): 24 free crystals for three.js from the 219 in the paprika3d asset library (CC BY and CC0), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free planet 3D models for three.js (GLB, CC BY and CC0)](https://paprika3d.com/docs/models/planets): 21 free planets for three.js from the 46 in the paprika3d asset library (CC BY and CC0), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free car 3D models for three.js (GLB, CC BY)](https://paprika3d.com/docs/models/cars): 24 free cars for three.js from the 1,239 in the paprika3d asset library (CC BY), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free truck 3D models for three.js (GLB, CC BY)](https://paprika3d.com/docs/models/trucks): 24 free trucks for three.js from the 487 in the paprika3d asset library (CC BY), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free tank 3D models for three.js (GLB, CC BY)](https://paprika3d.com/docs/models/tanks): 24 free tanks for three.js from the 441 in the paprika3d asset library (CC BY), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free boat 3D models for three.js (GLB, CC BY)](https://paprika3d.com/docs/models/boats): 24 free boats for three.js from the 370 in the paprika3d asset library (CC BY), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free airplane 3D models for three.js (GLB, CC BY)](https://paprika3d.com/docs/models/airplanes): 24 free airplanes for three.js from the 577 in the paprika3d asset library (CC BY), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free drone 3D models for three.js (GLB, CC BY)](https://paprika3d.com/docs/models/drones): 24 free drones for three.js from the 180 in the paprika3d asset library (CC BY), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free spaceship 3D models for three.js (GLB, CC BY and CC0)](https://paprika3d.com/docs/models/spaceships): 24 free spaceships for three.js from the 548 in the paprika3d asset library (CC BY and CC0), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free house 3D models for three.js (GLB, CC BY)](https://paprika3d.com/docs/models/houses): 24 free houses for three.js from the 883 in the paprika3d asset library (CC BY), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free castle 3D models for three.js (GLB, CC BY)](https://paprika3d.com/docs/models/castles): 24 free castles for three.js from the 218 in the paprika3d asset library (CC BY), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free windmill 3D models for three.js (GLB, CC BY)](https://paprika3d.com/docs/models/windmills): 24 free windmills for three.js from the 117 in the paprika3d asset library (CC BY), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free door 3D models for three.js (GLB, CC BY)](https://paprika3d.com/docs/models/doors): 24 free doors for three.js from the 163 in the paprika3d asset library (CC BY), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free chair 3D models for three.js (GLB, CC BY and CC0)](https://paprika3d.com/docs/models/chairs): 24 free chairs for three.js from the 1,108 in the paprika3d asset library (CC BY and CC0), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free sofa 3D models for three.js (GLB, CC BY)](https://paprika3d.com/docs/models/sofas): 24 free sofas for three.js from the 65 in the paprika3d asset library (CC BY), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free cabinet 3D models for three.js (GLB, CC BY)](https://paprika3d.com/docs/models/cabinets): 24 free cabinets for three.js from the 534 in the paprika3d asset library (CC BY), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free kitchen 3D models for three.js (GLB, CC BY and CC0)](https://paprika3d.com/docs/models/kitchen): 24 free kitchen items for three.js from the 703 in the paprika3d asset library (CC BY and CC0), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free bathroom 3D models for three.js (GLB, CC BY)](https://paprika3d.com/docs/models/bathroom): 24 free bathroom fixtures for three.js from the 161 in the paprika3d asset library (CC BY), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free furniture 3D models for three.js (GLB, CC BY and CC0)](https://paprika3d.com/docs/models/furniture): 24 free furniture models for three.js from the 2,776 in the paprika3d asset library (CC BY and CC0), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free barrel 3D models for three.js (GLB, CC BY)](https://paprika3d.com/docs/models/barrels): 24 free barrels for three.js from the 1,674 in the paprika3d asset library (CC BY), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free book 3D models for three.js (GLB, CC BY and CC0)](https://paprika3d.com/docs/models/books): 24 free books for three.js from the 197 in the paprika3d asset library (CC BY and CC0), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free guitar 3D models for three.js (GLB, CC BY)](https://paprika3d.com/docs/models/guitars): 24 free guitars and instruments for three.js from the 159 in the paprika3d asset library (CC BY), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free shoe 3D models for three.js (GLB, CC BY and CC0)](https://paprika3d.com/docs/models/shoes): 24 free shoes for three.js from the 377 in the paprika3d asset library (CC BY and CC0), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free cup and mug 3D models for three.js (GLB, CC BY and CC0)](https://paprika3d.com/docs/models/cups): 24 free cups and mugs for three.js from the 913 in the paprika3d asset library (CC BY and CC0), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free bottle 3D models for three.js (GLB, CC BY and CC0)](https://paprika3d.com/docs/models/bottles): 24 free bottles for three.js from the 822 in the paprika3d asset library (CC BY and CC0), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free vase 3D models for three.js (GLB, CC BY and CC0)](https://paprika3d.com/docs/models/vases): 24 free vases for three.js from the 816 in the paprika3d asset library (CC BY and CC0), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free candle 3D models for three.js (GLB, CC BY and CC0)](https://paprika3d.com/docs/models/candles): 24 free candles for three.js from the 270 in the paprika3d asset library (CC BY and CC0), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free coin 3D models for three.js (GLB, CC BY and CC0)](https://paprika3d.com/docs/models/coins): 24 free coins for three.js from the 182 in the paprika3d asset library (CC BY and CC0), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free helmet 3D models for three.js (GLB, CC BY and CC0)](https://paprika3d.com/docs/models/helmets): 24 free helmets for three.js from the 547 in the paprika3d asset library (CC BY and CC0), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free skull 3D models for three.js (GLB, CC BY)](https://paprika3d.com/docs/models/skulls): 24 free skulls for three.js from the 461 in the paprika3d asset library (CC BY), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free burger 3D models for three.js (GLB, CC BY)](https://paprika3d.com/docs/models/burgers): 24 free burgers for three.js from the 148 in the paprika3d asset library (CC BY), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free gun 3D models for three.js (GLB, CC BY)](https://paprika3d.com/docs/models/guns): 24 free guns for three.js from the 722 in the paprika3d asset library (CC BY), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free sword 3D models for three.js (GLB, CC BY)](https://paprika3d.com/docs/models/swords): 24 free swords for three.js from the 564 in the paprika3d asset library (CC BY), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free soldier 3D models for three.js (GLB, CC BY)](https://paprika3d.com/docs/models/soldiers): 24 free soldiers for three.js from the 1,232 in the paprika3d asset library (CC BY), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free zombie 3D models for three.js (GLB, CC BY)](https://paprika3d.com/docs/models/zombies): 24 free zombies for three.js from the 220 in the paprika3d asset library (CC BY), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free pirate 3D models for three.js (GLB, CC BY)](https://paprika3d.com/docs/models/pirates): 24 free pirate models for three.js from the 199 in the paprika3d asset library (CC BY), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free robot 3D models for three.js (GLB, CC BY)](https://paprika3d.com/docs/models/robots): 24 free robots for three.js from the 2,327 in the paprika3d asset library (CC BY), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free animated character 3D models for three.js (GLB, CC BY)](https://paprika3d.com/docs/models/animated-characters): 24 free animated characters for three.js from the 3,040 in the paprika3d asset library (CC BY), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free rigged character 3D models for three.js (GLB, CC BY)](https://paprika3d.com/docs/models/rigged-characters): 24 free rigged characters for three.js from the 3,958 in the paprika3d asset library (CC BY), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free low-poly character 3D models for three.js (GLB, CC BY)](https://paprika3d.com/docs/models/low-poly-characters): 24 free low-poly characters for three.js from the 1,737 in the paprika3d asset library (CC BY), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free character 3D models for three.js (GLB, CC BY and CC0)](https://paprika3d.com/docs/models/characters): 24 free characters for three.js from the 9,195 in the paprika3d asset library (CC BY and CC0), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free cat 3D models for three.js (GLB, CC BY)](https://paprika3d.com/docs/models/cats): 24 free cats for three.js from the 262 in the paprika3d asset library (CC BY), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free bird 3D models for three.js (GLB, CC BY and CC0)](https://paprika3d.com/docs/models/birds): 24 free birds for three.js from the 569 in the paprika3d asset library (CC BY and CC0), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free fish 3D models for three.js (GLB, CC BY)](https://paprika3d.com/docs/models/fish): 24 free fish for three.js from the 454 in the paprika3d asset library (CC BY), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free animated animal 3D models for three.js (GLB, CC BY)](https://paprika3d.com/docs/models/animated-animals): 24 free animated animals for three.js from the 872 in the paprika3d asset library (CC BY), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free animal 3D models for three.js (GLB, CC BY and CC0)](https://paprika3d.com/docs/models/animals): 24 free animals for three.js from the 1,824 in the paprika3d asset library (CC BY and CC0), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free voxel 3D models for three.js (GLB, CC BY)](https://paprika3d.com/docs/models/voxel): 24 free voxel models for three.js from the 1,259 in the paprika3d asset library (CC BY), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free photogrammetry (scanned) 3D models for three.js (GLB, CC BY and CC0)](https://paprika3d.com/docs/models/scanned): 24 free photogrammetry scans for three.js from the 2,879 in the paprika3d asset library (CC BY and CC0), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free sci-fi 3D models for three.js (GLB, CC BY)](https://paprika3d.com/docs/models/sci-fi): 24 free sci-fi models for three.js from the 3,067 in the paprika3d asset library (CC BY), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free low-poly 3D models for three.js (GLB, CC BY)](https://paprika3d.com/docs/models/low-poly): 24 free low-poly models for three.js from the 8,710 in the paprika3d asset library (CC BY), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free CC0 3D models for three.js (GLB, no credit needed)](https://paprika3d.com/docs/models/cc0): 24 free CC0 models for three.js from the 351 in the paprika3d asset library (CC0), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.
- [Free animated 3D models for three.js (GLB, CC BY and CC0)](https://paprika3d.com/docs/models/animated): 24 free animated models for three.js from the 5,401 in the paprika3d asset library (CC BY and CC0), as meshopt GLB files: each with its author, license, credit line, triangles and file size, and the asset_search call that fetches it.

## Optional

- [Publishing](https://paprika3d.com/docs/publish): paprika3d's publish tool puts a page your agent built on a public https://<name>.paprika3d.app link. An invite-only preview: how to get a code, use it, and what a publish uploads and records.
- [Changelog](https://paprika3d.com/docs/changelog): What changed in paprika3d, the three.js MCP server and Claude Code plugin, week by week: each stable release with its changelog entry and the tools it added or removed, and each guide added or re-verified.
- [About](https://paprika3d.com/docs/about): Who maintains paprika3d, where its code lives, which pages an agent writes, and how to reach the maintainers about the three.js harness.