GDevelop Voxel Sprite Stack

2D rendering tecnic built over PixiJS and support for GDevelop Engine

This tool is focused in Magica Voxel Slice Exporter (Vertical sheet)

I'll working to suport any directions slice sprite sheet

Before start, remember to apply nearest on scale mode

Dowload link: Extension.json

Tutorial:

https://www.youtube.com/watch?v=gFqr2yaCLAY - old - now has camera 3d, but works

YOUR MODEL MUST BE ON ANIMATION #1

tip: make a invisible png on end of animation 0 to hide ingame placeholder

Online Example:

• Example: https://games.gdevelop-app.com/game-6a912d3c-8188-4de1-9829-edede094439c/index.html

• City: https://games.gdevelop-app.com/game-bc35c5f0-3004-41d1-9bb1-de996d31adad/index.html

• OLD

  • Example: https://games.gdevelop-app.com/game-5ede3bb4-0d62-4d59-8f43-32fafc2efd20/index.html
  • City: https://games.gdevelop-app.com/game-3cceda9d-11bd-405c-ae3a-40ff394db30a/index.html
  • City Pixalate: https://games.gdevelop-app.com/game-3cceda9d-11bd-405c-ae3a-40ff394db30a/index.html
  • First: https://games.gdevelop-app.com/game-a5c8f66a-600e-4c35-9ef5-74fe3421c847/index.html

Check the videos:

https://www.youtube.com/playlist?list=PLe_oBt7tqrpf7KOVxOThL1H1-VwLuKRZi

Todo:

• stacked object

  • draw
  • XY Sort
  • angle (by obj variable)
  • toggle
  • single density
  • angle from parent object
  • redraw
  • get/set/add rotation
  • slice offset
  • XY Sort by bounds

• shadow system

  • self cast
  • add toggle
  • add angles
  • add opacity
  • maybe:
    • offset
    • light blend/mask

• light system

  • world angle ligth
  • spot light

• camera rotation

  • yaw
  • pitch
  • roll?

• others:

  • XY Sort for 2D objects
  • reverse stack (for support others exports type)
  • animation suport
  • refatorate all code.

Send inssues to help

Like my job? please help me keep working on this

https://www.patreon.com/FlokiTV

Some free vox models

https://reddany.itch.io/pack-3-truck-style-voxel

https://mehrasaur.itch.io/voxel-buildings

https://maxparata.itch.io/voxel-mechas

https://maxparata.itch.io/voxel-spaceships

Inspirations

https://www.youtube.com/watch?v=_BztMPC5Kk4

https://www.youtube.com/watch?v=WZ64avAykTA

https://www.youtube.com/watch?v=DNDwo7855Gs

Resources

https://marctenbosch.com/quaternions/

https://medium.com/swlh/understanding-3d-matrix-transforms-with-pixijs-c76da3f8bd8