Santafe Scripts
🎯 SF Crosshair
Customization

Customization Guide

Master the art of crosshair customization with SF Crosshair's extensive options and advanced techniques.

Customization Basics

Understanding Crosshair Elements

Every crosshair consists of several customizable elements:

Core Elements:

  • Style: Base shape and design (16 options)
  • Size: Overall dimensions in pixels
  • Thickness: Line width/stroke thickness
  • Color: RGB hex color value
  • Opacity: Transparency level (10-100%)

Advanced Elements:

  • Gap: Distance from center point
  • Outline: Dark border for contrast
  • Center Dot: Optional dot in the middle
  • Custom Image: External PNG image overlay

Style Customization

16 Available Styles

Classic Styles (0-3):

  • Style 0: Traditional cross with gap - versatile for all situations
  • Style 1: Circle outline - good for tracking moving targets
  • Style 2: Solid dot - minimal and precise
  • Style 3: Full cross - maximum coverage

Geometric Styles (4-7):

  • Style 4: Square with cross - structured aiming
  • Style 5: Triangle - unique directional indicator
  • Style 6: Square outline - frame-based aiming
  • Style 7: Diagonal cross - X-pattern design

Specialized Styles (8-11):

  • Style 8: Circle with top line - hybrid design
  • Style 9: Horizontal line only - minimalist approach
  • Style 10: Diamond shape - angular precision
  • Style 11: T-shape - tactical style

Advanced Styles (12-15):

  • Style 12: Dashed circle - broken outline
  • Style 13: X-shape - diagonal emphasis
  • Style 14: Corner brackets - frame corners only
  • Style 15: Scope-style - sniper-inspired design

Choosing the Right Style

For Precision Shooting:

  • Style 0 (Classic cross) - balanced precision
  • Style 2 (Solid dot) - pinpoint accuracy
  • Style 15 (Scope-style) - long-range focus

For Fast-Paced Action:

  • Style 1 (Circle) - target tracking
  • Style 3 (Full cross) - quick acquisition
  • Style 9 (Horizontal line) - rapid fire

For Roleplay:

  • Style 0 (Classic) - realistic appearance
  • Style 8 (Circle + line) - tactical look
  • Style 14 (Brackets) - military style

Size & Dimensions

Size Guidelines

Small (10-20px):

  • βœ… Precise aiming
  • βœ… Minimal screen obstruction
  • ❌ May be hard to see
  • Best for: Sniping, precision work

Medium (20-35px):

  • βœ… Good visibility
  • βœ… Balanced precision
  • βœ… Versatile for most situations
  • Best for: General gameplay

Large (35-60px):

  • βœ… High visibility
  • βœ… Easy target acquisition
  • ❌ May obstruct view
  • Best for: Close combat, accessibility

Thickness Settings

Thin (1-2px):

  • Precise, minimal lines
  • Good for detailed aiming
  • May be hard to see at distance

Medium (3-5px):

  • Balanced visibility and precision
  • Most versatile option
  • Good for general use

Thick (6-10px):

  • High visibility
  • Bold appearance
  • May reduce precision

Gap Configuration

No Gap (0px):

  • Solid crosshair design
  • Maximum coverage
  • May obstruct small targets

Small Gap (2-5px):

  • Balanced design
  • Target visible in center
  • Good for most situations

Large Gap (6-20px):

  • Clear center view
  • Target fully visible
  • May reduce aiming reference

Color Customization

Preset Colors

High Visibility Colors:

  • #B0F527 - SantaFe Green (signature color)
  • #FFFFFF - Pure White (universal visibility)
  • #FF0000 - Bright Red (high contrast)
  • #00FF00 - Neon Green (gaming standard)

Tactical Colors:

  • #FFFF00 - Yellow (caution/warning)
  • #FF6600 - Orange (balanced visibility)
  • #00FFFF - Cyan (cool tone)
  • #FF00FF - Magenta (unique identifier)

Custom Color Selection

Using the Color Picker:

  1. Click the color picker (rightmost option)
  2. Select your desired color
  3. Fine-tune with the slider
  4. Color applies immediately

Hex Color Codes: Enter any hex color directly:

  • Format: #RRGGBB
  • Example: #FF5733 (orange-red)
  • Use online color pickers for exact values

Color Psychology

Red Tones: Aggressive, high-energy Green Tones: Natural, balanced Blue Tones: Cool, calm, tactical Yellow Tones: High visibility, warning Purple Tones: Unique, creative White/Gray: Neutral, professional

Advanced Customization

Opacity Mastery

High Opacity (80-100%):

  • Maximum visibility
  • Strong presence on screen
  • Good for competitive play

Medium Opacity (50-79%):

  • Balanced visibility
  • Less intrusive
  • Good for immersive gameplay

Low Opacity (10-49%):

  • Subtle presence
  • Minimal distraction
  • Good for roleplay/realism

Outline Techniques

When to Use Outline:

  • βœ… Bright/white backgrounds
  • βœ… Outdoor environments
  • βœ… High-contrast situations
  • βœ… Accessibility needs

When to Skip Outline:

  • ❌ Dark environments
  • ❌ Minimal aesthetic preference
  • ❌ Performance considerations
  • ❌ Very thick crosshairs

Center Dot Strategy

Dot Benefits:

  • Precise center reference
  • Good for long-range aiming
  • Helps with target acquisition

Dot Considerations:

  • May obstruct small targets
  • Can be distracting for some players
  • Adds visual complexity

Custom Image Crosshairs

Image Requirements

Technical Specifications:

  • Format: PNG with transparency
  • Size: 64x64 to 128x128 pixels
  • Background: Transparent (alpha channel)
  • Color: Any, but consider visibility

Design Guidelines:

  • Keep designs simple and clear
  • Ensure good contrast
  • Test at different sizes
  • Consider animation (static only)

Creating Custom Images

Design Tools:

  • GIMP (free) - Full-featured editor
  • Paint.NET (free) - User-friendly
  • Photoshop (paid) - Professional grade
  • Canva (online) - Template-based

Design Process:

  1. Create Canvas: 128x128px, transparent background
  2. Design Crosshair: Use contrasting colors
  3. Keep Center Clear: Maintain aiming reference
  4. Export PNG: Ensure transparency preserved
  5. Upload: Use imgur, Discord CDN, or own server

Image Hosting

Recommended Hosts:

  • Imgur: Free, reliable, direct links
  • Discord CDN: If using Discord for community
  • GitHub: For permanent hosting
  • Own Server: Maximum control

Getting Direct URLs:

  • Imgur: Right-click image β†’ "Copy image address"
  • Discord: Upload, right-click β†’ "Copy link"
  • GitHub: Use raw file URLs

Customization Workflows

Workflow 1: Precision Sniper

  1. Style: 2 (Solid dot) or 15 (Scope-style)
  2. Size: 15-20px (small for precision)
  3. Thickness: 2-3px (thin lines)
  4. Color: White or bright green
  5. Opacity: 90-100% (high visibility)
  6. Gap: 3-5px (small gap)
  7. Outline: Yes (contrast)
  8. Dot: Yes (center reference)

Workflow 2: Fast-Paced Combat

  1. Style: 1 (Circle) or 3 (Full cross)
  2. Size: 25-35px (medium-large)
  3. Thickness: 4-6px (thick for visibility)
  4. Color: Bright red or neon green
  5. Opacity: 100% (maximum visibility)
  6. Gap: 0-2px (minimal gap)
  7. Outline: Yes (always visible)
  8. Dot: No (less clutter)

Workflow 3: Roleplay Realism

  1. Style: 0 (Classic cross) or 14 (Brackets)
  2. Size: 20-25px (realistic size)
  3. Thickness: 2-3px (subtle lines)
  4. Color: White or muted green
  5. Opacity: 70-80% (not too prominent)
  6. Gap: 4-6px (balanced)
  7. Outline: Optional (depends on environment)
  8. Dot: No (clean look)

Workflow 4: Accessibility Focus

  1. Style: 3 (Full cross) or 1 (Circle)
  2. Size: 35-45px (large for visibility)
  3. Thickness: 6-8px (thick lines)
  4. Color: High contrast (white/yellow)
  5. Opacity: 100% (maximum visibility)
  6. Gap: 0px (solid design)
  7. Outline: Yes (always)
  8. Dot: Yes (center reference)

Situational Customization

Environment-Based

Indoor/Dark Areas:

  • Bright colors (white, yellow, green)
  • Higher opacity
  • Outline enabled
  • Larger size for visibility

Outdoor/Bright Areas:

  • Darker colors or high contrast
  • Outline essential
  • Medium opacity to avoid washout
  • Standard size

Mixed Environments:

  • Balanced approach
  • Green or white colors
  • Medium settings across the board
  • Outline for safety

Weapon-Specific

Assault Rifles:

  • Medium crosshair (25px)
  • Balanced gap (4-5px)
  • High visibility colors

Sniper Rifles:

  • Small, precise crosshair (15-20px)
  • Minimal gap (2-3px)
  • Center dot enabled

Shotguns:

  • Larger crosshair (30-40px)
  • Wider gap (6-8px)
  • Circle or full cross style

Pistols:

  • Medium-small crosshair (20-25px)
  • Standard gap (4px)
  • Quick acquisition focus

Testing & Refinement

Testing Process

  1. Create Base Configuration
  2. Test in Different Lighting
  3. Try Various Weapons
  4. Test at Different Ranges
  5. Get Feedback from Others
  6. Refine Based on Results

A/B Testing

Compare two configurations:

  • Save both as favorites
  • Switch between them in different scenarios
  • Note performance differences
  • Keep the better performer

Community Feedback

  • Share with friends for opinions
  • Post in community forums
  • Participate in crosshair contests
  • Learn from other players' designs

Advanced Tips

Performance Optimization

  • Avoid overly complex custom images
  • Use appropriate sizes (don't go too large)
  • Consider server performance with many players

Aesthetic Considerations

  • Match crosshair to your UI theme
  • Consider your character's style/role
  • Think about immersion vs. functionality

Backup & Sharing

  • Save multiple versions as favorites
  • Note down successful configurations
  • Share good designs with community
  • Keep backups of custom images

Troubleshooting Customization

Common Issues

Crosshair not visible:

  • Check opacity settings
  • Verify color contrast
  • Ensure size is appropriate
  • Test outline option

Custom image not loading:

  • Verify URL is direct link to PNG
  • Check image has transparent background
  • Ensure image size is reasonable
  • Test URL in browser first

Settings not saving:

  • Ensure you save to favorites
  • Check database connection
  • Verify no server errors

Next Steps

  • Sharing System: Share your custom crosshairs
  • Troubleshooting: Fix common issues
  • Community: Join crosshair design communities

Customization guide by SantaFe Team πŸ‡²πŸ‡¦