Shaders
header.lightDarkMode D
Gallery

A warm, organic shader effect featuring a soft, amorphous blob shape with smooth, undulating edges positioned in the upper-left to center area of the composition. The blob displays a gradient transition from golden yellow (#f5be25) on the left side to burnt orange (#dd6b24) on the right side, creating a warm, glowing appearance. The blob has significant softness with feathered edges that fade smoothly into the dark brown background (#291309). A bright yellow-white highlight (#ffe11a) is visible on the upper-left portion of the blob, suggesting a light source and adding dimensionality. The background is a solid, very dark brown color that provides strong contrast. The entire composition has a subtle film grain texture overlay that adds a slight noise pattern throughout, enhancing the organic, natural quality. The blob appears to have slight deformation with organic, flowing contours rather than a perfect circle. The overall mood is warm, earthy, and somewhat abstract, resembling a close-up of a glowing, molten substance or organic form against a dark backdrop.

Code

vue
<script setup lang="ts">
import {
  Shader,
  Blob,
  FilmGrain,
  SolidColor
} from 'shaders/vue'
</script>

<template>
  <Shader
    :disable-telemetry="true"
  >
    <SolidColor color="#291309" />
    <Blob :center="{ x: 0.08, y: 0.23 }" color-a="#f5be25" color-b="#dd6b24" color-space="oklab" :deformation="5" :seed="39" :size="1.35" :softness="2" />
    <FilmGrain :strength="0.1" />
  </Shader>
</template>