defold-shaders-editing

Create and edit Defold shader files with GLSL includes and #version 140.

93|9|Updated Feb 17, 2018

Search Tags:#graphics #rendering #glsl #shaders #fp #vp #defold

Ready to run

npx skills add https://github.com/selimanac/defold-daabbcc --skill defold-shaders-editing

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: defold-shaders-editing
Source: https://github.com/selimanac/defold-daabbcc/tree/main/.agents/skills/defold-shaders-editing
Command: npx skills add https://github.com/selimanac/defold-daabbcc --skill defold-shaders-editing

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps developers create and edit Defold shader files (.vp, .fp, .glsl) to implement custom rendering pipelines, while ensuring compatibility across Defold’s modern and legacy shader paths.

Core Features & Use Cases

Create new shader pairs (.vp + .fp) with #version 140 to enable the modern pipeline and cross-compilation across desktop, mobile, WebGL, and Vulkan targets.
Edit vertex and fragment logic, and manage reusable GLSL snippets (.glsl) via #include to keep shaders modular.
Guidance on integrating shaders with materials: aligning uniform blocks, samplers, and vertex attributes as defined by the related material files.
Use Case: tailor a sprite or model rendering with custom lighting, post-processing, or editor previews.

Quick Start

Create a new shader pair for your component and start both files with #version 140 at the top.

Frequently Asked Questions about defold-shaders-editing

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I create cross-platform shaders in Defold that support desktop, mobile, and WebGL?▼

Defold shaders support cross-platform rendering by starting vertex and fragment files with #version 140, enabling the modern pipeline for cross-compilation across desktop, mobile, WebGL, and Vulkan targets.

Can I use GLSL includes to modularize shader code in Defold?▼

Yes, you can modularize Defold shaders by managing reusable GLSL snippets in .glsl files and referencing them via #include directives to keep your vertex and fragment logic organized.

How do I integrate custom GLSL shaders with Defold materials?▼

Integrate custom GLSL shaders with Defold materials by aligning uniform blocks, samplers, and vertex attributes in your .vp and .fp files according to the related material file definitions.

What is the correct GLSL syntax for modern Defold rendering pipelines?▼

Modern Defold rendering pipelines require GLSL #version 140 syntax, uniform blocks, and properly defined vertex and fragment inputs to ensure editor-compliant behavior and cross-target compatibility.

Why are my Defold shader files not compiling across different target platforms?▼

Defold shader compilation fails across platforms when missing #version 140 or having mismatched uniform blocks and vertex attributes, preventing proper cross-compilation for desktop, mobile, and HTML5 targets.

Do I need #version 140 for both vertex and fragment shaders in Defold?▼

Both vertex (.vp) and fragment (.fp) shader files in Defold need #version 140 at the top to activate the modern rendering pipeline and ensure cross-target shader support.