skills.rest
selimanac
selimanacCOMMUNITY
Explore all skills by this author →
𝕏@selimanacGitHub

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
One-click install
npx skills add https://github.com/selimanac/defold-daabbcc --skill defold-shaders-editing
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
indiesoftbyindiesoftby
81

defold-shaders-editing

Create and edit Defold vertex, fragment, and GLSL shader files.

Official
Intermediate
ftnilssonftnilsson

12 — Shaders & Visual Effects

Create and customize shaders and visual effects in Unity using Shader Graph and HLSL.

Community
Advanced
zarkuazarkua

defold-shaders-editing

Edits Defold shader files (.vp, .fp, .glsl) to conform to GLSL standards.

Community
Intermediate
bfollingtonbfollington
52

shadertoy

Write and edit Shadertoy GLSL fragment shaders with syntax references and patterns.

Community
Basic