tutorial art storyboard

Guide for tutorial art storyboard

Tutorial Art Storyboard

For: Art Team
Project: Legends of Hastinapur - Tutorial & FTUE
Reference: onboarding_flow.md

1. Environments & Locations

Guard's House (Exterior)

Type: 3D Environment
Description: Small residential home in Hastinapur, player spawn point
Assets Needed:
  • House exterior (single-story, modest)
  • Door with enterable area marker
  • Surrounding path/courtyard
  • Mother NPC standing position
Reference Style: OSRS Lumbridge homes, Indic architecture

Ganesha Temple

Type: 3D Environment
Description: Small roadside temple between house and barracks
Assets Needed:
  • Temple structure (open pavilion style)
  • Ganesha idol/statue
  • Shrine interaction point
  • Coconut breaking animation area
  • Blessing particle effect (golden glow)
Reference Style: Roadside Ganesha shrines, small mandirs

Infirmary (Interior)

Type: 3D Environment
Description: Medical facility with herb storage, treatment beds
Assets Needed:
  • Interior room layout (2-3 beds)
  • Herb shelves/storage
  • Mortar & Pestle station
  • Rishi Bharadwaja standing position
  • Wounded guard bed placement
Reference Style: Ayurvedic clinic, medieval infirmary

Sphatika Mine

Type: 3D Environment
Description: Crystal mine east of Hastinapur
Assets Needed:
  • Mine entrance/cave opening
  • Sphatika crystal nodes (mineable rocks)
  • Interior cave tunnels
  • Cliffside path leading to Vayu Sthala
Reference Style: OSRS Mining Guild, crystal cave aesthetic

Vayu Sthala (Wind Meditation Platform)

Type: 3D Environment
Description: Outdoor cliffside meditation platform overlooking valley
Assets Needed:
  • Stone platform/flooring
  • Vayu statue (central piece)
  • Prayer altar
  • Valley vista backdrop
  • Wind particle effects (constant ambient)
  • Cliff edge safety barriers
Reference Style: Mountain meditation sites, open-air shrines

2. NPCs & Characters

Mother

Type: 3D Character
Animations:
  • Idle (standing, concerned)
  • Talk gesture
  • Give item (hand coconut)
Clothing: Simple saree, maternal appearance
Props: Coconut (hand-held)

Rishi Bharadwaja

Type: 3D Character
Animations:
  • Idle (sage meditation pose)
  • Talk gesture
  • Give item (equipment handoff)
  • Healing gesture (treating guard)
Clothing: Orange/white robes, rudraksha mala, tilak
Props: Mortar & pestle (interaction)

Guard Captain

Type: 3D Character (Existing, Enhancements)
New Animations:
  • Give equipment gesture
  • Shop interaction idle
  • Trade window open

Wounded Guard

Type: 3D Character / Inventory Item
States:
  • Collapsed (on ground, snake bite)
  • Carried (inventory item sprite)
  • Recovered (standing, healed)
Animations:
  • Snake bite reaction
  • Lying injured
  • Recovery stand-up

3. Items & Props

Coconut (Quest Item)

Type: 2D UI Icon + 3D Prop
Variations:
  • Inventory icon (whole coconut)
  • Hand-held prop (Mother gives)
  • Breaking animation (temple interaction)

Combat Manual (XP Book)

Type: 2D UI Icon
Quantity: 3 instances
Design: Scroll/tome with combat symbols
Interaction: Opens XP Grant Modal

Japa Mala (Prayer Beads)

Type: 3D Equipment (Main Hand)
Tiers: Wooden, Sandalwood, Rudraksha, Divine
Visual Variations: Bead color/material changes per tier

Yoga Danda (Meditation Staff)

Type: 3D Equipment (Off-Hand)
Tiers: Wooden, Sandalwood, Rudraksha, Divine
Visual Variations: Wood type/carvings per tier

Sphatika (Crystal)

Type: 2D UI Icon + 3D Rock Node
Variations:
  • Ore node (mineable rock)
  • Inventory icon (raw crystal)
  • Noted version (stack indicator)

Bijas (Mantra Runes)

Type: 2D UI Icons
Elements: Air, Water, Earth, Fire, Chandra
Design: Distinct color/symbol per type
  • Air: White/silver, wind swirl
  • Water: Blue, water droplet
  • Earth: Brown, mountain/rock
  • Fire: Red/orange, flame
  • Chandra: Purple/silver, moon crescent

Sphatika Pouch

Type: 2D UI Icon + 3D Equip
Tiers: Small, Medium, Large, Giant
Design: Bag size increases per tier

4. UI Elements

Name Toggle Modal

Type: 2D UI Screen
Components:
  • Title: "Choose Your Experience"
  • Option A button: "Authentic (Indic Names)"
  • Option B button: "Standard (English Names)"
  • Settings indicator: "Can be changed later"

XP Grant Modal

Type: 2D UI Screen
Layout:
  • Skill grid (17 skills, grouped by category)
  • Category headers (Combat/Gathering/Processing with icons)
  • Enabled skills (clickable buttons)
  • Disabled skills (grayed out)
  • XP amount display (e.g., "100 XP")
  • Confirm/Cancel buttons
Skills to Design Icons For: Attack, Strength, Defence, Hitpoints, Ranged, Magic, Tapasya, Mining, Fishing, Woodcutting, Hunter, Farming, Smithing, Cooking, Fletching, Ayurveda, Crafting

Tapasya Mode Selection Modal

Type: 2D UI Overlay
Components:
  • Mode 1 preview: "Active - Click for fast XP"
  • Mode 2 preview: "AFK - Meditate for more Bijas"
  • XP/hr comparison
  • User choice buttons

5. Animations & VFX

Coconut Breaking (Temple)

Type: Particle Effect + Animation
Sequence:
  1. Player approaches shrine
  2. Use coconut (player animation)
  3. Coconut shatters (particles)
  4. Brief blessing glow (golden aura)

Snake Bite (Guard)

Type: Animation Sequence
Sequence:
  1. Snake lunges (NPC)
  2. Guard reacts (stumble back)
  3. Guard collapses (ragdoll/scripted)
  4. Venom status effect (green pulse on body)

Tapasya Mode 1 (Active Click)

Type: Animation + VFX
Sequence:
  1. Player raises Japa Mala overhead
  2. Statue glows (brief flash)
  3. Sphatika vanishes from inventory
  4. Bija appears in inventory (sparkle)

Tapasya Mode 2 (AFK Meditate)

Type: Looping Animation + VFX
Sequence:
  1. Player sits in lotus pose
  2. Japa Mala/Yoga Danda held in meditation mudra
  3. Wind particles swirl around player (3-tick loop)
  4. Periodic glow when conversion happens

Prayer Activation

Type: Animation + VFX
Effect: Overhead prayer icon appears (Protect from Melee symbol)

6. Additional Requirements

Tutorial Indicators

  • Ground markers (glowing path)
  • NPC glow (highlight for interaction)
  • Entity outline (selected target)
  • Quest arrows (pointing to objectives)

Audio (Not Art, but FYI)

  • Coconut breaking sound
  • Meditation ambience (wind, chimes)
  • Prayer activation chime
  • XP gain fanfare

Asset Delivery Checklist

3D Models

  • Guard's House exterior
  • Ganesha Temple structure
  • Ganesha statue
  • Infirmary interior
  • Mortar & Pestle station
  • Sphatika Mine (entrance, nodes)
  • Vayu Sthala platform
  • Vayu statue
  • Prayer altar
  • Mother NPC (rigged, textured)
  • Rishi Bharadwaja NPC (rigged, textured)
  • Wounded Guard states
  • Coconut (3D prop)
  • Japa Mala (4 tiers)
  • Yoga Danda (4 tiers)
  • Sphatika crystal nodes

2D Icons

  • Coconut (inventory)
  • Combat Manual
  • Japa Mala (4 tiers)
  • Yoga Danda (4 tiers)
  • Sphatika (raw, noted)
  • Sphatika Pouch (4 sizes)
  • 5 Bija types (Air, Water, Earth, Fire, Chandra)
  • 17 Skill icons (for XP Grant Modal)

Animations

  • Mother: Idle, Talk, Give Item
  • Rishi: Idle, Talk, Give Item, Heal
  • Guard: Snake Bite, Collapse, Recover
  • Guard Captain: Give Equipment, Shop Idle
  • Player: Coconut Break, Raise Hands (Mode 1), Meditate (Mode 2)

VFX

  • Coconut shatter particles
  • Blessing glow (golden aura)
  • Wind particles (Vayu Sthala ambient)
  • Meditation swirl (player aura)
  • Sphatika conversion sparkle
  • Prayer overhead icon

UI Mockups

  • Name Toggle Modal
  • XP Grant Modal (full layout)
  • Tapasya Mode Selection