phetsims / circuit-construction-kit-common

"Circuit Construction Kit: Basics" is an educational simulation in HTML5, by PhET Interactive Simulations.
GNU General Public License v3.0
10 stars 10 forks source link

Opacity overlay for build mode #29

Closed samreid closed 8 years ago

samreid commented 8 years ago

A screen with reduced opacity will cover the playspace, except for the inside of the black box. All circuit elements dragged into the playspace while in “Investigate” mode will be layered behind this screen. Tools and panels will be layered above.

image

Black box disappears revealing empty internal terminals A screen with reduced opacity will cover the playspace, except for the inside of the black box. All circuit elements dragged into the playspace while in “Investigate” mode will be layered behind this screen. Tools and panels will be layered above. Any circuit element dragged into the playspace can only be attached to the terminals within the black box. The voltmeter and ammeter can continue to be moved freely.

samreid commented 8 years ago

Thinking through the layering (back to front)

external components overlay toolbox internal components

We would have to embed the toolbox into the circuit layering to make this possible. The toolbox has to be behind components or they will appear to drag behind it.

samreid commented 8 years ago

Transparency overlay added, closing.