a blog by Sara Farquharson

Virtual Party Space Devlog #6: Putting it all together

Today I start combining my game interface with the audio spatialization library.


  • imported Calla implementation into Phaser implementation
    • using tile position as “pose” since Calla uses metres as spatialization
    • this worked surprisingly easily
  • tried to add an audio source to map to test - this is harder than expected!
    • Calla relies entirely on Jitsi for adding user audio, thought would have to create extra Jitsi users for every static audio source
      • this would be a huge pain and require customizing Jitsi
    • upon reflection, may be easier to just add dummy sources to Calla
  • adding static audio sources to Calla
    • AudioManager has support for “clips” - creates an audio HTML element from audio file path
      • how to set location?
        • AudioManager.setClipPosition
      • No API for accessing this in CallaClient
        • add createClip function
  • looks like Calla has been updated recently to be able to be loaded as library
    • using typescript now?
    • still doesn’t look finished/easily loadable
    • Docker documentation for Calla does include the setup issue I had, sorta (4 months old, so my bad for not figuring that out)


  • playing with map offsets in Tiled
  • figured out how to make an animation for fountain in Tiled, but it doesn’t work in Phaser. Need to do via Phaser animation or use plugin
  • learned how to add ipad as video source in OBS
    • need to use cable
  • can do isometric depth with min(x,y) + modifier
    • roofs always higher layer
  • downloaded free fountain sound

About this series

Back in mid-December I started an ambitious project to create a custom platform for a virtual birthday party in February. I kept notes on my progress, both for personal reference and to turn into a series of blog posts. It quickly became apparent that I did not have time to both do the project and blog about the project. I have retroactively decided to post my raw notes as a dev log.