awesome-repositories.com
Blog
awesome-repositories.com

Descubre los mejores repositorios open-source con nuestra búsqueda potenciada por IA.

ExplorarBúsquedas curadasAlternativas open-sourceSoftware autohospedableBlogMapa del sitio
ProyectoAcerca deCómo clasificamosPrensaServidor MCP
Aviso legalPrivacidadTérminos
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
kittykatattack avatar

kittykatattack/learningPixi

0
View on GitHub↗
4,421 estrellas·843 forks·7 vistas

LearningPixi

learningPixi es un recurso educativo y guía instructiva centrada en gráficos web 2D y desarrollo de medios interactivos. Proporciona un currículo estructurado y tutoriales para construir juegos 2D y aplicaciones visuales utilizando el motor de renderizado Pixi.js y WebGL para gráficos acelerados por hardware.

El proyecto cubre flujos de trabajo especializados para animación de sprites, incluyendo el uso de atlas de texturas y extracción de fotogramas de spritesheets. También proporciona orientación sobre la implementación de gestión de estado de juego para transiciones de escena y sistemas de detección de colisiones rectangulares para activar eventos interactivos.

El material cubre capacidades más amplias como la gestión de la etapa de renderizado, renderizado de primitivas vectoriales y el uso de un bucle de juego impulsado por ticker para un movimiento fluido. También aborda transformaciones de espacio de coordenadas y la organización de objetos gráficos a través de sistemas de contenedores anidados.

Features

  • 2D Web Graphics Courses - Provides a comprehensive educational resource for mastering 2D web graphics and interactive media development.
  • Web Graphics Engineering - Comprehensive guide to browser-based graphics engineering, covering shape drawing, texture loading, and render stage management.
  • Game Development Tutorials - Provides a step-by-step guide for building 2D games using the Pixi.js rendering engine.
  • Interactive Media Curricula - Offers a structured approach to learning essential game development concepts like collision detection and state management.
  • 2D Game Development Foundations - Building interactive games and media using Pixi.js to handle rendering, animation, and basic game logic.
  • Collision Detection Systems - Implements rectangular collision detection to trigger interactive events when sprite boundaries overlap.
  • Game Loops - Features a high-frequency ticker-driven game loop to manage simulation updates and rendering cycles for fluid motion.
  • Scene Graphs - Implements a hierarchical structure for organizing and rendering display objects within a 2D scene.
  • Game State Management - Implements a state machine for managing high-level transitions between game phases such as play and game over.
  • Scene Transition Logic - Provides a system for transitioning between different game scenes by swapping active logic functions in the game loop.
  • 2D Sprite Animations - Covers the implementation of a high-frequency game loop for fluid sprite animations and movement.
  • 2D Sprite Rendering - Implements a system for rendering controllable 2D image sprites onto the stage using textures.
  • Display Stage Managers - Provides a root display stage manager that acts as the primary container for all rendered interactive graphics.
  • Local-to-World Coordinate Transformations - Provides mechanisms to convert relative object coordinates into global scene coordinates for accurate positioning.
  • Global Coordinate Calculation - Provides a system for converting a sprite's local coordinates into absolute coordinates relative to the global stage.
  • Asset Caches - Implements an in-memory asset cache for textures to reduce redundant disk access and network requests.
  • Sprite Transformation Controls - Provides instructions on controlling sprite position, scale, and rotation relative to anchor points.
  • Spritesheet Frame Extraction - Provides a tool for creating sprites by cropping specific rectangular frames from a larger image tileset.
  • Graphics Texture Loading - Provides utilities for loading image files and converting them into GPU-ready textures.
  • Texture Atlases - Utilizes texture atlases to combine multiple images into a single sheet, reducing GPU state changes during rendering.
  • Atlas Frame Extractors - Implements a metadata-driven system for extracting and mapping individual named frames from a texture atlas.
  • Vector Graphics Renderers - Includes a graphics engine for rendering vector primitives such as rectangles, circles, polygons, and lines.
  • High Performance Rendering - Provides guidance on using specialized containers for hardware-accelerated rendering of large sprite counts.
  • WebGL Rendering - Delivers instructional content on using WebGL for hardware-accelerated 2D animations and vector primitives.
  • Sprite Batching - Implements high-performance sprite batching using WebGL to render large numbers of simple sprites efficiently.

Historial de estrellas

Gráfico del historial de estrellas de kittykatattack/learningpixiGráfico del historial de estrellas de kittykatattack/learningpixi

Búsqueda con IA

Explora más repositorios increíbles

Describe lo que necesitas en lenguaje sencillo: la IA clasifica miles de proyectos open-source curados por relevancia.

Start searching with AI

Preguntas frecuentes

¿Qué hace kittykatattack/learningpixi?

learningPixi es un recurso educativo y guía instructiva centrada en gráficos web 2D y desarrollo de medios interactivos. Proporciona un currículo estructurado y tutoriales para construir juegos 2D y aplicaciones visuales utilizando el motor de renderizado Pixi.js y WebGL para gráficos acelerados por hardware.

¿Cuáles son las características principales de kittykatattack/learningpixi?

Las características principales de kittykatattack/learningpixi son: 2D Web Graphics Courses, Web Graphics Engineering, Game Development Tutorials, Interactive Media Curricula, 2D Game Development Foundations, Collision Detection Systems, Game Loops, Scene Graphs.

¿Qué alternativas de código abierto existen para kittykatattack/learningpixi?

Las alternativas de código abierto para kittykatattack/learningpixi incluyen: killedbyapixel/littlejs — LittleJS is a lightweight HTML5 2D game engine designed for building web games using Canvas and WebGL without external… hiloteam/hilo — Hilo is an HTML5 game engine for building 2D games that run across browsers and devices. It renders graphics through… godotengine/godot-demo-projects — This repository is a comprehensive collection of functional 2D and 3D demo projects and implementation samples for the… luanpotter/flame — Flame is a 2D game engine and framework for Flutter. It provides a component-based architecture to organize scene… flame-engine/flame — Flame is a 2D game engine for Flutter and Dart. It provides a component-based game framework for managing entities and… createjs/easeljs — EaselJS is a JavaScript library for creating interactive 2D graphics and animations using the HTML5 Canvas element. It…

Alternativas open-source a LearningPixi

Proyectos open-source similares, clasificados según cuántas características comparten con LearningPixi.
  • killedbyapixel/littlejsAvatar de KilledByAPixel

    KilledByAPixel/LittleJS

    4,127Ver en GitHub↗

    LittleJS is a lightweight HTML5 2D game engine designed for building web games using Canvas and WebGL without external dependencies. It integrates a WebGL sprite renderer, a 2D physics engine for arcade-style collisions and rigid-body dynamics, and a grid-based A* pathfinding system for entity navigation. The engine is distinguished by its procedural audio synthesizer, which generates music and sound effects at runtime using parameter arrays to minimize file sizes. It also features a comprehensive graphics pipeline that supports custom fragment-shader post-processing and a dynamic 2D lighting

    JavaScriptbox2dgame-developmentgame-engine
    Ver en GitHub↗4,127
  • hiloteam/hiloAvatar de hiloteam

    hiloteam/Hilo

    5,932Ver en GitHub↗

    Hilo is an HTML5 game engine for building 2D games that run across browsers and devices. It renders graphics through Canvas, DOM, or WebGL backends, automatically selecting the best option for the target environment. The engine provides a complete game development solution with sprite, skeletal, and particle animation, along with a texture atlas system for efficient image loading and rendering. The framework distinguishes itself through its integration of the DragonBones skeletal animation engine, which drives bone-based character movement without frame-by-frame sprites, and its Chipmunk phys

    JavaScriptcanvasgamehilo
    Ver en GitHub↗5,932
  • godotengine/godot-demo-projectsAvatar de godotengine

    godotengine/godot-demo-projects

    8,250Ver en GitHub↗

    This repository is a comprehensive collection of functional 2D and 3D demo projects and implementation samples for the Godot Game Engine. It serves as an interactive tutorial and reference library, providing a working codebase to demonstrate how to apply engine features in real-world scenarios. The collection focuses on practical implementation guides, covering a wide array of technical capabilities from basic engine fundamentals to advanced rendering and scripting techniques. It allows users to study the application of node-based composition, asset pipelines, and game logic through direct ex

    GDScript
    Ver en GitHub↗8,250
  • luanpotter/flameAvatar de luanpotter

    luanpotter/flame

    10,647Ver en GitHub↗

    Flame is a 2D game engine and framework for Flutter. It provides a component-based architecture to organize scene entities and manage their lifecycles through a structured hierarchy of game objects, coordinated by a consistent game loop. The engine includes a graphics library for rendering animated sprites, particle effects, and external textures. It features a 2D physics integration layer that supports rigid body dynamics and collision detection between entities. The framework covers additional capabilities for game engineering, including user input capture for gestures and gamepads, audio

    Dart
    Ver en GitHub↗10,647
  • Ver las 30 alternativas a LearningPixi→