import { Color, Vector2, Vector3 } from 'three'

import { defineComponent } from '../../ecs/functions/ComponentFunctions'
import { Clouds } from '../classes/Clouds'

export type CloudComponentType = {
  texture: string
  worldScale: Vector3
  dimensions: Vector3
  noiseZoom: Vector3
  noiseOffset: Vector3
  spriteScaleRange: Vector2
  fogColor: Color
  fogRange: Vector2
  clouds?: Clouds
}

export const CloudComponent = defineComponent({
  name: 'CloudComponent',
  onInit: () => {
    return {
      texture: SCENE_COMPONENT_CLOUD_DEFAULT_VALUES.texture,
      worldScale: new Vector3().copy(SCENE_COMPONENT_CLOUD_DEFAULT_VALUES.worldScale),
      dimensions: new Vector3().copy(SCENE_COMPONENT_CLOUD_DEFAULT_VALUES.dimensions),
      noiseZoom: new Vector3().copy(SCENE_COMPONENT_CLOUD_DEFAULT_VALUES.noiseZoom),
      noiseOffset: new Vector3().copy(SCENE_COMPONENT_CLOUD_DEFAULT_VALUES.noiseOffset),
      spriteScaleRange: new Vector2().copy(SCENE_COMPONENT_CLOUD_DEFAULT_VALUES.spriteScaleRange),
      fogColor: new Color(SCENE_COMPONENT_CLOUD_DEFAULT_VALUES.fogColor),
      fogRange: new Vector2().copy(SCENE_COMPONENT_CLOUD_DEFAULT_VALUES.fogRange)
    } as CloudComponentType
  },
  errors: ['TEXTURE_LOADING_ERROR']
})

export const SCENE_COMPONENT_CLOUD = 'cloud'
export const SCENE_COMPONENT_CLOUD_DEFAULT_VALUES = {
  texture: '/clouds/cloud.png',
  worldScale: { x: 1000, y: 150, z: 1000 } as Vector3,
  dimensions: { x: 8, y: 4, z: 8 } as Vector3,
  noiseZoom: { x: 7, y: 11, z: 7 } as Vector3,
  noiseOffset: { x: 0, y: 4000, z: 3137 } as Vector3,
  spriteScaleRange: { x: 50, y: 100 } as Vector2,
  fogColor: 0x4584b4,
  fogRange: { x: -100, y: 3000 } as Vector2
}