Hyperbeam virtual computers in Three.js! 🪩

Related tags

Learning resource threejs-example
Overview

threejs-example

Hyperbeam virtual computers in Three.js! 🤯

  • Less than 200 LoC 🐁
  • Spatial audio 🎵
  • Handles mouse, keyboard and wheel events 🖱️
  • OrbitControls 🚀
  • Oh, and the virtual computer is multiplayer 😉

Show me the magic! 🪄

Make sure you turn on the audio 😎

2022-08-02.23-05-50.mp4

Running locally 💻

You will need to replace the embedURL variable with your own embed URL using the Hyperbeam API.

API keys are free! 🎉

After you've replaced the embedURL variable, you can run the following commands:

npm install
npm run dev
You might also like...

Build homes, communities and hope through a virtual house-building game that mirrors the experience of physical volunteering programmes.

Build homes, communities and hope through a virtual house-building game that mirrors the experience of physical volunteering programmes.

Habitat Heroes Note: The current house building time and quiz reset time have been shortened for the purpose of allowing users to try out more feature

Mar 15, 2022

A place to relax enjoy and engage with virtual garden

A place to relax enjoy and engage with virtual garden

Apr 5, 2022

A tiny JVM (Java Virtual Machine) program written in TypeScript.

jvm-on-typescript A tiny JVM (Java Virtual Machine) program written in TypeScript. This virtual machine specification compliants Java Virtual Machine

Nov 24, 2022

The full power of the Go Compiler directly in your browser, including a virtual file system implementation. Deployable as a static website.

The full power of the Go Compiler directly in your browser, including a virtual file system implementation. Deployable as a static website.

Static Go Playground Features Full Go Compiler running on the browser. Supports using custom build tags. Incremental builds (build cache). Supports mu

Jun 16, 2022

Metaschool is a virtual school that includes a set of several existing schools in society.

About Laravel Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experie

Jul 9, 2022

API para Ocean AR Hackathon por innovación virtual.

Ocean-AR-Backend API para Ocean AR Hackathon por innovación virtual. Dependencies Dependencies Installation npm i express cors jsonwebtoken sequelize

May 14, 2022

Awesome Pay - This is a virtual payment module made from react

Awesome Pay - This is a virtual payment module made from react

Jun 18, 2022

A module to integrate World Anvil with Foundry Virtual Tabletop.

A module to integrate World Anvil with Foundry Virtual Tabletop.

Foundry Virtual Tabletop - World Anvil Integration This module provides an integration with World Anvil for Foundry Virtual Tabletop, allowing you to

Sep 7, 2022

basic dissembler for Kasada's virtual machine obfuscation

basic dissembler for Kasada's virtual machine obfuscation

Kasada Dissembler A simple kasada dissembler which is capable of tracing through and executing every single opcode in kasada's bytecode and then loggi

Jul 8, 2022
Owner
Hyperbeam
Embed Virtual Computers in your web app
Hyperbeam
GitHub
Text Engraving & Extrusion demo based on Three.js is implemented with Typescript and webpack5. Used THREE-CSGMesh as the core tech to achieve engraving and extrusion results

Text Engraving & Extrusion Text Engraving & Extrusion demo is implemented using Three.js, with Typescript and webpack5. Used THREE-CSGMesh as the core

Jiahong Li 3 Oct 12, 2022
minimalist virtual dom library

petit-dom A minimalist virtual DOM library. Supports HTML & SVG elements. Supports Render functions and Fragments. Custom components allows to build y

Yassine Elouafi 485 Dec 12, 2022
Pure and simple virtual DOM library

Maquette Maquette is a Javascript utility which makes it easy to synchronize the DOM tree in the browser with your data. It uses a technique called 'V

AFAS Software 736 Jan 4, 2023
A Fast & Light Virtual DOM Alternative

hyper(HTML) ?? Community Announcement Please ask questions in the dedicated discussions repository, to help the community around this project grow ♥ A

Andrea Giammarchi 3k Dec 30, 2022
Builds components using a simple and explicit API around virtual-dom

Etch is a library for writing HTML-based user interface components that provides the convenience of a virtual DOM, while at the same time striving to

Atom 553 Dec 15, 2022
Component oriented framework with Virtual dom (fast, stable, with tooling)

Bobril Main site bobril.com Changelog of npm version: https://github.com/Bobris/Bobril/blob/master/CHANGELOG.md Component oriented framework inspired

Boris Letocha 359 Dec 4, 2022
Atomico a micro-library for creating webcomponents using only functions, hooks and virtual-dom.

Atomico simplifies learning, workflow and maintenance when creating webcomponents. Scalable and reusable interfaces: with Atomico the code is simpler

Atomico 898 Dec 31, 2022
👨🏼‍🎨 It is a virtual blackboard, where you can make 🖌 drawings through 🖱 the mouse. You have the option to choose 🎨 colors and line thickness.

????‍?? Lets Draw ?? ÍNDICE 1. Lets-Draw 2. Realization of the Project 3. Technologies used 4. Authors 1. Lets-Draw ????‍?? It is a virtual blackboard

Rosamaria Rodriguez 2 Mar 7, 2022
WebVM is a server-less virtual Linux environment running fully client-side in HTML5/WebAssembly.

WebVM This repository hosts the source code of the https://webvm.io live demo page. WebVM is a server-less virtual Linux environment running fully cli

Leaning Technologies Ltd 1.7k Jan 8, 2023
KWin Script to switch to the next or previous non empty virtual desktop

kwin-cycle-non-empty-desktops KWin Script to switch to the next or previous non empty virtual desktop. Installation Method 1: From the KDE Store Go to

Shaan Subbaiah 1 Dec 5, 2022