Skill UI

A comprehensive guide for setting up a robust 3D game environment in Godot Engine 4. Covers core elements such as Node3D transforms, Camera setup, various lighting sources (Directional/Omni), WorldEnvironment for post-processing, assigning StandardMaterials, and building tile-based levels using GridMap. Essential for any developer starting or refining a 3D scene.

Configure and build PixiJS v8 render layers by creating async Applications, loading textures via Assets, composing scene graphs with Containers and Sprites, driving ticker loops, handling pointer events, and grouping draws with render groups. Use this skill for initializing PixiJS v8 projects, debugging canvas issues, and managing 2D graphics rendering pipelines.

This skill covers setting up a foundational Three.js scene. It includes configuring import maps, initializing the Scene, PerspectiveCamera, and WebGLRenderer trio, establishing a responsive render loop, and adding OrbitControls. Use this when bootstrapping a new Three.js application or debugging rendering issues like blank canvases. It excludes model loading and material lighting setup.

This skill covers the core setup of Three.js scenes, including cameras, renderers, and object hierarchies. It is designed for initializing 3D environments, configuring rendering pipelines, and managing basic transforms. Use this for foundational work before advancing to shaders or post-processing effects.

Build high-quality 3D scenes, WebGL experiences, and interactive visual effects with Three.js. Covers scene setup, geometry, materials, lighting, animation, particles, and mouse-driven interaction for web-based 3D graphics.