Neon Sign 3

A neon cross or plus sign symbol rendered in bright magenta/pink neon tubing against a pure black background. The neon has a characteristic glowing halo effect with purple-violet glow radiating outward from the bright magenta core (#ff00dd). The cross features smooth, rounded corners with a tube thickness of approximately 0.29 units, creating a realistic neon appearance. The shape has curved indentations on the upper-left and lower-right sides, giving it an organic, slightly stylized appearance rather than perfectly geometric. The glow exhibits multiple layers: an intense hot core in magenta, a secondary purple glow (#b700ff) extending outward with a radius of 0.47 units, and subtle flickering effects (1.1 speed, 0.24 amount) that create subtle luminance variations. Small floating particles in bright magenta (#ef4fff) drift slowly around the neon at 0.1 speed with 0.7 twinkle intensity, adding atmospheric depth. A tilt-shift blur effect is applied at 70-degree angle with 80% intensity, creating a subtle depth-of-field effect that slightly softens the outer regions. The overall mood is cyberpunk/synthwave with high contrast between the brilliant neon and absolute darkness, creating a striking, energetic visual presence.

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="#ff00dd" :corner-smoothing="0.2" :flicker-amount="0.24" :flicker-speed="1.1" :flow-amount="1" :flow-speed="2.6" glow-color="#b700ff" :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="#9000ff" 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="#ef4fff" :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>