Entity

100%

✓ Published0🌍 Public

Last edited Oct 5, 2017

Created on Oct 5, 2017

This example demonstrates a basic 2D game entity that moves and draws a texture. The `Entity` class holds a position and velocity, updating its location each frame based on elapsed time via `Update(GameTime)`. It renders itself in `Draw(SpriteBatch)` using a MonoGame/XNA `SpriteBatch` call. A read-only `HitBox` property computes a rectangle from the current position and texture dimensions. Code uses the `Texture2D` class for the sprite and `Vector2` for movement, with no external data source.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 8b0da6e9acc76b7251547a0ad1dad5f1

This shader example demonstrates a technique for snapping pixel-art sprites to a fixed pixel grid in a 3D game engine. It shows how vertex positions are aligned to integer multiples of a tunable “pixels per unit” value prior to rendering, preventing visual distortion or shimmering when sprites are placed in world space. The code is written for Unity’s proprietary shader language and uses a Cginc/UnityCG-style vertex and fragment program, aligning object-space vertices before passing them through the standard MVP matrix. The shader samples a main texture and optionally an external alpha texture, tinting the result with a `_Color` property.

FFrozenfire92

51% match

Loading thumbnail…

todo

A simple game rendered on a Canvas element, controlled by clicking the window to launch a magenta square upward against gravity. Obstacles, rendered as green blocks, continuously scroll from right to left; the score increments every frame the player avoids them, and resets upon collision. The game loop uses a custom `d3.timer` to update physics and redraw the canvas, while a separate `div` element displays the score. The code applies basic geometry for collision detection and movement, with the D3.js library handling selection and layout conventions.

11wheel

46% match

Loading thumbnail…

Alchemy Named Entity example for class

This example demonstrates how to extract named entities from user-supplied text and visualize them as an interactive force-directed graph, where each entity is a node sized by its relevance score. It employs the AlchemyAPI via an `httpclient:post()` call to `TextGetRankedNamedEntities` for entity extraction, then uses the `d3.forceSimulation` layout to position nodes by mutual relations. The graph is rendered using D3.js SVG paths, with entity labels and connection lines drawn from the JSON response, and the radial node styling relies on D3’s built-in scales. The code also references an external CSS file for styling but leaves the graph and interaction logic entirely in JavaScript.

CCliffordAnderson

46% match

Loading thumbnail…

Snake Game

A classic Snake game rendered on an HTML5 Canvas, where a white snake moves continuously across a dark grid, controlled by arrow keys. Each time the snake consumes a randomly placed teal fruit, its score increments and its tail grows. The animation runs via `window.setInterval`, clearing and redrawing the canvas every 250 milliseconds using Canvas 2D API methods like `fillRect` and `clearRect`, with keyboard input handled through a `keydown` event listener.

VVictor Mouries

45% match

Loading thumbnail…

Untitled

This visualization demonstrates a first-person raycasting engine rendered on an HTML canvas using the p5.js library. It shows a top-down map view alongside a player-controlled camera that casts rays to detect wall collisions, simulating a 3D perspective effect. The code uses p5.js functions like `fill`, `rect`, `circle`, and `line` for drawing, while the WebGL-accelerated canvas handles the animation loop. The scene features a grid-based maze with red player indicators and directional lines.

Rrahulram70

44% match

Loading thumbnail…

Untitled

This example shows a static soccer pitch drawn on a Canvas element, with a white ball and a player marker that move toward a target point. The pitch includes all standard markings—midline, center circle, penalty areas, goal boxes, and corner arcs—rendered with Canvas 2D `rect`, `arc`, and `lineTo` calls. A `requestAnimationFrame`-driven loop animates the ball’s movement, which uses trigonometry to calculate direction and applies a speed decay factor, while the player moves linearly toward its destination. The code uses plain JavaScript and the Canvas API directly without any external libraries.

MMKlaasman

43% match

Loading thumbnail…

Texture Test

This example demonstrates a texture scale that combines separate ordinal and linear scales for pattern, color, and size into a single fill function. The visualization renders a 12×12 grid of circles, where each circle’s pattern, stroke color, and fill texture are determined by its row and column position. Using the textures.js library and D3 v3, the code creates a caching mechanism in `createTextureScale` to generate and reuse textures for unique combinations of pattern, color, and size. The animation periodically randomizes circle radii, showcasing how the texture scale adapts dynamically.

CCurran Kelleher

43% 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

42% match