Neon Sign 6

A neon cross symbol rendered in bright orange-red (#ff2b00) against a pure black background. The cross features a distinctive curved indentation on the upper left side, creating an organic, slightly asymmetrical appearance. The neon tube effect displays characteristic properties including a vibrant glowing halo surrounding the main stroke, with the glow color appearing as a deeper red-orange (#ff0400). The tube has visible thickness with specular highlights creating a three-dimensional tubular appearance. The glow radiates outward with a soft falloff, creating a warm luminous aura around the entire shape. A secondary orange-tinted color (#ff5100) blends subtly into the primary neon, enhancing depth. The background is rendered as a nearly opaque black (95% opacity), providing maximum contrast. Subtle floating particles in golden-orange (#ffb94f) drift slowly around the cross at low speed with twinkling effects. A tilt-shift blur effect is applied at a 70-degree angle, creating selective focus that enhances the three-dimensional quality. The overall mood is modern, energetic, and atmospheric with a retro-futuristic aesthetic typical of neon signage.

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="#ff2b00" :corner-smoothing="0.2" :flicker-amount="0.24" :flicker-speed="1.1" :flow-amount="1" :flow-speed="2.6" glow-color="#ff0400" :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="#ff5100" 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="#ffb94f" :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>