EZRust: Z80 for the Web

@stillinbeta // @brooklyn_js July 2019
EZ-rust
Z80 for the web

What’s this Rust thing all about?

The Borrow Checker

Let’s talk about
Garbage Collection

C, C++, etc: #yolo

Here’s some memory.
Free it when you’re done
Whatever, MOM

Javascript, Go, Python, etc:
are we there yet?

You done with that?
No
You done with that?
No

Rust: Chain of Custody

This memory is yours
K
thnx
All Done

Checked at Compile Time!

Some other stuff
● Great ecosystem
● Cute mascot
● Really productive or something
● Basically Haskell but practical

Tell me about the Z80!

https://upload.wikimedia.org/wikipedia/commons/1/19/Zilog_Z80.jpg

80 Fast 80 Furious
https://upload.wikimedia.org/wikipedia/commons/3/3a/KL_Intel_i8080_Black_Background.jpg

https://upload.wikimedia.org/wikipedia/commons/3/33/ZXSpectrum48k.jpg

https://commons.wikimedia.org/wiki/File:Ti83-plus-silver.png

https://upload.wikimedia.org/wikipedia/commons/thumb/f/f4/Game-Boy-FL.jpg/800px-Game-Boy-FL.jpg

zeerust

http://www.imagineeringdisney.com/blog/2009/12/16/horizons-mural-the-prologue-and-the-promise-high-res.html

z80 + rust

Zeerust?
● Z80 Emulator
● Written in Rust
● (Mostly) complete

Zeerust demo

But what if... internet

Like assembly, but make it internet

All major browsers*!.

cargo install cargo-web

cargo web start

Z80 Assembly ld B, 9
get_local 1
i32.load8_u offset=0 align=1
tee_local 3
i32.const 1
....
and %r14d,%ecx
mov %rcx,%rsi
shl $0x4,%rsi
lea (%rbx,%rsi,1),%r13
...

https://en.wikipedia.org/wiki/Turtles_all_the_way_down#/media/File:River_terrapin.jpg

And we’re all done!

rust compiles to wasm,
but browsers speak html

React
● Very popular
● Lots of support
● Good life skill
● javascript

React
● Very popular
● Lots of support
● Good life skill
● javascript
Angular
● Even more popular!
● Backed by Google
● Excellent tooling
● javascript

React
● Very popular
● Lots of support
● Good life skill
● Javascript
Angular
● Even more popular!
● Backed by Google
● Excellent tooling
● Javascript
Yew
● Totally unknown
● Maybe abandoned
● No documentation
● Rust

guess what I picked

So Yew is Cool!

html! {
<div class={"register-8"},>
<strong>{ format!("{}:", self.label) }</strong>
<code>{ format!("{:02x}", self.value) }</code>
</div>
}

pub enum CPUCommand {
Step,
Run,
Reset,
ShowMemory(bool),
LoadProgram(&'static [u8]),
}

html! {
<div id={ "buttons" },>
<button onclick=|_| CPUCommand::Step,> { "Step" } </button>
<button onclick=|_| CPUCommand::Run,> { "Run" } </button>
<button onclick=|_| CPUCommand::Reset,> { "Reset" } </button>
</div>
}

fn update(&mut self, msg: Self::Message) -> ShouldRender {
match msg {
CPUCommand::Step => self.machine.z80.step(),
CPUCommand::Run => self.machine.z80.run(),
CPUCommand::ShowMemory(b) => self.show_memory = b,
}
}
}

And then... CSS happened

CSS Grids
Are harder
than
they
look

CSS
is harder
than
it
looks

Gra󰈥󰈋󰈎c 󰇷󰇵󰈼ig󰈝 󰈎󰈼 m󰉘 󰈦as󰈻󰈎󰈢󰈞

But we got there

whoops, no javascript ;)

zeerust.stillinbeta.com
Thank you!

EZRust: Z80 for the Web

Recomendados

Recomendados

Mais conteúdo relacionado

Último

Último (20)

Destaque

Destaque (20)

EZRust: Z80 for the Web