[🐣질문] Flutter Flame 개발자 있으면 질문 좀 드릴게욤

[익명(121.157)]

무한대로 우측으로 이동하면서 지형 생성하는 기능을 만들고 있는데

performance monitor로 확인하면 Raster(GPU) Thread에서 이따금 렉? Jank가 발생함.

그래서 이동이 부드럽다가 한번씩 끊김.

기능에는 별거 없고 sprite는 1개만 instance로 load하고 그 sprite로 SpriteComponent Pool을 생성하고

이동 시 맨 앞에 렌더링된 sprite를 맨 뒤로 보내주는 중.

우측 이동은 camera가 followComponent() 중인 PositionComponent의 position.x에 값을 더하는 중.

다른거 다 주석하고 이 기능만 해도 max 22.7ms/frame이 발생 ㅠ.

디바이스 문제인가 해서

LG Q9 One, Galaxy S10 Note 비교했는데 S10이 덜 발생하긴 함...

보다 최적화하는 방법이 있을까요?

밑은 코드

import 'package:flame/components.dart'; import 'package:flame/flame.dart'; import 'package:flame/game.dart'; import 'package:flutter/material.dart' hide Image; import 'package:flutter/services.dart'; void main() { runApp(const App()); } class App extends StatelessWidget { const App({Key? key}) : super(key: key); @override Widget build(BuildContext context) { SystemChrome.setPreferredOrientations([ DeviceOrientation.landscapeLeft, DeviceOrientation.landscapeRight, ]); return MaterialApp( routes: <String, WidgetBuilder>{ '/': (BuildContext context) { return Scaffold( body: Center( child: ElevatedButton( onPressed: () => Navigator.pushNamed(context, '/game'), child: const Text('Start'), )), ); }, '/game': (BuildContext context) { return const Scaffold( body: Center(child: GameScreen()), ); }, }, ); } } class GameScreen extends StatelessWidget { const GameScreen({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return GameWidget(game: MyGame()); } } class MyGame extends FlameGame { final Grid grid = Grid(); final EndlessMap endlessMap = EndlessMap(); final Runner runner = Runner(); double speed = 100.0; @override Future<void>? onLoad() { add(grid); add(endlessMap); add(runner); return super.onLoad(); } } /// Camera follows the runner. class Runner extends PositionComponent with HasGameRef<MyGame> { @override Future<void>? onLoad() { gameRef.camera.followComponent(this); return super.onLoad(); } @override void update(double dt) { x += gameRef.speed * dt; super.update(dt); } } /// Set the size of tile and grid class Grid extends Component with HasGameRef<MyGame> { late int rows = 10; late int columns; late int mapColumns; late double tileSize; @override void onGameResize(Vector2 size) { tileSize = (size.y / rows).floorToDouble(); columns = (size.x / tileSize).ceil(); mapColumns = columns + 2; super.onGameResize(size); } } /// Generate terrains endlessly class EndlessMap extends PositionComponent with HasGameRef<MyGame> { late final Sprite terrainSprite; late final List<SpriteComponent> terrainSpritePool; int firstTerrainIndex = 0; // Init terrain sprite @override Future<void> onLoad() async { terrainSprite = Sprite( await Flame.images.load('terrains.png'), srcPosition: Vector2(4.0, 0.0), srcSize: Vector2(32.0, 32.0 * 10), ); terrainSpritePool = List.generate( gameRef.grid.mapColumns, (index) => SpriteComponent(sprite: terrainSprite), ); for (var i = 0; i < terrainSpritePool.length; i++) { terrainSpritePool[i].size.x = gameRef.grid.tileSize; terrainSpritePool[i].position = Vector2( i * gameRef.grid.tileSize, gameRef.grid.tileSize, ); add(terrainSpritePool[i]); } return super.onLoad(); } @override void update(double dt) { final dx = gameRef.speed * dt; final lastTerrainIndex = firstTerrainIndex == 0 ? terrainSpritePool.length - 1 : firstTerrainIndex - 1; // When the first terrain is behind the camera, if (terrainSpritePool[firstTerrainIndex].position.x + gameRef.grid.tileSize <= gameRef.camera.position.x + dx) { // Move the first terrain to the end terrainSpritePool[firstTerrainIndex].size.x = gameRef.grid.tileSize; terrainSpritePool[firstTerrainIndex].position = Vector2( terrainSpritePool[lastTerrainIndex].position.x + gameRef.grid.tileSize, gameRef.grid.tileSize, ); firstTerrainIndex = (firstTerrainIndex + 1) % terrainSpritePool.length; } super.update(dx); } }

[익명(36.38)]

질문에 대한 답은 아닌데 지금이라도 갈아타면 시간을 절약할수있다 게이야.. 나도 플러터앱을 업으로 삼지만 이건 아니다

[익명(121.157)]

ㅋㅋㅋㅋ 역시 게임 전용 엔진으로 갈아타야 하나 ㅠ

[익명(121.157)]

플러터는 정적인 게임만 만드는 것으로...