Neon Sign 5

A neon cross symbol rendered against a pure black background with high contrast. The cross features a glowing outline in golden-yellow (#ffc800) with a warm orange-red secondary glow (#ff4800) creating a dual-tone luminescent effect. The neon tube has realistic characteristics including a bright hot core, soft outer glow halo, and subtle flickering animation. The cross shape is perfectly centered with smooth, rounded corners and consistent tube thickness throughout. The glow radiates outward with an intensity of approximately 0.47 radius, creating a warm atmospheric bloom around the entire shape. Floating particles in pale yellow (#ffed4f) drift slowly around the cross at various angles, adding subtle depth and movement. A tilt-shift blur effect is applied at a 70-degree angle with moderate falloff, creating a shallow depth-of-field that keeps the cross in sharp focus while slightly softening the surrounding glow. The overall mood is modern, energetic, and mystical with a retro neon aesthetic. The black background is nearly opaque (0.95 opacity solid color) to maximize contrast and make the luminous cross appear to float in darkness.

Code

vue

<script setup lang="ts">
import {
  Shader,
  FloatingParticles,
  ImageTexture,
  Neon,
  SolidColor,
  TiltShift
} from 'shaders/vue'
</script>

<template>
  <Shader
    :disable-telemetry="true"
  >
    <ImageTexture url="https://data.shaders.com/storage/v1/object/public/user-uploaded-images/user_33nh0FG48zZa0rIUZuK7vgwPfZe/h7eBDklfg_bz.jpeg" />
    <SolidColor color="#000000" :opacity="0.95" />
    <Neon color="#ffc800" :corner-smoothing="0.2" :flicker-amount="0.24" :flicker-speed="1.1" :flow-amount="1" :flow-speed="2.6" glow-color="#ffe500" :glow-intensity="0.25" :glow-radius="0.47" :hot-core-intensity="0.45" :intensity="1.95" :light-angle="251" :scale="0.9" :secondary-blend="1" secondary-color="#ff4800" shape-sdf-url="https://data.shaders.com/storage/v1/object/public/user-uploaded-images/user_33nh0FG48zZa0rIUZuK7vgwPfZe/w6Gk_KBfIO2t_sdf.bin" :specular-intensity="0.95" :specular-size="0.32" :tube-thickness="0.29" />
    <FloatingParticles :angle="81" :angle-variance="105" particle-color="#ffed4f" :particle-density="0.8" :particle-size="0.3" :randomness="0.5" :speed="0.1" :speed-variance="0.2" :twinkle="0.7" />
    <TiltShift :angle="70" :falloff="0.4" :intensity="80" :width="0.2" />
  </Shader>
</template>