开发技能

Add a white, twinkling dotted trail that follows the mouse behind website content. The skill guides WebGPU rendering, which uses the graphics processor, with static backgrounds for unsupported devices and accessibility preferences.

中文简介正在准备中。当前显示英语简介。

• Add a mouse-following trail to a hero section
• Create an interactive contact section background
• Keep a static background on touch devices

Add reveal animations that start when page elements enter the visible area. The skill provides JavaScript using IntersectionObserver, a browser visibility detector, plus CSS keyframes and Tailwind-compatible classes, with adjustments for trigger position, motion, duration, and delay.

中文简介正在准备中。当前显示英语简介。

• Revealing sections as visitors scroll
• Staggering the appearance of multiple elements
• Adjusting when a reveal animation starts

Build and test Three.js games for mobile browsers, covering touch controls, screen orientation, readable game information, and device-appropriate graphics. Refine movement, actions, inventory interactions, and performance through checks of real mobile browser behavior.

中文简介正在准备中。当前显示英语简介。

• Designing touch movement and action controls
• Adapting game screens to portrait and landscape
• Tuning graphics quality for mobile devices

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

Create a WebGL background with a perspective grid, fading lines, and sparse floating particles. Add slow forward motion and gentle mouse-responsive camera movement, then tune density, color, and depth to support foreground content.

中文简介正在准备中。当前显示英语简介。

• Create a tech-style background with depth
• Add gentle mouse-responsive camera movement
• Tune fading grid lines and sparse particles

Measure and improve Three.js or WebGL game performance through repeatable gameplay checks. Identify CPU or GPU bottlenecks, reduce unnecessary rendering and processing, and verify that controls, collisions, visuals, and memory remain stable.

中文简介正在准备中。当前显示英语简介。

• Investigating frame-time spikes
• Reducing rendering and particle workloads
• Improving performance on mobile devices

Design and test combat encounters in Three.js action games. Plan arenas, enemy roles, spawn timing, objectives, boss phases, and rewards, then check fairness and difficulty using repeatable starting conditions on desktop and mobile.

中文简介正在准备中。当前显示英语简介。

• Planning combat arenas and enemy combinations
• Tuning enemy waves and boss phases
• Checking attack warnings and recovery opportunities

Create Three.js game effects that clearly communicate attacks, hits, damage, and status changes. Define each effect’s purpose and lifetime, limit resource use, and test overlapping effects, repeated triggers, low-quality settings, and reduced-motion alternatives.

中文简介正在准备中。当前显示英语简介。

• Distinguish attack warnings from hit effects
• Create damage and status feedback
• Limit particle counts during repeated attacks

Build particle trails that respond to cursor or touch movement with consistent spacing at different speeds. Reuse a fixed pool of GPU-rendered particles, add keyboard-triggered bursts, and handle reduced motion, resizing, and cleanup.

中文简介正在准备中。当前显示英语简介。

• Creating particle trails for cursor and touch movement
• Making pollen or dust rise from a surface
• Adding particle bursts triggered by a keyboard-accessible button

Build, integrate or audit rigged 3D game characters and monsters, including skeletons, animations, equipment and collision rules. Connect assets to gameplay and provide an interactive inspector to verify actions, equipment states and runtime behavior.

中文简介正在准备中。当前显示英语简介。

• Integrating FBX or GLB characters into gameplay
• Separating swappable weapons and armor from character bodies
• Defining monster animations and attack collision timing

Add coordinated seasonal transitions to an existing 3D scene. Blend foliage, lighting, sky, ground, snow, and particles from one shared state while preserving camera controls and interactions, so the same place remains recognizable throughout spring, summer, fall, and winter.

中文简介正在准备中。当前显示英语简介。

• Add a four-season selector to an outdoor 3D scene
• Show seasonal changes in an architectural walkthrough
• Coordinate foliage, sunlight, sky, and ground appearance

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

Plan and integrate assets for Three.js or web games by choosing imported models, code-generated geometry, or 2D media. Define scale and collision needs, check appearance and performance in the game, and record sources and licenses.

中文简介正在准备中。当前显示英语简介。

• Choosing between imported models, code-generated shapes, and 2D art
• Defining asset scale, attachment points, and collision needs
• Checking asset readability and performance in the game

Turn a working web effect or interaction into a reusable skill by extracting its core mechanism, documenting tested parameters and pitfalls, and packaging a demo that preserves the reference design and proves the behavior.

中文简介正在准备中。当前显示英语简介。

• Reuse a successful scroll effect across projects
• Package a canvas effect with a working demo
• Document tested parameters and hard-won fixes

Review and improve game attacks and spells using recorded footage and two independent blind judges. Separate scores for readability and art guide changes to animation timing, effects, lighting, and target reactions, with performance costs tracked alongside visual quality.

中文简介正在准备中。当前显示英语简介。

• Score combat abilities against a named visual reference
• Align target reactions with the moment an attack lands
• Improve spell lighting, trails, and impact effects

Design and implement sound feedback for Three.js or web games, from action cues to music transitions. Define which sounds take priority, respect volume controls, provide visual alternatives, and check browser behavior and audio performance.

中文简介正在准备中。当前显示英语简介。

• Give attacks, hits, and blocks distinct sound cues
• Keep critical sounds audible during busy combat
• Change music smoothly as game states change

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

Make 3D canvas output sharper on Retina and other high-density displays. Coordinate rendering and post-processing resolution, preserve pointer accuracy, and verify fixed 200% rendering or automatic scaling with measured performance and explicit fallbacks.

中文简介正在准备中。当前显示英语简介。

• Fix blurry 3D canvas output on Retina displays
• Implement a fixed 200% rendering option
• Keep post-processing and pointer coordinates aligned

Build in-game changelogs that connect release notes and displayed versions to successful production deployments. Reconstruct supported history, integrate menu navigation and accessible controls, and verify version consistency and behavior on desktop and mobile.

中文简介正在准备中。当前显示英语简介。

• Add or revise an in-game changelog screen
• Reconstruct release history from deployments and Git
• Keep displayed game versions aligned with published builds

Turn five collected UI references into five original landing pages with distinct brands, copy, and imagery. Each page gets its own Codex task and workspace, with build checks, a source commit, and private deployment through Sites.

中文简介正在准备中。当前显示英语简介。

• Build five landing pages from a UI inspiration pack
• Explore distinct brands using collected visual references
• Manage each page in a separate Codex task

Measure and improve animation performance on frontend pages. Identify offscreen activity, pause CSS and canvas or WebGL loops, audit resource cleanup, and compare runtime observations before and after changes to investigate scrolling issues and long-session slowdowns.

中文简介正在准备中。当前显示英语简介。

• Pause animations outside the viewport
• Investigate jerky scrolling
• Audit cleanup after page navigation

Create, repair, and review character combat animations, from sword strikes to bow shots and spells. Use joint measurements, mesh deformation tests, camera captures, and blind comparisons to identify awkward poses and assess changes against written rules.

中文简介正在准备中。当前显示英语简介。

• Create melee attacks, bow shots, and spell animations
• Fix stretched arms and awkward wrist or hand poses
• Define measurable combat animation rules and tests

Investigate slow Apple apps, memory growth, launch delays, and battery drain using Instruments and Xcode diagnostics. Choose measurements for each symptom, identify the responsible code, and compare results before and after targeted fixes.

中文简介正在准备中。当前显示英语简介。

• Investigate UI freezes and stuttering
• Find memory leaks and growing memory use
• Measure and improve app launch time

Build falling leaves in Three.js and similar 3D scenes, with visible front, edge, and back views as they tumble and drift. Coordinate wind, scene depth, camera-aware recycling, and performance checks for a convincing autumn effect.

中文简介正在准备中。当前显示英语简介。

• Adding falling autumn leaves to a 3D scene
• Coordinating leaf tumble, sideways drift, and wind
• Managing leaves around buildings and camera movement