adroitwhiz/bismuth

JavaScript compiler for Scratch projects. Phosphorus revamped.

bismuth's Issues

Redo frontend/UI

Currently, the UI code is spread out across many places, and is done via direct DOM manipulation. I'd like to redo the UI with a proper library (todolist.md says Vue, but I'm leaning more towards Preact now).

Site:

• Basic player (green flag + pause button + stop button + stage)
• Landing page (player + loading bar + a bunch of text)
• "App" player (different loading bar, autostart)

Bismuth player UI:

• Variable + reporter monitors
• List monitors
• Ask + answer prompts

Blocked on #5 since speech bubbles are currently rendered in DOM and need to be moved to the renderer.

Integrate IO + codegen with sb-edit

Once https://github.com/PullJosh/sb-edit reaches feature parity with what Bismuth can currently do, it would be nice to use that for loading projects, and using its Block representation as the IR for the compiler.

Currently waiting on:

• SB2
• SB3
• General code cleanup

Redo audio engine

Currently, the audio code is somewhat spaghettified. Supporting audio effects will be much easier if the audio engine is redone.

See leopard-js/leopard#54

Implement all blocks

This includes some blocks that were never implemented in Phosphorus, obsolete blocks that the new codegen doesn't yet support, and new 3.0 blocks.

• music_midiSetInstrument
• motion_glideto
• sound_changevolumeby
• sound_setvolumeto
• sound_seteffectto
• sound_changeeffectby
• sound_cleareffects
• sensing_setdragmode
• operator_contains
• data_itemnumoflist
• control_while
• control_for_each
• data_showlist
• data_hidelist

WebGL renderer

This is quite similar to leopard-js/leopard#23, so it's likely I can just reuse a lot of code from scratch-js.

• Bitmap + vector sprites
• Speech bubbles
• Pen layer (NOTE: apply bounding box optimization from scratchfoundation/scratch-render#438)
• Sprite is touching mouse
• Sprite is touching sprite
• Effects
• Layer ordering
• Rotation style
• Convex hull generation / "if on edge, bounce"
• Sprite is touching color
• Color is touching color
• Resizable stage
• Subpixel positioning of SVG viewboxes