DEV Community

Wessel Wessels
Wessel Wessels

Posted on

๐Ÿงฎ Recreating a Vintage Casio Calculator with Java & JavaFX

In this project, I rebuilt my original Casio Personal M-1 calculator in JavaFX โ€” not just the functionality, but the entire look and feel, down to the pixel. What started as a UI practice exercise turned into a full-blown retro replica.


๐Ÿ“ The Inspiration

This is the actual calculator that started it all โ€” the one I used as a kid:


![Original Casio Calculator]

And hereโ€™s my JavaFX recreation, built using Scene Builder and custom styling:


![JavaFX Replica]

From digit alignment to button layout, I wanted it to feel like the original โ€” scratches and all.


๐Ÿ› ๏ธ What I Built

ASO Calculator is a clean, desktop JavaFX app with:

  • A glowing LED-style custom display using a handmade font
  • CSS styling for realistic button shadows, presses, and bevels
  • Custom layout with StackPane for glow overlays
  • Packaged into an .exe installer via jpackage

๐Ÿ”ฃ Font Creation

The calculator display font was redrawn by hand in CorelDRAW, then converted and spaced in FontForge. Decimal alignment required custom kerning to match the real LED layout.


![Font Vector Preview]

The display glow is achieved using two overlapping labels and a Gaussian drop shadow โ€” pure JavaFX CSS.


๐Ÿ“š What I Learned

This project helped solidify my understanding of:

  • JavaFX layouts (GridPane, VBox, StackPane)
  • CSS styling in JavaFX (hover effects, drop shadows)
  • Scene Builder UI integration
  • GitHub workflows and markdown formatting
  • Packaging apps into .exe using jpackage
  • Font creation using external tools and embedding them via JavaFX

๐Ÿ’ก Why This Matters

Itโ€™s more than a calculator.

It represents the bridge from:

  • Theory โ†’ Application
  • Tutorial โ†’ Original Project
  • Learning Java โ†’ Becoming a Java Developer

๐Ÿš€ Try It Out

โœ… You can download and test the final app directly from the GitHub Releases tab:

๐Ÿ”— Download Installer

โžก๏ธ ASO.Calculator-1.0.exe

โš ๏ธ May trigger antivirus warnings since it's unsigned. Itโ€™s safe to install.

๐Ÿ”— GitHub Repo

Browse the full source code, font files, styling, and instructions here:

๐Ÿ‘‰ https://github.com/aso-repos/CalculatorJavaFX


๐Ÿ‘‹ About Me

Java & JavaFX dev.

Caught the coding bug at 12 when I wrote my first program on a Commodore 64. Now actively pursuing my dream & building desktop apps in Java. Certified in Java, Python, HTML and CSS. (See LinkedIn profile for full qualification list, learning institutions, and experience.)

Letโ€™s connect:

๐Ÿ”— LinkedIn

๐Ÿ”— GitHub Profile

Top comments (0)