'isometric' 검색 결과

Build an interactive page that explains a process as a machine viewed from an angle. A tested simulation keeps movement, numbers, and explanations consistent, while controls let readers step through operations and explore failures.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Explain a cache or queue through an interactive machine
• Show what fails when one process step breaks
• Create a standalone visual explanation page

Create green isometric illustrations, using angled views without perspective, of developer and design workspaces as SVG files. A bundled drawing kit helps arrange equipment on one platform, with consistent shading, fine details, shadows, and validation checks.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Illustrate a server room or development stack
• Show a CI pipeline as an illustrated scene
• Create artwork for empty states and onboarding

This skill should be used when the user asks to "make an isometric animation", "build a 2.5D isometric scene", "create an isometric infographic", "animate an exploded diagram", "do an isometric city/stack build", "show stacked layers in iso", "extrude blocks with depth", or "add a gentle camera drift to an iso scene". Covers CSS 3D transforms, SVG iso planes, and Three.js OrthographicCamera for true 3D iso — no build step.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Turn technical ideas into detailed, interactive SVG illustrations that resemble real machines or instruments. Moving parts and live readings share the same model, creating diagrams for articles, documentation, or landing pages that readers can explore.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Illustrate a technical concept in an article
• Explain an algorithm through a moving machine
• Create an interactive landing page figure

Build animations and interactive elements (explainers, figures, hero visuals, step-through walkthroughs) in the crafted isometric "Anatomy" style, with many small precise solid parts, four-tone shading, correct painter's order, a framed card with title, hint and live readout, and calm eased motion. Works for physical machines and for abstract concepts (e.g. how an LLM picks its next token), as SVG/HTML or React/Next.js, with optional in-perspective WebGL shaders. Use this whenever someone wants an isometric animation, interactive element, explanatory diagram or figure for docs, a blog post, a landing page or an article, a "Linear-style" or "premium" technical drawing, or an SVG that shows how a system, algorithm or component works, even if they never say "isometric".

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Build crafted, highly detailed, interactive isometric SVG figures that explain a technical idea as a real physical object (a test rig, a dial gauge, a cabinet of drawers, a plotter, a lock), with many small precise solid parts, four-tone shading, correct painter's order, a framed card with title, hint and live readout, and calm eased motion. Use this whenever someone wants an isometric illustration, an explanatory diagram or figure for docs, a blog post, a landing page or an article, a "Linear-style" or "premium" technical drawing, an interactive explainer, or an SVG that shows how a system, algorithm or component works, even if they never say "isometric". Works framework-free (TypeScript/JS that writes SVG and HTML) and in React/Next.js, and can add realistic WebGL shaders (fire, exhaust, water, caustics, lamp light) that live inside the drawing in the same isometric perspective.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Build or extend an isometric action RPG, viewed from an angled overhead perspective, using web technology. Develop a playable loop covering movement, combat, rewards, progression, and saves, with staged implementation and release checks.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Building a first playable action RPG loop
• Adding combat, enemies, and rewards in stages
• Organizing equipment, quests, and zone data

Implement and tune Three.js game cameras so players, threats, and objectives stay readable. Covers smooth following, isometric views, zoom and orbit limits, obstruction handling, target lock-on, camera shake, touch controls, and checks for regressions.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Tuning follow cameras and isometric framing
• Keeping players visible around walls and tall props
• Adding lock-on behavior and temporary camera shake

Expert patterns for simplifying 3D games to 2D including dimension reduction strategies, 2.5D fake-depth, isometric ports, camera flattening, physics conversion, 3D-to-sprite art pipeline, and control simplification. Use when porting 3D to 2D, building 2.5D / isometric / fake-depth gameplay, creating 2D versions for mobile, or prototyping. Trigger keywords: CharacterBody3D to CharacterBody2D, Camera3D to Camera2D, Vector3 to Vector2, flatten Z-axis, 2.5D, isometric, fake depth, Y-sort, simulated Z, orthogonal projection, 3D to sprite conversion, performance optimization.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Expert patterns for simplifying 3D games to 2D including dimension reduction strategies, 2.5D fake-depth, isometric ports, camera flattening, physics conversion, 3D-to-sprite art pipeline, and control simplification. Use when porting 3D to 2D, building 2.5D / isometric / fake-depth gameplay, creating 2D versions for mobile, or prototyping. Trigger keywords: CharacterBody3D to CharacterBody2D, Camera3D to Camera2D, Vector3 to Vector2, flatten Z-axis, 2.5D, isometric, fake depth, Y-sort, simulated Z, orthogonal projection, 3D to sprite conversion, performance optimization.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Turn uploaded photos into full-canvas 3:4 isometric healing-block sculpture posters. Use for rounded modular sculptures, gentle isometric block art, or when this skill is invoked.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

시스템 구성과 데이터 흐름을 클릭해 살펴보는 입체 HTML 지도로 정리합니다. 같은 데이터로 설명 문서도 생성하고 설계 결정과 미해결 질문을 관리합니다.

• 시스템 구성과 데이터 흐름 설명
• 팀과 새로운 설계 검토
• 검토 중 미해결 질문 관리

Prepare generated or hand-drawn artwork for a game's required file layout, dimensions, colors, and transparency. Create sprite sheets, assemble animation frames, and render 3D models into consistent views for use as game images.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Prepare artwork for a game's required sprite dimensions
• Assemble animation frames into a sprite sheet
• Render a 3D unit from multiple directions

Build or audit browser map editors for Three.js and isometric games. Reuse production world definitions, edit placements in isolated drafts, inspect enemy behavior overlays, and validate exports before reviewed integration into the game.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Build a map editor from existing game definitions
• Adjust placements with dragging, snapping, and undo
• Inspect enemy detection ranges and patrol routes

Isometric and strategy-game art direction for Blender including diorama framing, true-iso camera setup, readable silhouettes, and tile asset rules.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Explain concepts through detailed, interactive machines drawn from an angled view. The skill produces standalone HTML, SVG, or React components, with moving parts and numerical readouts driven by the same model so readers can explore how the idea works.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Explain an abstract concept through a moving machine
• Add an interactive figure to a technical article
• Create a standalone HTML explainer

Create a manufacturing drawing PDF from a part’s 3D geometry, with projected views, measured dimensions, hole callouts, and a title block. Rerun the drawing script after model changes to update the sheet.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Prepare a dimensioned drawing for manufacturing
• Document hole sizes and machining requirements
• Update drawings after changing a part model

Create SVG illustrations centered on one physical object, with white faces, teal sides, dark outlines, and hard shadows. Use this consistent, people-free style for onboarding steps, empty states, feature cards, and product imagery.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Object illustrations for empty states
• Artwork for onboarding steps
• Cards explaining product features

Implement fog of war, an effect that conceals unseen areas, in Three.js action games. It combines soft visual boundaries with obstacle-aware visibility rules for targeting and combat, plus performance tuning and testing guidance.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Add soft, wall-aware fog to a Three.js game
• Align hidden-enemy targeting with visibility rules
• Fix radial streaks and seams in fog rendering

Spatial depth design with isometric views, vanishing points, and layered elements that guide attention through 3D-like realism.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Use when animating 2D game art with Scenario: walk, idle or attack cycles in 4 or 8 directions, isometric sprite sheets, animated GIFs, frame-by-frame pixel art animation, VFX loops such as fire or smoke, looping a sprite seamlessly, animating an existing character image, a full animation sheet from one prompt, extracting animation frames from a generated video, or slicing a sprite sheet into engine-ready frames for Unity, Godot, or Unreal. Keywords: spritesheet, keyframes, frame grid, GIF.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Use when creating game art through Scenario MCP: sprites, sprite sheets, icons, props, loot, tilesets and autotile terrain transitions, seamless tiles, isometric buildings, top-down maps, pixel art, UI buttons and panels, parallax background layers or depth planes for side-scrollers, and character or concept art; or when assets need transparent backgrounds, background removal, style-consistent variation batches, upscaling, pixel-grid cleanup, or PNG export for Unity, Godot, or Unreal.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Build an immersive scroll-scrubbed "fly through the world" landing page for any industry or brand using Higgsfield. As the visitor scrolls, a pre-rendered camera flies from outside each scene into its interior, then flows on to the next scene with NO cuts — one continuous connected flight (Emons-style isometric diorama world, or any art direction you pick). The skill interviews the user for the topic, the story beats/sections, and brand kit, then generates cohesive scenes + seamless camera clips with Higgsfield and wires a portable, framework-agnostic scroll-scrub engine. The video chain renders through Monid by default (Seedance 2.0, pay-per-clip USD — capability re-checked each build, see Step 4) with Higgsfield credits as the fallback biller. Use when the user wants a "3D world" / "browse-through-the-industry" hero, a scroll cinematic, a diorama landing, or to turn a business into a scrollable world.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Create animated, explorable editorial diagrams in 45 types (architecture, flowchart, sequence, state, ER, DB schema, UML class, swimlane, timeline, gantt, journey, tree, org chart, nested, venn, quadrant, fishbone, wardley, bar, line, scatter, sankey, treemap, heatmap, 3D isometric objects, floor plans and exploded views) as standalone HTML from a short JSON spec. Use when the user asks to draw, diagram, chart or visualize a system, codebase, flow, process, API call sequence, hierarchy, data or a physical object (a chair); to convert Mermaid, Graphviz/DOT, PlantUML, D2, draw.io, Excalidraw, SQL or CSV into a clean diagram; or to export a diagram as PNG, JPEG, SVG, GIF or MP4. Also for everyday plans: trips, moves, job hunts, approvals, budgets, where money goes.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.