Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

We compiled reactive JavaScript into a cartridge. The same Vue component now runs on a 2KB RAM NES and a Game Boy Advance. No JavaScript engine. No GC. The computed values and UI effects are compiled directly into bare-metal C. This is Pocket Vapor. ⚡️

PocketJS

5,204 subscribers

73,071 views • 3 months ago •via X (Twitter)

Science & Technology Gaming

Anya Rossi• Live Now

Private livecam show

12 Comments

PocketJS3 months ago

The Pocket Vapor experiment is now in the PocketJS repo under vapor/. It’s still early, not a release yet. But the compiler, console targets, and cross-runtime parity tests are already here:

PocketJS3 months ago

How do you run Vue reactivity on a machine with 2 KB of RAM? The full technical writeup:

DannyW3 months ago

Love the work you are doing. It’s awesome seeing all these updates, keep them coming

PocketJS3 months ago

Thanks!

StonedModder3 months ago

If yall can add support for switch and Wii U as well eventually you win Pocket js is sick !

PocketJS3 months ago

They’re definitely in scope. PocketJS aims to cover a very broad hardware spectrum!

Sree3 months ago

this is sick!

EA-18G Growler Enjoyer3 months ago

Super cool project

0xbogan3 months ago

If I'm reading the numbers right, it means you can have a form with about twice as many elements before you run the NES out of RAM

PocketJS3 months ago

Not quite. The ~940 B number is app state on the GBA, not the NES’s total footprint. The NES’s 2 KB must also hold the record pool, computed views, shadow screen grid, and C stack, so this demo is currently capped at 8 todos. There isn’t a generic elements-to-RAM ratio yet; the compiler derives and checks a static memory plan for each component and target.

Garrett Walker3 months ago

@evanyou That is insane!

harold2 months ago

But no canvas support or way to draw to gba screen instead of canvas?

Related Videos

Here is a JavaScript todo app running on a real GBA! 9KB cartridge size. Fully compiled to native ROM without JS runtime by the Pocket Vapor compiler.

Here is a JavaScript todo app running on a real GBA! 9KB cartridge size. Fully compiled to native ROM without JS runtime by the Pocket Vapor compiler.

PocketJS

23,420 views • 2 months ago

From iOS 6 to Symbian. Pocket Shell now runs on a 2011 Nokia E7, with the same full-screen gestures and fluid animations as the iPod touch 4. This is what cross-platform JavaScript UI could feel like.

From iOS 6 to Symbian. Pocket Shell now runs on a 2011 Nokia E7, with the same full-screen gestures and fluid animations as the iPod touch 4. This is what cross-platform JavaScript UI could feel like.

PocketJS

319,063 views • 1 month ago

We asked how far PocketJS could push 2D UI. The answer was Figma at 333 MHz. A real .fig file, decoded and compiled into streamed tile pyramids, panning and zooming smoothly on PSP! Pocket Figma is now open source.

We asked how far PocketJS could push 2D UI. The answer was Figma at 333 MHz. A real .fig file, decoded and compiled into streamed tile pyramids, panning and zooming smoothly on PSP! Pocket Figma is now open source.

PocketJS

98,643 views • 3 months ago

PocketJS’s animation engine just got a major upgrade, smooth on a $10 iPod touch. We recreated the classic Clear experience with Vue Vapor, including a custom keyboard and touch interactions. More than a decade after Evan You’s HTML5 Clear, JavaScript is doing it again!

PocketJS’s animation engine just got a major upgrade, smooth on a $10 iPod touch. We recreated the classic Clear experience with Vue Vapor, including a custom keyboard and touch interactions. More than a decade after Evan You’s HTML5 Clear, JavaScript is doing it again!

PocketJS

23,258 views • 1 month ago

Introducing PocketJS 🕹️ import { createSignal } from "solid-js" on a Sony PSP. No forked framework. Real Solid and Vue Vapor, compile-time Tailwind design system, and 60 FPS animation in 8 MB of RAM! Bare Metal Modern Web ⚡️

Introducing PocketJS 🕹️ import { createSignal } from "solid-js" on a Sony PSP. No forked framework. Real Solid and Vue Vapor, compile-time Tailwind design system, and 60 FPS animation in 8 MB of RAM! Bare Metal Modern Web ⚡️

PocketJS

445,519 views • 3 months ago

I'm rewriting my 14 year old "Impact" JavaScript game engine... in C. No reason. Just a lot of fun.

I'm rewriting my 14 year old "Impact" JavaScript game engine... in C. No reason. Just a lot of fun.

Dominic Szablewski

84,174 views • 2 years ago

Yes, that's Counter Strike on a PSP! Yes, that's DevTools inspecting game UI! Yes, it's PocketJS! Clean room implemented FPS engine, fully open JavaScript mod API, ~12MB RAM footprint, 60fps, fully open source. ⚡️

Yes, that's Counter Strike on a PSP! Yes, that's DevTools inspecting game UI! Yes, it's PocketJS! Clean room implemented FPS engine, fully open JavaScript mod API, ~12MB RAM footprint, 60fps, fully open source. ⚡️

PocketJS

178,231 views • 3 months ago

Disassembled the .gba file of my favourite Game Boy Advance demo and ported it to Javascript.

Disassembled the .gba file of my favourite Game Boy Advance demo and ported it to Javascript.

mrdoob

25,280 views • 2 months ago

here's a small project i put together recently - a custom "bare-metal" protected-mode x86 NES emulator. it fits into 1MB RAM and loads ROMs from a floppy disk, no OS required. if you want to turn your old PC into an awkward NES clone with bad sound emulation then look no further.

here's a small project i put together recently - a custom "bare-metal" protected-mode x86 NES emulator. it fits into 1MB RAM and loads ROMs from a floppy disk, no OS required. if you want to turn your old PC into an awkward NES clone with bad sound emulation then look no further.

x86matthew

18,442 views • 11 months ago

Super Smash Bros. 64, running natively on iOS and iPadOS for the first time. Not an emulator. BrawlerPad is built on BattleShip, which already supplied the SSB64 source-port core, Apple Metal path, and SDL controller/audio stack. BattleShip ran on Apple Silicon macOS and Android. There had never been a public iOS or iPadOS port. Now there is. The game logic is compiled into a native ARM64 app and runs through BattleShip/libultraship’s Metal/Fast3D path. No N64 hardware is simulated, and no ROM is interpreted at runtime. Smash deserves a controller, so BrawlerPad supports physical controllers through the same input path as the game. Touch works too. I used Codex 5.6 Sol on the iOS integration. Full build guide and source below.

Super Smash Bros. 64, running natively on iOS and iPadOS for the first time. Not an emulator. BrawlerPad is built on BattleShip, which already supplied the SSB64 source-port core, Apple Metal path, and SDL controller/audio stack. BattleShip ran on Apple Silicon macOS and Android. There had never been a public iOS or iPadOS port. Now there is. The game logic is compiled into a native ARM64 app and runs through BattleShip/libultraship’s Metal/Fast3D path. No N64 hardware is simulated, and no ROM is interpreted at runtime. Smash deserves a controller, so BrawlerPad supports physical controllers through the same input path as the game. Touch works too. I used Codex 5.6 Sol on the iOS integration. Full build guide and source below.

Kahris

15,352 views • 2 months ago

Blake Ilitch and Cole Duhaime, elite prep pitchers, are guiding Brother Rice back into the playoffs. Ilitch threw a no-hitter this season, and Duhaime compiled a 16K complete game. They’re not obsessed with their personal numbers — and that attitude is guiding their young team.

Blake Ilitch and Cole Duhaime, elite prep pitchers, are guiding Brother Rice back into the playoffs. Ilitch threw a no-hitter this season, and Duhaime compiled a 16K complete game. They’re not obsessed with their personal numbers — and that attitude is guiding their young team.

Brad Galli

28,723 views • 1 year ago

We wanted to show the performance and the insane power of the Static Hermes native FFI. But we don't yet support the all language features needed to compile React Native (soon though!), so we improvised. We imported the bindings for DearImGui (a popular C++ imperative game UI library that renders meshes), and Sokol (an amazing lightweight 3D backend in C) and wrote a small demo. "Imperative UI" means that the entire UI and the state of the screen is recreated on every frame, which suits our purposes to demonstrate SH very well. The demo runs 100% compiled native code. JavaScript runs in every frame and recreates the entire state of the screen. It is portable to all platforms, though the screen layout is not optimized for phone. We wrote the demo in C++ and in JS, to compare, and they both ran with the same performance. In the attached videos you can see the demo running at the stable screen refresh rate - 120Hz on my Mac, 60Hz on a old Moto G5 phone. It includes some widgets, an n-body simulation of planets, a playable game demo, etc.

We wanted to show the performance and the insane power of the Static Hermes native FFI. But we don't yet support the all language features needed to compile React Native (soon though!), so we improvised. We imported the bindings for DearImGui (a popular C++ imperative game UI library that renders meshes), and Sokol (an amazing lightweight 3D backend in C) and wrote a small demo. "Imperative UI" means that the entire UI and the state of the screen is recreated on every frame, which suits our purposes to demonstrate SH very well. The demo runs 100% compiled native code. JavaScript runs in every frame and recreates the entire state of the screen. It is portable to all platforms, though the screen layout is not optimized for phone. We wrote the demo in C++ and in JS, to compare, and they both ran with the same performance. In the attached videos you can see the demo running at the stable screen refresh rate - 120Hz on my Mac, 60Hz on a old Moto G5 phone. It includes some widgets, an n-body simulation of planets, a playable game demo, etc.

Tzvetan Mikov

826,308 views • 3 years ago

Javascript, Ruby, and Go all use garbage collectors for memory management. But did you know your SSD has a garbage collector (GC) too? SSDs with high write/delete traffic are constantly being reorganized by the GC, which is built directly into the firmware running on the SSD controller. This is one of the reasons why sequential writes are still preferable to random, even if you aren't using a spinning disk.

Javascript, Ruby, and Go all use garbage collectors for memory management. But did you know your SSD has a garbage collector (GC) too? SSDs with high write/delete traffic are constantly being reorganized by the GC, which is built directly into the firmware running on the SSD controller. This is one of the reasons why sequential writes are still preferable to random, even if you aren't using a spinning disk.

Ben Dicken

29,599 views • 9 months ago

We've been very busy working on the turn based combat engine for Former Dawn, an upcoming #RPG for the PC and NES! Watch the whole video; there's a lot going on! Yes, all of this is legal on the NES. No, this is not a mockup. This is our actual game engine! #nesdev #pixelart

We've been very busy working on the turn based combat engine for Former Dawn, an upcoming #RPG for the PC and NES! Watch the whole video; there's a lot going on! Yes, all of this is legal on the NES. No, this is not a mockup. This is our actual game engine! #nesdev #pixelart

Something Nerdy Studios

110,431 views • 2 years ago

I've integrated fluids into my physics engine. Fluids are made of the same particles as solid matter, but computed differently. Phase change is seamless, matter melts and hardens back on temperature change. It runs fast, and world size limits are wider than any game would need.

I've integrated fluids into my physics engine. Fluids are made of the same particles as solid matter, but computed differently. Phase change is seamless, matter melts and hardens back on temperature change. It runs fast, and world size limits are wider than any game would need.

Zolden

119,197 views • 1 year ago

I implemented a CPU and RAM. In Javascript. For a blog.

I implemented a CPU and RAM. In Javascript. For a blog.

Ben Dicken

136,536 views • 1 year ago

What if you could build a fully native iOS app… using only PHP? Checkout this first demo of the new Super Native architecture behind NativePHP on iOS — where PHP runs directly alongside native code with no WebView, no JavaScript bridge, and no hybrid layer.

What if you could build a fully native iOS app… using only PHP? Checkout this first demo of the new Super Native architecture behind NativePHP on iOS — where PHP runs directly alongside native code with no WebView, no JavaScript bridge, and no hybrid layer.

NativePHP

11,753 views • 7 months ago

GTA 5 port now also runs natively on ALL Apple Silicon Macs 🍎 No CrossOver or Wine or any emulator layer used. Same engine as the iPhone port, compiled for M-series chips and rendering through Metal. oh and it’s FREE‼️ Demo is running on MacBook Pro M5 with 24GB of RAM @ Max quality settings, but also tested on many other Macs with as low as M1 chip with 8GB of RAM, all of which comfortably run the game at lower quality presets at constant 60FPS+.

GTA 5 port now also runs natively on ALL Apple Silicon Macs 🍎 No CrossOver or Wine or any emulator layer used. Same engine as the iPhone port, compiled for M-series chips and rendering through Metal. oh and it’s FREE‼️ Demo is running on MacBook Pro M5 with 24GB of RAM @ Max quality settings, but also tested on many other Macs with as low as M1 chip with 8GB of RAM, all of which comfortably run the game at lower quality presets at constant 60FPS+.

kevin

255,765 views • 10 days ago

compiled the stickers i’ve designed into a new funky binder~

compiled the stickers i’ve designed into a new funky binder~

CLAIRE! 萱颖

58,362 views • 6 months ago