Skip to main content
100%

Resources for learning Kaboom.js

✓ Published0🌍 Public
Aamundo
Last edited Aug 4, 2021
Created on Aug 2, 2021

This gallery example is a markdown document that aggregates links and notes for learning the Kaboom.js game development library. It catalogs official resources, including the main site, GitHub releases, and Twitter account, alongside community tutorials from Replit, Ania Kubow, and Ourcade. The file lists specific video tutorials and accompanying code demos, such as a Snake game on Replit and a Mario clone using version 0.5.0. It also references supporting tools like Piskel for pixel art, jsfxr for sound effects, and Kenney.nl for free game assets, with the content organized as a plain-text reference list.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist fdb22d9ec25b96538814323e0609c895

The example is a curated markdown document that catalogs online resources for synthetic media, organized by categories such as synthetic text, voice, music, art, and gaming. It lists specific websites and tools, including thispersondoesnotexist.com, Hugging Face’s BERT, OpenAI’s GPT-3 and Jukebox, Descript, and AI Dungeon, with hyperlinks for each entry. The page is a static text file, not an interactive visualization, using no JavaScript libraries or rendering APIs. It functions as a reference list, showing the breadth of generative media platforms rather than demonstrating any particular code or chart.

CCliffordAnderson
54% match
Loading thumbnail…

Gist 7b6be1814abc25f027a85878859ed28a

This example demonstrates a collaborative physics-based game inside a Mozilla Hubs virtual room, where two teams score points by throwing a ball onto targets. It shows real-time networked gameplay with avatars, score tracking, and animated feedback. The code uses A-Frame entities, the networked-aframe (NAF) API for ownership and multiplayer sync, and the Anime.js timeline for star jump-and-scale animations. Assets are loaded from Google Poly via the media-loader component, while target positions are derived from 3D object names in the scene.

UUtopiah
54% match
Loading thumbnail…

Some resources I've adapted to do work

The visualization maps a personal collection of adapted resources as a node-link diagram, showing how different files, tools, and references connect through shared use. It reads data from a Markdown file containing resource links, including an external blog post on clustering section titles, and renders the network using a force-directed layout with `d3.forceSimulation`. Nodes represent individual resources, with links drawn as SVG lines, and the code also employs `d3.select` and `d3.scaleOrdinal` for styling and positioning. The graph updates dynamically as forces settle, revealing clusters of related materials.

Aabehmiel
53% match
Loading thumbnail…

box-pile

This example demonstrates a physics simulation of a pile of boxes being struck by spheres. Clicking the canvas shoots a sphere at the stack, causing the boxes to tumble and scatter in real time. The simulation is built with Bullet Physics, ported to JavaScript as ammo.js, and rendered in 3D using the regl library with canvas/WebGL. Both the boxes and the ground plane use Phong shading, with a camera view that is set via matrix transformations.

11wheel
53% match
Loading thumbnail…

Resources for beginner-ish programmers

This visualization presents a markdown document listing resources for beginner programmers, curated by Eleonore9 on GitHub. It displays a series of links to tech talks from PyCon US 2015, each accompanied by a title and a brief topic label, such as “Systems programming” or “Neural networks.” The data originates from the shared gist file `resources-tech-talks.md`. The rendering approach is plain-text display, with no graphical or interactive elements; it simply shows the raw markdown content as a static list.

EEleonore9
53% match
Loading thumbnail…

Effective JavaScript: Frogger

This is a complete implementation of the arcade game Frogger, rendered as an interactive animation on an HTML5 Canvas. The player controls a character with arrow keys to navigate across lanes of moving enemies, earning points by reaching the top while managing a limited number of lives. The code uses the game loop in `engine.js` with `requestAnimationFrame` for smooth updates, and custom `Enemy` and `Player` classes handle movement, collision detection, and score/life tracking. Sprites are loaded via the `Resources` utility and drawn using the Canvas `drawImage` method.

KKacieW
53% match
Loading thumbnail…

All of the Video Games

A force-directed bubble chart maps every video game publisher to a circle scaled by its number of titles, with each bubble colored by publisher and labeled by name. Clicking a publisher zoomes into its timeline, revealing individual game titles as small rectangles arranged by release year and platform. The visualization is built with React, D3’s `d3.layout.pack` and `d3.behavior.zoom`, and renders SVG with animated transitions. Data comes from a JSON file listing games, publishers, platforms, and years.

663anp3ca
53% match
Loading thumbnail…

Eloquent JS: Chapter 2

This example showcases the output of four JavaScript programming exercises from Chapter 2 of *Eloquent JavaScript*, rendered directly in the browser console. It demonstrates looping with `for` and `while` statements to print a triangular pattern of `#` symbols, the FizzBuzz sequence with conditional `if`/`else` logic, and a chessboard grid built through nested loops. The code uses plain JavaScript with `console.log` for output, and the accompanying HTML page uses inline CSS for styling. No external libraries are used, focusing purely on core language syntax and algorithmic thinking.

Eemberix@gmail.com
52% match