Giter Site home page Giter Site logo

Comments (8)

flandreas avatar flandreas commented on September 27, 2024 1

Regarding the black & white issue:

Screenshot 2024-04-20 at 14 35 02

But you are right: It's confusing.

from antares.

flandreas avatar flandreas commented on September 27, 2024 1

I like your suggestions regarding images, also the idea to have buttons with art work images for on and off state. I suspect it would make sense for Antares projects to maintain a central repository of imported images, so that not every button would have to have its own copy of the image.

I've checked out pdp8.app. Cool looking site! Just wanted to inform you that the page didn't load in Safari 17.4.1 on my macOS 14.1.1. It produced the following console log output, and the browser kept displaying a white page saying "Loading...".

Screenshot 2024-04-21 at 16 07 21

I then used Chrome, and that worked.

from antares.

flandreas avatar flandreas commented on September 27, 2024

Can reproduce, started implementation

from antares.

flandreas avatar flandreas commented on September 27, 2024

Forward switch color to symbol:
Implemented.

Use symbol figure colours in used subcircuit symbol:
Up to now, if the subcircuit "Color" property was "From style", the subcircuit symbol applied the colours of the "Figure" style, which is simply black and white in your theme. But it makes sense to apply the colours of the symbol drawing in this case. Implemented.

White lines:
This is a misconception. Lines are effectively polylines that can be filled. If you choose "White", white is the background color, and black is the border color. So in your case, you have to choose "Black" if you want a white straight line. But I see how this can be confusing. I was confused myself while reproducing the issue.

Save symbol text color:
Implemented

BTW: I've noticed that certain switches in your circuit are too narrow for their internal label, especially the shorter ones like "IF0". I couldn't reproduce that on macOS. Seems like another font metrics issue on Windows. Maybe this is asking for a separate issue.

from antares.

flandreas avatar flandreas commented on September 27, 2024

Note that when trying out "Forward switch color to symbol", I'm afraid you have to quickly toggle the button's color back and forth, because communication to the symbol drawing is using events.

from antares.

fpw avatar fpw commented on September 27, 2024

Wow, thanks for the quick fix - can confirm it's working as expected now! While I don't understand the black / white thing, selecting black did the trick to get white lines.

antares8i.mp4

Close enough to the original
grafik

from antares.

flandreas avatar flandreas commented on September 27, 2024

Wow, this looks just GREAT! Congratulations for this cool project! And do the calculations run as expected? I mean, does it not only look great, but also ... work?


Maybe Antares should have an image component that stores its data as base64 in the circuit file? For the "digital PDP-8/1" header?

from antares.

fpw avatar fpw commented on September 27, 2024

Wow, this looks just GREAT! Congratulations for this cool project! And do the calculations run as expected? I mean, does it not only look great, but also ... work?

Thanks :-) It's about 95% working, there are some corner cases where the results are incorrect and I'm working on them now. The original machine comes with a lot of maintenance software that diagnoses various issues and tests every instruction, and I'm already at a point where I can run the original diagnostics and it will tell me if something is wrong. That's also how I became aware of the RAM issue where a write with 0 was lost, the diagnostic software noticed that and printed it on the console.

I will post the circuit and a little guide in the discussion section once I'm happy with the result.

Maybe Antares should have an image component that stores its data as base64 in the circuit file? For the "digital PDP-8/1" header?

The most flexible and portable solution in regards to JS compatibility etc. would be SVG files. A lesser known fact about SVG files is that they can contain named areas that cause events on click, e.g. to use them for buttons. And it's also possible to change the included CSS on the fly, e.g. for lighting LEDs. That's the approach I'm using in my online version of this: https://pdp8.app/

The "image" on top is actually an SVG file that the JS code interacts with. You can click the buttons (e.g. Start) and it's tied to the switch internally.

For Antares, I imagine that it would be possible to let the user import an SVG as artwork and then do a simple mapping between SVG IDs and Antares ID, e.g. "Connect #if0 to switch:123". Here's how my code for that looks, it's really simple: https://github.com/fpw/SoCDP8/blob/master/src/client/src/frontend/components/frontpanel/FrontPanel.tsx#L124

But until that, PNGs would of course be cool as well, especially if they could also be used as switch artwork (two images per switch, depending on whether toggled or not).

from antares.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.