Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

flame_svg: Add support to load SVG files as Path objects for collision purposes

Cerrado
#4,120 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 1 día

Nadie ha tomado este issue todavía.

  • #4121 de @adario — cerrado sin fusionar

Evaluación

Dificultad
5/5
Tiempo estimado
Más de una semana
Aptitud para principiantes
15/100
Tipo de issue
Nueva funcionalidad
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
dart, flutter
Área
game-dev

Línea de trabajo

The issue describes existing entry points Svg, SvgComponent, PathComponent, PathHitbox, and SpriteAnimationComponent, but gives no target files or tests. Read the flame_svg implementation and the linked PR #4121 first; the PR already has the proposed implementation. Done would include SVG paths that render at arbitrary sizes, support collision detection, and can be used for frame animation.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

enhancement
Problem to solve

Currently, flame_svg supports loading SVG files for rendering purposes only: class Svg keeps the PictureInfo created by the vector graphics compiler, which is rendered offscreen as an Image at the target size, and kept in a MemoryCache mapped by size; class SvgComponent supports rendering the SVG as a PositionComponent subclass. Therefore, an SVG file is essentially treated as a bitmap instead of a vector image.

Proposal

Add classes to load SVG files as a collection of Path objects, which allow:

  • rendering at arbitrary sizes, similarly to PathComponent
  • collision detection, similarly to PathHitbox
  • frame animation, similarly to SpriteAnimationComponent
More information

I have opened PR #4121 the proposed implementation; there's a couple of new examples in the testbed:

  • CollidableSvgPathsExample shows collision detection between SVG files
  • SvgPathsAnimationExample shows how to use multiple SVG files as animation frames
Other
  • Are you interested in working on a PR for this?
Lenguaje dominante
Dart
Estrellas
10.8k
Forks
1.1k
Merge medio
1 d 22 h
PR fusionados (30 d)
53

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de flame-engine/flame

Todos los issues de flame-engine/flame

Issues similares

Más issues de Dart

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.