Загрузка видео...

Не удалось загрузить видео

На главную

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. ⚡️

pocket_js's profile picture

PocketJS

5,204 subscribers

73,071 просмотров • 3 месяцев назад •via X (Twitter)

Наука и технологииИгры
LIVE

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.
0:36

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.
0:25

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.
1:01

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!
0:56

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 ⚡️
0:57

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.
0:52

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. ⚡️
0:49

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.
1:16

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.
1:26

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.
1:00

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.
3:45

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.
0:55

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.
0:37

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
0:31

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.
0:39

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.
0:36

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.
1:24

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+.
0:33

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~
0:36

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

CLAIRE! 萱颖

58,362 просмотров • 6 месяцев назад