https://github.com/natuworkguy/nstf-visualizer
A simple visualizer
https://github.com/natuworkguy/nstf-visualizer
Last synced: 5 months ago
JSON representation
A simple visualizer
- Host: GitHub
- URL: https://github.com/natuworkguy/nstf-visualizer
- Owner: Natuworkguy
- License: apache-2.0
- Created: 2025-06-21T17:25:29.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-07-15T15:08:55.000Z (12 months ago)
- Last Synced: 2025-07-16T09:20:39.375Z (12 months ago)
- Language: HTML
- Homepage: https://natuworkguy.github.io/NSTF-Visualizer/
- Size: 744 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# NSTF Visualizer
Welcome to the **NSTF Visualizer** – a slick, browser-based Brainf\*\*k visualizer powered by AngularJS, and Materialize.
---
## 🚀 What is NSTF?
> **NSTF** stands for **Nathan Network Secure Transmission Format** – a custom `.nstf` file format designed to represent and transport Brainf\*\*k code securely and stylishly.
---
## ✨ Features
- ✅ AngularJS-powered dynamic UI
- ✅ Materialize CSS components for clean design
- ✅ Animate.css for smooth transitions
- ✅ Custom `.nstf` file loader/saver
- ✅ Memory, input, and output visual panels
- ✅ Start / Pause / Continue / Step controls
- ✅ Delay control for animation timing
- ✅ Custom error handling for failed resources
- ✅ Favicon support & custom font via Orbitron
- ✅ `.nstf` file support (text-based format with metadata)
---
## 📁 File Structure
```plaintext
NSTF-Visualizer/
├── index.html # The main HTML file
├── js/
│ ├── bf.js # Brainf**k logic and Angular controller
│ ├── loadfail.js # Error fallback screen generator
│ └── visualizer.js # Visual updates for the UI
├── css/
│ └── sdf.css # Custom styles (Materialize-based)
├── assets/
│ └── favicon.png # Favicon
```
## 🧪 NSTF File Format
`.nstf` is a simple text format with metadata headers and code:
```text
# NSTF v1.0
# Project: Hello World
# Author: Natuworkguy
# Date: 2025-06-21
# Encoding: plain
+++++ [> +++++ <-] > + . // etc...
```
---
## 🛠 How to Use
1. Open `index.html` in your browser.
2. Type or paste your Brainf\*\*k code.
3. Hit `Start`, `Pause`, `>>`, or `Reload` as needed.
4. Save your code to `.nstf` format.
5. Load `.nstf` files using the `Load` button.
> Only `.nstf` files are accepted to prevent binary or invalid inputs.
---
## 🔧 Requirements
No setup needed. Just open `index.html` in any modern browser (Chrome, Firefox, Edge, Opera).
> ⚠️ Make sure you're connected to the internet for external CDN assets (like Angular, Materialize, etc.)
---
## 🌐 Credits & Tech
* Built with [](https://angularjs.org/)
* Styled with [](https://materializecss.com/)
* Animations via [](https://animate.style/)
* Fonts via [](https://fonts.google.com/specimen/Orbitron)
* Concept, code, and creativity by [](https://github.com/Natuworkguy/)
---
## 📜 License
This software is under the Apache license.