Neon Sign 7
Neon SignA neon cross or plus sign symbol rendered with a glowing tube effect against a pure black background. The cross features a bright cyan-blue neon outline (#0033ff) with a secondary lime-green glow (#aeff00) creating a dual-color neon tube appearance. The neon has a characteristic tubular thickness with rounded corners and smooth curves at the intersections. A bright blue glow radiates outward from the neon lines, creating a halo effect with high intensity (1.95). The top-left and bottom-right corners of the cross display curved, organic edges rather than sharp angles, giving it a stylized appearance. Small floating particles with a light-blue tint (#4fadff) drift slowly around the symbol, adding subtle depth and atmosphere. A tilt-shift blur effect is applied with a 70-degree angle, creating a slight depth-of-field effect that enhances the focus on the central cross. The overall mood is modern, digital, and energetic with a cyberpunk aesthetic. The neon flickers subtly with a flickering speed of 1.1 and amount of 0.24, creating a realistic tube light effect. The specular highlights on the neon tube add dimensionality and suggest a three-dimensional glowing object.
Code
<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="#0033ff" :corner-smoothing="0.2" :flicker-amount="0.24" :flicker-speed="1.1" :flow-amount="1" :flow-speed="2.6" glow-color="#003bff" :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="#aeff00" 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="#4fadff" :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>