OTClient How to Read spr file load a specific outfit and display it as module?

[lukatxd]

Hi guys, I'm designing an ot where the player is a mecha pilot. So to make it more imersive, I've thought of adding a crew/navigators at the corner of the screen.
I can add a navigator png and display it, but I would like it to be less static than that, even have a talk balloon sometimes just like the Ratha npc makes some snarky comments once in a while.

So I made it into a 128x128 outfit with animations which brings me to my current question: How do I make otc load it and display it? I opened the module "game_outfit" but I couldnt completely understand the serverData and how that attachedEffects work

Below is the otc part where it seems to have already loaded the outftis, but I'm not understanding the part where it gets them from the .spr file

function showOutfits()
    window.presetsList:hide()
    window.presetsScroll:hide()
    window.presetButtons:hide()

    window.selectionList.onChildFocusChange = nil
    window.selectionList:destroyChildren()

    local focused = nil
    for _, outfitData in ipairs(ServerData.outfits) do
        local button = g_ui.createWidget("SelectionButton", window.selectionList)
        button:setId(outfitData[1])

        local outfit = table.copy(previewCreature:getCreature():getOutfit())
        outfit.type = outfitData[1]
        outfit.addons = outfitData[3]
        outfit.mount = 0
        outfit.familiar = 0
        outfit.auras = 0
        outfit.wings = 0
        outfit.shader = "Outfit - Default"
        outfit.healthBar = 0
        outfit.effects = 0
        button.outfit:setOutfit(outfit)

 

[kimus1991]

Hi guys, I'm designing an ot where the player is a mecha pilot. So to make it more imersive, I've thought of adding a crew/navigators at the corner of the screen.
I can add a navigator png and display it, but I would like it to be less static than that, even have a talk balloon sometimes just like the Ratha npc makes some snarky comments once in a while.

So I made it into a 128x128 outfit with animations which brings me to my current question: How do I make otc load it and display it? I opened the module "game_outfit" but I couldnt completely understand the serverData and how that attachedEffects work

Below is the otc part where it seems to have already loaded the outftis, but I'm not understanding the part where it gets them from the .spr file

function showOutfits()
    window.presetsList:hide()
    window.presetsScroll:hide()
    window.presetButtons:hide()

    window.selectionList.onChildFocusChange = nil
    window.selectionList:destroyChildren()

    local focused = nil
    for _, outfitData in ipairs(ServerData.outfits) do
        local button = g_ui.createWidget("SelectionButton", window.selectionList)
        button:setId(outfitData[1])

        local outfit = table.copy(previewCreature:getCreature():getOutfit())
        outfit.type = outfitData[1]
        outfit.addons = outfitData[3]
        outfit.mount = 0
        outfit.familiar = 0
        outfit.auras = 0
        outfit.wings = 0
        outfit.shader = "Outfit - Default"
        outfit.healthBar = 0
        outfit.effects = 0
        button.outfit:setOutfit(outfit)

Describe in simple language the effect you want to achieve ingame

 

[ReggyMcBoggle]

If you've put it as an outfit, you can just use UICreature (otui) and setOutfit (Lua) just like in the code segment you posted.

In modules/game_interface/gameinterface.otui, around line 46 you will see the gameMapPanel, all depends on whether you want to anchor it to the actual game window, or the bottom left of the client viewport, you can create the UICreature around here, and create a global reference to it in gameinterface.lua so you can access it/change the outfit looktype from other modules.

 

[lukatxd]

Describe in simple language the effect you want to achieve ingame

They say an image is worth a thousand words, so:

Post automatically merged: Yesterday at 19:50

If you've put it as an outfit, you can just use UICreature (otui) and setOutfit (Lua) just like in the code segment you posted.

In modules/game_interface/gameinterface.otui, around line 46 you will see the gameMapPanel, all depends on whether you want to anchor it to the actual game window, or the bottom left of the client viewport, you can create the UICreature around here, and create a global reference to it in gameinterface.lua so you can access it/change the outfit looktype from other modules.

this is in game_outfit/outfit.lua

function showOutfits()
    local outt = {}
    outt.type = 904
    navigatorUICreature.outfit = outt

game_interface/gameinterface.lua

navigatorUICreature = {}

game_interface/gameinterface.otui

GameSidePanel < UIMiniWindowContainer
  image-source: /images/ui/2pixel_up_frame_borderimage
  image-border: 4
  width: 176
  layout:
    type: verticalBox
    //spacing: 1

SelectColumnButton < CheckBox
  visible: false
  opacity: 0.3
  $hover:
    opacity: 1

GameBottomPanel < UIWindow
  image-source: /images/ui/background_dark
  image-repeated: true
  draggable:false

  ResizeBorder
    id: bottomResizeBorder
    anchors.bottom: parent.bottom
    anchors.left: parent.left
    anchors.right: parent.right
    enabled: false
    height: 5
    margin-top: 5
    minimum: 170

  ResizeBorder
    id: rightResizeBorder
    anchors.right: parent.right
    anchors.top: parent.top
    anchors.bottom: parent.bottom
    enabled: false
    minimum: 300


GameMapPanel < UIGameMap
  padding: 4
  image-source: /images/ui/panel_map
  image-border: 4

  $on:
    padding: 0

UIWidget
  id: gameRootPanel
  anchors.fill: parent
  anchors.top: topMenu.bottom

  GameMapPanel
    id: gameMapPanel
    anchors.left: gameLeftActionPanel.right
    anchors.right: gameRightActionPanel.left
    anchors.top: gameTopPanel.bottom
    anchors.bottom: bottomSplitter.top
    focusable: false
    margin-top: 1
    margin-bottom: 1

    Button
      id: showTopMenuButton
      anchors.top: parent.top
      anchors.left: parent.left
      !text: tr('Show Top Menu')
      height: 32
      visible: false
  UICreature
      id: Sprite
      size: 128 128
      anchors.left: parent.left
      anchors.bottom: parent.bottom
      margin-bottom: 10
      margin-right: 5
      phantom: true

I pasted the upper part of .otui because I think I may have misplaced it with the spacings. But I could see with the help of Gesios module debugger, that it created a place where the navigator module would be shown.

This is the message Im getting in otc console
/game_outfit/outfit.lua:876: attempt to index global 'navigatorUICreature' (a nil value)

 

[3alola1]

They say an image is worth a thousand words, so:
View attachment 101884

Post automatically merged: Yesterday at 19:50

this is in game_outfit/outfit.lua

function showOutfits()
    local outt = {}
    outt.type = 904
    navigatorUICreature.outfit = outt

game_interface/gameinterface.lua

navigatorUICreature = {}

game_interface/gameinterface.otui

GameSidePanel < UIMiniWindowContainer
  image-source: /images/ui/2pixel_up_frame_borderimage
  image-border: 4
  width: 176
  layout:
    type: verticalBox
    //spacing: 1

SelectColumnButton < CheckBox
  visible: false
  opacity: 0.3
  $hover:
    opacity: 1

GameBottomPanel < UIWindow
  image-source: /images/ui/background_dark
  image-repeated: true
  draggable:false

  ResizeBorder
    id: bottomResizeBorder
    anchors.bottom: parent.bottom
    anchors.left: parent.left
    anchors.right: parent.right
    enabled: false
    height: 5
    margin-top: 5
    minimum: 170

  ResizeBorder
    id: rightResizeBorder
    anchors.right: parent.right
    anchors.top: parent.top
    anchors.bottom: parent.bottom
    enabled: false
    minimum: 300


GameMapPanel < UIGameMap
  padding: 4
  image-source: /images/ui/panel_map
  image-border: 4

  $on:
    padding: 0

UIWidget
  id: gameRootPanel
  anchors.fill: parent
  anchors.top: topMenu.bottom

  GameMapPanel
    id: gameMapPanel
    anchors.left: gameLeftActionPanel.right
    anchors.right: gameRightActionPanel.left
    anchors.top: gameTopPanel.bottom
    anchors.bottom: bottomSplitter.top
    focusable: false
    margin-top: 1
    margin-bottom: 1

    Button
      id: showTopMenuButton
      anchors.top: parent.top
      anchors.left: parent.left
      !text: tr('Show Top Menu')
      height: 32
      visible: false
  UICreature
      id: Sprite
      size: 128 128
      anchors.left: parent.left
      anchors.bottom: parent.bottom
      margin-bottom: 10
      margin-right: 5
      phantom: true

I pasted the upper part of .otui because I think I may have misplaced it with the spacings. But I could see with the help of Gesios module debugger, that it created a place where the navigator module would be shown.

This is the message Im getting in otc console
/game_outfit/outfit.lua:876: attempt to index global 'navigatorUICreature' (a nil value)

Are you making a megaman x server?
This is pretty cool tbh I was thinking on making something like battle network in the feature as well.