dethe / blocklib Goto Github PK

• Bounce: a ball that bounces from element to element
• Fishtank: a fish swims from tank element to tank element

These would be elements with a graphic that moves invisibly around the page an is only show when it overlaps the "window" element, such as a fishtank.

Just a nice on/off like the Mac has. It's basically a styled checkbox.

Let's you drop SVG components (circle, rect, etc.) anywhere without having to wrap them in first. Creates a background SVG to hold them all. Can calculate offsets so they appear to be inline?

All of the blocks and panels needed to build a next-generation version of Waterbear.

• Expression block
• Asset block
• Workspace block
• Context block
• Step block
• Event Handler block
• Block menu panel
• Locals panel
• Scratch space panel
• Tutorial panel
• REPL panel
• Preview panel
• Text output panel
• Command-line panel

Web As It Should Be

An image tag that takes an image (or images for different resolutions) but can be drawn into via API or embedded SVG elements. Canvas-like API, but creates SVG elements so they persist and have events, etc.

Because you shouldn't need new elements to have images you can draw on.

Components suitable for building computing simulations like those in the software for The Elements of Computing Systems.

• NAND
• NOR
• AND
• OR
• NOT

This would be a set of elements suitable for implementing demos like what Bret Victor shows http://worrydream.com/#!/MediaForThinkingTheUnthinkable (demos 2, 3, and 4).

Elements can have multiple representations, which themselves are composed of other elements.

• Resistor
• Capacitor
• Transistor
• Antenna
• Power source
• Diode

Make a simple eye graphic that follows the mouse.

For extra credit, allow it to follow arbitrary other elements.

Drastically better layout primitives as elements. Because putting the layout in CSS generally sucks.

All tags should support:

• 2-way bindings using channels
• href to create a link that will be followed
• other xlink-type links?
• vastly better layout