正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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 次观看 • 3 个月前 •via X (Twitter)

科学技术游戏

Anya Rossi• Live Now

Private livecam show

12 条评论

PocketJS 的头像

PocketJS3 个月前

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:

PocketJS 的头像

PocketJS3 个月前

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

DannyW 的头像

DannyW3 个月前

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

PocketJS 的头像

PocketJS3 个月前

Thanks!

StonedModder 的头像

StonedModder3 个月前

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

PocketJS 的头像

PocketJS3 个月前

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

Sree 的头像

Sree3 个月前

this is sick!

EA-18G Growler Enjoyer 的头像

EA-18G Growler Enjoyer3 个月前

Super cool project

0xbogan 的头像

0xbogan3 个月前

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

PocketJS 的头像

PocketJS3 个月前

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 Walker 的头像

Garrett Walker3 个月前

@evanyou That is insane!

harold 的头像

harold2 个月前

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

相关视频

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 次观看 • 2 个月前

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 次观看 • 1 个月前

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 次观看 • 3 个月前

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 次观看 • 1 个月前

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 次观看 • 3 个月前

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 次观看 • 2 年前

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 次观看 • 3 个月前

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 次观看 • 2 个月前

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 次观看 • 11 个月前

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 次观看 • 2 个月前

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 次观看 • 1 年前

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 次观看 • 3 年前

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 次观看 • 9 个月前

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 次观看 • 2 年前

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 次观看 • 1 年前

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 次观看 • 1 年前

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 次观看 • 7 个月前

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 次观看 • 10 天前

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 次观看 • 6 个月前