Superalgos/FloatingSpace/FloatingObject.js

 
function newFloatingObject () {
  const MODULE_NAME = 'Floating Object'
  const INFO_LOG = false
  const INTENSIVE_LOG = false
  const ERROR_LOG = true

  const logger = newWebDebugLog()
  logger.fileName = MODULE_NAME

  var thisObject = {

    physicsLoop: physicsLoop,
    eventHandler: undefined,

    payload: undefined,                     // This is a reference to an object controlled by a Plotter. The plotter can change its internal value and we will see them from here.
    type: undefined,                        // Currently there are two types of Floating Objects: Profile Balls, and Notes.

    physicsEnabled: false,

    initializeMass: initializeMass,
    initializeRadius: initializeRadius,
    initializeImageSize: initializeImageSize,
    initializeFontSize: initializeFontSize,

    imageId: undefined,

    currentPosition: 0,                     // Current x,y position of the floating object at the floating object's layer, where there is no displacement or zoom. This position is always changing towards the target position.
    currentSpeed: 0,                        // This is the current speed of the floating object.
    currentRadius: 0,                       // This is the current radius of the floating object, including its zoom applied.
    currentMass: 0,                         // This is the current mass of the floating object, including its zoom applied.

    friction: 0,                            // This is a factor that will ultimatelly desacelerate the floating object.

    rawMass: 0,                             // This is the mass value without zoom.
    rawRadius: 0,                           // This is the radius of this floating object without zoom.

    targetRadius: 0,                        // This is the target radius of the floating object with zoom applied. It should be animated until reaching this value.

    fillStyle: '',

    labelStrokeStyle: '',

    radomizeCurrentPosition: radomizeCurrentPosition,
    radomizeCurrentSpeed: radomizeCurrentSpeed,

    drawBackground: drawBackground,
    drawForeground: drawForeground,

    updateMass: updateMass,                 // Function to update the mass when the zoom level changed.
    updateRadius: updateRadius,             // Function to update the radius when the zoom level changed.

    linkedObject: undefined,                // This is a reference to the object that this floating object is representing.
    linkedObjectType: '',                   // Since there might be floating objects for different types of objects, here we store the type of object we are linking to.

    container: undefined,                    // This is a pointer to the object where the floating object belongs to.
    initialize: initialize

  }

  let underlayingObject

  thisObject.eventHandler = newEventHandler()

  return thisObject

  function initialize (pType, callBackFunction) {
    try {
      if (INFO_LOG === true) { logger.write('[INFO] initialize -> Entering function.') }

      switch (pType) {

        case 'Profile Ball': {
          underlayingObject = newProfileBall()
          underlayingObject.initialize(onInitialized)

          function onInitialized (err) {

          }

          break
        }
        case 'Note': {
          underlayingObject = newNote()
          underlayingObject.initialize(onInitialized)

          function onInitialized (err) {

          }
          break
        }
        default: {
          break
        }
      }

      thisObject.type = pType

      thisObject.eventHandler.listenToEvent('onMouseOver', onMouseOver)
      canvas.eventHandler.listenToEvent('onMouseNotOver', onMouseNotOver)
      thisObject.eventHandler.listenToEvent('onMouseClick', onMouseClick)

      if (callBackFunction !== undefined) { callBackFunction(GLOBAL.DEFAULT_OK_RESPONSE) }
    } catch (err) {
      if (ERROR_LOG === true) { logger.write('[ERROR] initialize -> err.message = ' + err.message) }
      if (callBackFunction !== undefined) { callBackFunction(GLOBAL.DEFAULT_FAIL_RESPONSE) }
    }
  }

  function physicsLoop (callBackFunction) {
    try {
      if (INFO_LOG === true) { logger.write('[INFO] initialize -> Entering function.') }

      underlayingObject.physicsLoop()

      if (callBackFunction !== undefined) { callBackFunction(GLOBAL.DEFAULT_OK_RESPONSE) }
    } catch (err) {
      if (ERROR_LOG === true) { logger.write('[ERROR] physicsLoop -> err.message = ' + err.message) }
      if (callBackFunction !== undefined) { callBackFunction(GLOBAL.DEFAULT_FAIL_RESPONSE) }
    }
  }

  function onMouseOver () {
    thisObject.targetRadius = thisObject.rawRadius * 1.5
    thisObject.targetImageSize = thisObject.rawImageSize * 1.5
    thisObject.targetFontSize = thisObject.rawFontSize * 1.5

    underlayingObject.onMouseOver()
  }

  function onMouseNotOver () {
    thisObject.targetRadius = thisObject.rawRadius * 1
    thisObject.targetImageSize = thisObject.rawImageSize * 1
    thisObject.targetFontSize = thisObject.rawFontSize * 1

    underlayingObject.onMouseNotOver()
  }

  function onMouseClick (pPoint) {
    underlayingObject.onMouseClick(pPoint, thisObject)
  }

  function drawBackground () {
    underlayingObject.drawBackground(thisObject)
  }

  function drawForeground () {
    underlayingObject.drawForeground(thisObject)
  }

  function initializeMass (suggestedValue) {
    var mass = suggestedValue
    if (mass < 0.1) {
      mass = 0.1
    }

    thisObject.rawMass = mass
    thisObject.currentMass = mass
  }

  function initializeRadius (suggestedValue) {
    var radius = suggestedValue
    if (radius < 2) {
      radius = 2
    }

    thisObject.rawRadius = radius
    thisObject.targetRadius = radius
    thisObject.currentRadius = radius / 3
  }

  function initializeImageSize (suggestedValue) {
    var size = suggestedValue
    if (size < 2) {
      size = 2
    }

    thisObject.rawImageSize = size
    thisObject.targetImageSize = size
    thisObject.currentImageSize = size / 3
  }

  function initializeFontSize (suggestedValue) {
    var size = suggestedValue
    if (size < 3) {
      size = 3
    }

    thisObject.rawFontSize = size
    thisObject.targetFontSize = size
    thisObject.currentFontSize = size / 3
  }

  function radomizeCurrentPosition (arroundPoint) {
    var position = {
      x: Math.floor((Math.random() * (200) - 100)) + arroundPoint.x,
      y: Math.floor((Math.random() * (200) - 100)) + arroundPoint.y
    }

    thisObject.currentPosition = position
  }

  function radomizeCurrentSpeed () {
    var initialXDirection
    var randomX = Math.floor((Math.random() * 10) + 1)
    if (randomX > 5) {
      initialXDirection = 1
    } else {
      initialXDirection = -1
    }

    var initialYDirection
    var randomY = Math.floor((Math.random() * 10) + 1)
    if (randomY > 5) {
      initialYDirection = 1
    } else {
      initialYDirection = -1
    }

    var velocity = {
      x: initialXDirection * Math.floor((Math.random() * 300) + 1) / 100,
      y: initialYDirection * Math.floor((Math.random() * 300) + 1) / 100
    }

    thisObject.currentSpeed = velocity
  }

  function updateMass () {

        // thisObject.currentMass = thisObject.rawMass + thisObject.rawMass * thisObject.container.zoom.incrementM * thisObject.container.zoom.levelM;

  }

  function updateRadius () {

        // thisObject.targetRadius = thisObject.rawRadius + thisObject.rawRadius * thisObject.container.zoom.incrementR * thisObject.container.zoom.levelR;

  }
}