WebGL Game ⚽
a project by jarodriguez
Updated about 1 year ago. 2 hacker ♥️. 1 follower.

Project Description

This project aims to recreate a small computer game that we played in highschool; it was called "Slime Games". However it ran as a Java applet and so no longer exists on the modern web.

I aim to recreate the basic functionality of the game, where two players can play football against each other (locally) using the same keyboard.

The aim is to recreate this game in WebGL, using WebAssembly.

Implementation details

I will write the game logic in C with the OpenGL API, which then can be transpiled to WebAssembly that calls the WebGL API, using the compiler Emscripten.

Goal for this Hackweek

The goal for this HackWeek is to get the basic game functionality running, where two players can play football against each other locally.

Resources

WebGL:

  • https://www.khronos.org/webgl/wiki/Main_Page

  • https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API

  • https://webglfundamentals.org/

Emscripten compiler:

  • https://emscripten.org/

  • https://github.com/emscripten-core/emscripten

WebAssembly

  • https://webassembly.org/

  • https://developer.mozilla.org/en-US/docs/WebAssembly

Join this project

Looking for hackers with the skills:

webgl webassembly opengl

This project is part of:

Hack Week 23

Activity

  • about 1 year ago: dfaggioli liked this project.
  • about 1 year ago: jgoldschmidt liked this project.
  • about 1 year ago: jarodriguez started this project.
  • about 1 year ago: jarodriguez added keyword "webgl" to this project.
  • about 1 year ago: jarodriguez added keyword "webassembly" to this project.
  • about 1 year ago: jarodriguez added keyword "opengl" to this project.
  • about 1 year ago: jarodriguez originated this project.


    • Comments

    Be the first to comment!

    Similar Projects

    RISC-V emulator in GLSL capable of running Linux by favogt

    Description

    There are already numerous ways to run Linux and some programs through emulation in a web browser (e.g. x86 and riscv64 on https://bellard.org/jslinux/), but none use WebGL/WebGPU to run the emulation on the GPU.

    I already made a PoC of an AArch64 (64-bit Arm) emulator in OpenCL which is unfortunately hindered by a multitude of OpenCL compiler bugs on all platforms (Intel with beignet or the new compute runtime and AMD with Mesa Clover and rusticl). With more widespread and thus less broken GLSL vs. OpenCL and the less complex implementation requirements for RV32 (especially 32bit integers instead of 64bit), that should not be a major problem anymore.

    Goals

    Write an RISC-V system emulator in GLSL that is capable of booting Linux and run some userspace programs interactively. Ideally it is small enough to work on online test platforms like Shaderoo with a custom texture that contains bootstrap code, kernel and initrd.

    Minimum:

    riscv32 without FPU (RV32 IMA) and MMU (µClinux), running Linux in M-mode and userspace in U-mode.

    Stretch goals:

    FPU support, S-Mode support with MMU, SMP. Custom web frontend with more possibilities for I/O (disk image, network?).

    Resources

    RISC-V ISA Specifications
    Shaderoo
    OpenGL 4.5 Quick Reference Card

    Result as of Hackweek 2024

    WebGL turned out to be insufficient, it only supports OpenGL ES 3.0 but imageLoad/imageStore needs ES 3.1. So we switched directions and had to write a native C++ host for the shaders.

    As of Hackweek Friday, the kernel attempts to boot and outputs messages, but panics due to missing memory regions.

    Since then, some bugs were fixed and enough hardware emulation implemented, so that now Linux boots with framebuffer support and it's possible to log in and run programs!

    The repo with a demo video is available at https://github.com/Vogtinator/risky-v