this is bitsy with 3d editor  ✨🎁✨

here's my ko-fi page if you would like to support me

StatusIn development
Rated 4.9 out of 5 stars
(39 total ratings)
Tags3D, Bitsy, Level Editor, Lo-fi
LinksSource code

Development log

View all posts


Log in with to leave a comment.


This is great I love it

Hello, I just found this- wonderful work, by the way- and was wondering what part(s) of the script that I should add in borksy in order to modify a game made in vanilla bitsy? I found Bitsy Savior and decided to try it out, but for some reason this 3d hack was having trouble running inside Bitsy Savior.

i got the game made- ended up importing my bitsy data into bitsy 3d. 

any plans to add music support? /gq

hi is there a way to leave a trail behind, where ever the player moves? kinda like tron lightcycles?

hey two ways to do this i can think of are to either use a lot of rooms or to use bitsy hacks. but keep in mind that you might want to use an older version of hacks comptatible with bitsy 7.3 that bitsy 3d is based on


Hey there! Love this engine hack (even made a game with it)! I was wondering if you had plans to update it to make it compatible with the new version of Bitsy? They've added in sound effects and music tools, and I would love to be able to add sound to my project!

hi! gald you liked it! well, i don't have plans to update it. i know it's not the same as making music inside bitsy, but maybe you would find beepbox useful, it's tiny and intuitive, i used it to make music for some of my bities...


Ahh okay! No worries! I'll look into beepbox then!

This isn't a mobile!


Literally my favorite game engine ever.

too good especially because you don't need: recorde

to code and to paint even if on a certain thing

I have to go over it with notpad++


I’m a big fan of this! I’m using it to take a break from Playdate development lol


guys, bitsy HD works with this. just upload you bitsy HD files into this thing and it works like a charm.


i really like this! im using this to recrate undertale, and i have a posted demo its nothing much yet but i plan to remake the whole game


Thanks ! Thanks ! Thanks !
Really good job
Simple tests with no real gameplay :


This is such a beautiful extension to Bitsy! Thank you so much for making it.


thank you (*^ ᴗ ^*) loved your game!


Oh this means a lot, thanks!


Just finished making a game using this tool. There are some minor glitchy things (and I had trouble making hacks work) but it overall looks great!! Playing Bitsy in 3D is so refreshing


absolute game changer, this is gonna make me dive back into bitsy! so many possibilities with such a simple system!


wow it's cool


i just got into bitsy stuff so seeing a 3d thing is just


just insane... the way you explore a game with this engine is really interesting! is there a chance that it will be mobile compatible one day? thank you so much for your hard work, already making my next game on it!!

(1 edit) (+1)

thank you so much<3 glad you found it of some use! not sure about making it compatible with mobile, very unlikely i would say. i might re-make bitsy 3d and add new features when new version of bitsy comes out, but at the moment i'm kinda exhausted from building on top of bitsy and i'm working on a new project which can become a lo-fi  3d small games  editor at some point


too bad but l understand it must be a lot of work, but l can't wait to try your 3d editor! dont get burnt, you make great things! just played your pineapple adventure, loved the spritework, and playing as pineapple part! 

The thought alone has me salivating. I hope you and others continue to work on things like this. It completely opens up new doors to the game making community.



*this is now my go-to editor for if I don't wanna text code*


i love this! very nice


could you add a option for many colors, like


hi! supporting many colors is out of scope for bitsy 3d itself, but aury actually made an editor combining both flavors:

wow! sorry i missed this XD


oh this is amazing! 

It's crazy but I finding I'm wanting the option to switch camera settings between rooms :'D The great thing about bitsy tho is that all it's limitations really force me to keep my ideas small and manageable.

keep up the great work!

(2 edits)

thank you <3  if you still want to break some  limitations it's possible to change camera between rooms using javascript from dialog hack

we discussed it with other folks on bitsy discord

(these are links to messages that explains how to use bitsy 3d code to do it.. i think you would need to be in bitsy discord already to open it? if you are not, there is a link inside bitsy itself in the about panel) and you can always ask on bitsy discord if anything is unclear :3


ahhhh thank you!


how to support without money


i guess  share it with other folks, tell them why you like it! thank you for heartwarming message <3


Wow, this is amazing, good work!

thank you <3


im having a problem with the exits effects. they show on on the 2d monitor. but not on the 3d version.

 they are not supported in bitsy 3d as of now


they need the original 2d canvas and it's not possible to support them out of the box, don't think there would be exit effects in bitsy 3d in a forseeable future (unless someone implements and contributes them?) cause at the moment i'm working on other features i think are more crucial.. and that to do list is pretty huge lol


Would there be a way to use the camera as the 2D plane needed?

unfortunately no, it needs the original 2d canvas where vanilla bitsy rendering is happening, not just the appearance of 2d view that you can set up with orthographic camera in 3d


Having fun checking this out so far but I ran into some problems with the Universal Camera. For some reason the position and rotation values will not save.  The value in editor will appear updated but the preview does not change and after pressing play all values are reset to default.  For some people this is clearly working as I've played a few games that use a fixed universal cam.

I have tried different browsers, Chrome and Firefox, using it on my android, and changing the values directly in the HTML all to no avail.  If you have any ideas about what could be happening I'd love to hear them. Thanks


thank you for catching this one! just uploaded a fix ✨


Cheers, thanks for being so quick


This is really amazing! I have one problem, for some screen size ratios, like a wacky widescreen one, the dialog box is at a weird position and the title doesn't even show at all. Is there a way in the settings I can move this?


oh.. this needs to be fixed. unfortunately no way to configure it through settings. thank you for reporting!


this is finally fixed in the last update  ✨

Can't get exits to work.. :(


exits aren't supported in the scene editor yet, but you can use vanilla bitsy 'room' and 'exits & endings' panel to edit them. you will be taken to the appropriate room-layer in the 'room' panel when you alt-click something in '3d scene' panel


Still can't wrap my head around how cool this is!

Some issues I've ran into so far:

  • child meshes aren't affected by their 'hidden' setting
  • disabling 'follow avatar' in camera setting lets you hold ctrl to drag the camera around (doesn't happen with the dungeon crawler/fixed position follower presets), seems like a potentially undesirable behavior that should have its own checkbox
  • compatibility with hacks:
    •  _reinitEngine in dialog hacks undoes the DrawTextbox patching
    • the dialog choices hack breaks rendering somehow, can't figure out what's going on with that
  • suggestions:
    • it would be nice to have a way to explicitly add a new room to the active stack
    • editor camera's max radius feels needlessly low

thank you for your report!
regarding new rooms in the active stack - as of now this could be done by editing game data. i was planning to make 3d scenes more flexible, like having individual  transforms for every room, allowing them to be parented to empty transforms and such, so more direct control over rooms and stacks would be coming together with these features

(6 edits) (-1)

Got the dialog choices working, I think. Looks like the main problem with hacks is that they can overwrite the patched bitsy functions, so you need to make sure that all the patches are still in effect after the hacks are applied. I guess making all other patches happen inside the patched `startExportedGame` might take care of things?

I changed the code to this and  it seems to be working:

document.addEventListener('DOMContentLoaded', function() {
    var interval;
    if (bitsy.EditMode === undefined) {
        // if we are in exported game, patch bitsy with 3d functions
        // if the project includes hacks, then when this runs startExportedGame is doAllInjections
        b3d.patch(bitsy, 'startExportedGame', function () {
          b3d.patch(bitsy, 'update', null, function () {
          // doing this before everything else runs ensures that the intro dialog is cleared
          // in case a hack overwrites bitsy.update (there's probably a better way to do this?
          // like i'm surprised starting the updates before the actual game works)
          // this will leave us with two running update intervals when the game actually starts, 
          // which i guess is bad, so it'll need to be cleaned up afterwards
          interval = bitsy.update_interval = setInterval(bitsy.update, 16); 
        }, function () {
          bitsy.update_interval = interval;
          var py;
          // make position of the dialog box configurable through game settings
          b3d.patch(dialogRenderer, 'DrawTextbox', function () {
              py = bitsy.player().y;
              bitsy.player().y = b3d.settings.positionDialogBoxAtTheTop ? bitsy.mapsize : 0;
          }, function () {
              bitsy.player().y = py;
          // adjust movement direction relative to the camera
          b3d.patch(bitsy, 'movePlayer',
              function () {
                  var rotationTable = {};
                  rotationTable[bitsy.Direction.Up] = bitsy.Direction.Left;
                  rotationTable[bitsy.Direction.Left] = bitsy.Direction.Down;
                  rotationTable[bitsy.Direction.Down] = bitsy.Direction.Right;
                  rotationTable[bitsy.Direction.Right] = bitsy.Direction.Up;
                  rotationTable[bitsy.Direction.None] = bitsy.Direction.None;
                  b3d.rawDirection = bitsy.curPlayerDirection;
                  var rotatedDirection = bitsy.curPlayerDirection;
                  var ray = b3d.scene.activeCamera.getForwardRay().direction;
                  var ray2 = new BABYLON.Vector2(ray.x, ray.z);
                  var a = (Math.atan2(ray2.y, ray2.x) / Math.PI + 1) * 2 + 0.5;
                  if (a < 0) {
                      a += 4;
                  for (var i = 0; i < a; ++i) {
                      rotatedDirection = rotationTable[rotatedDirection];
                  bitsy.curPlayerDirection = rotatedDirection;
              function () {
                  bitsy.curPlayerDirection = b3d.rawDirection;
          // patching onready is useless at this point since it's already been called
          // remove borksy touch control fix that breaks mouse camera controls
          var touchTriggerEl = document.getElementById('touchTrigger');
          if (touchTriggerEl) touchTriggerEl.parentElement.removeChild(touchTriggerEl);
Deleted 3 years ago
(2 edits)

also, as far as i know dialog choices haven't been updated to work with bitsy v7 yet, they crash both bitsy 3d and vanilla bitsy as kitsy tries to replace the code that no longer exists in v7. not sure how you would have fixed that by changing the order in which patches are applied

so dialog hacks do overwrite DrawTextbox in _reinitEngine, as you have correctly pointed out, but all other other patches are compatible
going to add a lil fix now
thank you for investigating the issue!

hm actually i'm not sure about some kitsy injects, they might still break things it seems

(4 edits) (+1)

oh, i wrote a temporary fix to make the dialog choices hack work with bitsy 7.0.

it works fine with regular bitsy, but when i tried it with bitsy 3d, i realized that  when the old script tags are replaced, the patched functions are replaced too, so you still need to reapply the patches, or at least that's what i think is happening (a script tag will be executed when it's attached to the document, right? i may be wrong, i'm terrible at this)

see  the screenshot - the dialog choices hack needs to alter the updateInput function (this is in the original hack, not something i added), so it replaces  the tag that contains it, which in turn breaks the patched update function (and also restarts the renderer)

so if i'm right, it'd be safer to find a way to apply patches after the hacks, if i'm wrong, well, that's embarrassing, sorry about wasting your time

(3 edits) (+1)

i improved compatibility with hacks by using kitsy for all bitsy 3d patches when it's present in exported game. and sean just updated dialog choices
they should finally  work well together :D
thank you for finding the bug and for your suggestions, it was very helpful!


This is looking so good. Nice work. :)

thank you [◍^‿^◍]

:) I just wondered if you have a list of features in Bitsy 2D that aren't in Bitsy 3D? I'm thinking about developing my latest Moomin Bitsy as 3D. It doesn't use hacks, just a lot of exits and variables. 

For the free-looking first person camera you should allow the player to move diagonally. It's weird walking in only 4 directions when you can look diagonally. Otherwise great job! :)


thank you! that's one of the things that i might add before the release!

Just panning the camera around, I noticed the cat sprite rotates so it's always oriented toward the camera, but the player sprite maintains a constant angle. Playing the demo is even weirder: WASD always moves relative to the current camera angle (e.g. if camera faces east, W moves east), but does not rotate the camera. Arrow keys also move relative to current camera but also move the camera, up and down for up and down, and rotating for left and right. Pressing left arrow repeatedly makes the PC move in roughly a circle. I don't know how much of this behavior is intentional, or how much is a result of being a first pass at the idea.

this is because cat drawing is set to use billboard mesh and avatar uses the plane. you can alt-click the drawing in the editor and select a different mesh type in 3d settings panel, under mesh tab
arrow keys rotating the camera is not intended behavior, it's on the todo list for getting fixed!

Ah, I hadn't noticed those were options. I tried the different types, and they seem to offer a wide set of options. The transform options allow for some effects not found in 2D Bitsy. I also found the camera type options and played with those.

I had just started typing a comment about transparency when I found the option for that as well.

and when i start the game it is just a blue screen i even tried to make a new game and everything

hm.. this might be because game data is corrupted, because you have very dense fog settings or because camera is facing away from everything. did you have any errors in the console?

the dungeon crawler camera, has a bit weird, and i dont know what but something in the engine inverted the controls of the player, but overall its really good, keep it up

i'm not sure what could have inverted the controls.. one thing i can think of is if you use 'arc' camera type you can set 'use left and right to rotate by angle' to a negative number


Wow great work