fauxCRT

I think its finally done.. This was quite the difficult project, despite it being so simple. I spend the last few hours polishing and fixing some things up (LIKE THOSE STUPID BLACK BORDERS AROUND THE SCREEN) ofc its not perfect, and there still will be issues probably, but I feel like 99% of people won't notice them. Also if your running this game, try and run it in a lower res window, as to not cause lag.

DEMO: https://wheeledcord.github.io/fauxCRT/
GITHUB: https://github.com/WheeledCord/fauxCRT

thx and please vote:)

YAAAAAA ITS WORKING FINALLY FINALLY FINALLY!!!!! FAUXOS NOW LETS YOU MODIFY EXISTING COMMANDS AND MAKE NEW ONES

For a while I've been trying to fauxOS modifiable, meaning you can read, edit, and create your own commands. This is a pretty complex undertaking, and has been awfully difficult. Right now I have made it so you are able to read the commands, but writing to them or making new ones wont do anything. Still working on it. I am quite new to JS so this is quite a complex task for me. I also made the scan lines thicker, so the screen curve wouldn't distort them so much. Any feedback is appreciated!

I fixed a lot of the bugs and general issues revolving around the CRT. It was quite the hassle. Also as a result even more things in other parts of the project have been breaking. It's not quite fun, but I think I got most the CRT stuff done. It is quite laggy though, so I might have two HTML files on the website, one with it, and one without.

I FINALLY GOT THE FISHEYE/BARREL FILTER TO WORK. I have been trying on and off at this for quite a while. I thought it was impossible without using WebGL (which I had used in the past, but it caused too much lag). Turns out you can use a simple SVG <filter> with a displacement map, as long as you're careful with how you set the coordinates and scale. It does have a few bugs though. It looks like it has padding around the edges for some reason and its really weird and off putting, anyways, here is how it looks. I used a whole heap of a's for testing.

I added a LOT of stuff. A lot more complex than it seems. I also added support for pasting, which was surprisingly a complex addition (Because of how the terminal works.) I also fixed a whole lot of new bugs I found too. Attached is a demo of pasting!

I fixed a LOT of bugs. The gif attached shows one that actually looks pretty cool. Also when I shipped I forgot to implement the pwd command. Added it to the help command list but never actually coded the logic lmao.

Just started working on this again! Just cloned the repo and working on new stuff. Don't wanna spoil anything yet, but hopefully it will be quite a bit more fleshed out :)

The ship is here!
LINKS:
https://wheeledcord.github.io/fauxCRT/
https://github.com/WheeledCord/fauxCRT

I tried to add the fish-eye effect to my terminal, to no avail. It's impossible to do via CSS, and I'm not sure about JS. I tried with webGL but it's so painful and I'd rather not. It doesn't NEED a fisheye filter, and still looks good, anyways, what I actually did add, was a command and filesystem. You can now use commands like ls, cd, mkdir, cp, etc.

I made a little init screen thing for it. It wasn't too complex, but I am still sorta new to JS. I discovered that it is literally impossible to a CRT fisheye effect in css, so it looks pretty plain. (What i had before was just a angle thing. it wouldn't actually curve back in) So now I am going to have to do webgl stuff to get the fisheye to work.. not looking forward to it.

I went crazy with the CSS. (I mean it is just glow, scanlines, fisheye, viginette, all of which you can find online.) Though I did mess something up, and it always wants to scroll, down and out. Probably just gonna set overflow to hidden, though it might be a little uncentered. Also you cant see it in the screenshot but the cursor block blinks :)

It still doesn't do anything yet, but now that I got the looks down, I'll start working on that.

I added some very simple HTML, and even more simple CSS. all I did was add some text, and made the background black and green. Literally just:

body {
background-color: black;
color: limegreen;
font-family: monospace;
}

It already looks like an actual terminal. It has ZERO functionality, but the graphics are nearly there. I'm not looking forward to the JS stuff.