mirror of
				https://github.com/flame-engine/flame.git
				synced 2025-10-31 08:56:01 +08:00 
			
		
		
		
	 64a40ff641
			
		
	
	64a40ff641
	
	
	
		
			
			* Refactor joystick * Fix directional tests * Joystick example * Any PositionComponent can be used as knob and background * Add MarginButtonComponent * Fix JoystickExample * Update joystick docs * Fix joystick direction tests * Fix effect tests * Fix analyze issue * Update docs * Update docs * Move joystick to input export * Update packages/flame/lib/src/geometry/shape.dart Co-authored-by: Luan Nico <luanpotter27@gmail.com> * Add test and description for screenAngle * Update examples/lib/stories/controls/joystick_player.dart Co-authored-by: Erick <erickzanardoo@gmail.com> * Update doc/input.md Co-authored-by: Erick <erickzanardoo@gmail.com> * controls -> input in examples to align with export file * controls -> input * Add simple joystick example * Fix imports * velocity -> relativeDelta Co-authored-by: Luan Nico <luanpotter27@gmail.com> Co-authored-by: Erick <erickzanardoo@gmail.com>
		
			
				
	
	
		
			72 lines
		
	
	
		
			1.7 KiB
		
	
	
	
		
			Dart
		
	
	
	
	
	
			
		
		
	
	
			72 lines
		
	
	
		
			1.7 KiB
		
	
	
	
		
			Dart
		
	
	
	
	
	
| import 'dart:math';
 | |
| 
 | |
| import 'package:flame/effects.dart';
 | |
| import 'package:flame/extensions.dart';
 | |
| import 'package:flame/game.dart';
 | |
| import 'package:flame/input.dart';
 | |
| import 'package:flutter/material.dart';
 | |
| 
 | |
| import '../../commons/square_component.dart';
 | |
| 
 | |
| final green = Paint()..color = const Color(0xAA338833);
 | |
| final red = Paint()..color = const Color(0xAA883333);
 | |
| final orange = Paint()..color = const Color(0xAABB6633);
 | |
| 
 | |
| SquareComponent makeSquare(Paint paint) {
 | |
|   return SquareComponent()
 | |
|     ..paint = paint
 | |
|     ..position.setValues(100, 100);
 | |
| }
 | |
| 
 | |
| class InfiniteEffectGame extends BaseGame with TapDetector {
 | |
|   late SquareComponent greenSquare;
 | |
|   late SquareComponent redSquare;
 | |
|   late SquareComponent orangeSquare;
 | |
| 
 | |
|   @override
 | |
|   Future<void> onLoad() async {
 | |
|     add(greenSquare = makeSquare(green));
 | |
|     add(redSquare = makeSquare(red));
 | |
|     add(orangeSquare = makeSquare(orange));
 | |
|   }
 | |
| 
 | |
|   @override
 | |
|   void onTapUp(TapUpInfo info) {
 | |
|     final p = info.eventPosition.game;
 | |
| 
 | |
|     greenSquare.clearEffects();
 | |
|     redSquare.clearEffects();
 | |
|     orangeSquare.clearEffects();
 | |
| 
 | |
|     greenSquare.addEffect(
 | |
|       MoveEffect(
 | |
|         path: [p],
 | |
|         speed: 250.0,
 | |
|         curve: Curves.bounceInOut,
 | |
|         isInfinite: true,
 | |
|         isAlternating: true,
 | |
|       ),
 | |
|     );
 | |
| 
 | |
|     redSquare.addEffect(
 | |
|       ScaleEffect(
 | |
|         size: p,
 | |
|         speed: 250.0,
 | |
|         curve: Curves.easeInCubic,
 | |
|         isInfinite: true,
 | |
|         isAlternating: true,
 | |
|       ),
 | |
|     );
 | |
| 
 | |
|     orangeSquare.addEffect(
 | |
|       RotateEffect(
 | |
|         angle: (p.x + p.y) % (2 * pi),
 | |
|         speed: 1.0, // Radians per second
 | |
|         curve: Curves.easeInOut,
 | |
|         isInfinite: true,
 | |
|         isAlternating: true,
 | |
|       ),
 | |
|     );
 | |
|   }
 | |
| }
 |