Neon Sign 8

A neon cross or plus sign symbol rendered with a glowing tube-like effect against a pure black background. The cross features a bright cyan-blue neon outline (#7a9cbf primary color with #8fb8d4 glow) with smooth, rounded corners and curved edges that give it an organic, slightly beveled appearance. The neon has a characteristic tube thickness of approximately 0.29 units with intense glow radiating outward, creating a soft halo effect around the geometric shape. The glow color is a lighter blue (#8fb8d4) that bleeds into the darkness. Small floating particles (#c4d8e8 light blue) drift slowly across the scene at an 81-degree angle, adding subtle depth and atmosphere. A tilt-shift blur effect is applied at a 70-degree angle with 80% intensity, creating a shallow depth-of-field that slightly softens the overall image. The secondary color (#b48ea8 muted purple-pink) blends subtly into the neon, adding warmth to the cool blue tones. The entire composition sits on a near-opaque black solid color layer (95% opacity) that creates a dark, moody atmosphere. The neon exhibits realistic tube characteristics including specular highlights, hot core intensity, and a flickering effect with 0.24 amplitude, giving it an authentic vintage neon sign appearance. The cross shape is centered in the frame with perfect symmetry.

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="#7a9cbf" :corner-smoothing="0.2" :flicker-amount="0.24" :flicker-speed="1.1" :flow-amount="1" :flow-speed="2.6" glow-color="#8fb8d4" :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="#b48ea8" 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="#c4d8e8" :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>