macbear_3d 0.5.0

Macbear 3D is a lightweight 3D rendering engine for Flutter, built on Google ANGLE (OpenGL ES).

Macbear 3D

English | 繁體中文

Macbear 3D is a lightweight, high-performance 3D rendering engine for Flutter, powered by Google ANGLE (OpenGL ES). It provides a simple yet powerful API to create stunning 3D experiences, games, and visualizations.

Key Features

🚀 Core Engine

• Powered by ANGLE: Direct OpenGL ES access via Google's ANGLE for high performance.
• Scene Graph: Flexible Entity-Component architecture and multi-camera support.
• Resource Management: Efficient centralized loading and caching for textures, meshes, and fonts.

🎨 Rendering & Visuals

• Model Loaders: Native support for glTF/GLB and OBJ formats.
• Skeletal Animation: Full support for skinned meshes and bone-based animations.
• Advanced Lighting: Dynamic lighting with Cascaded Shadow Mapping (CSM) for high-quality shadows.
• Text Rendering: Generate 3D geometry from TrueType/OpenType fonts.

⚙️ Physics & Interaction

• Integrated Physics: Seamless integration with the oimo_physics rigid body physics engine.
• Collision Detection: Automatic AABB and Bounding Sphere calculation.
• Touch Input: Built-in interaction handling for 3D objects and orbit control.

More Screenshots

Installation

Add macbear_3d to your pubspec.yaml:

dependencies:
  macbear_3d: ^0.5.0

Usage

Here is a simple example to display a 3D scene:

import 'dart:math';
import 'package:flutter/material.dart' hide Colors;
import 'package:macbear_3d/macbear_3d.dart';

void main() {
  M3AppEngine.instance.onDidInit = onDidInit;

  runApp(const MyApp());
}

Future<void> onDidInit() async {
  debugPrint('main_example.dart: onDidInit');
  await M3AppEngine.instance.setScene(MyScene());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: const Text('Macbear 3D Example')),
        body: const M3View(),
      ),
    );
  }
}

// Define a simple scene
class MyScene extends M3Scene {
  @override
  Future<void> load() async {
    if (isLoaded) return;
    await super.load();

    camera.setEuler(pi / 6, -pi / 6, 0, distance: 8);

    // add geometry
    addMesh(M3Mesh(M3BoxGeom(1.0, 1.0, 1.0)), Vector3.zero()).color = Colors.blue;
    addMesh(M3Mesh(M3SphereGeom(0.5)), Vector3(2, 0, 0)).color = Colors.red;
    addMesh(M3Mesh(M3TorusGeom(0.5, 0.3)), Vector3(0, 2, 0)).color = Colors.green;
    addMesh(M3Mesh(M3CylinderGeom(0.5, 0.0, 1.0)), Vector3(0, 0, 1)).color = Colors.yellow;
    addMesh(M3Mesh(M3PlaneGeom(5, 5)), Vector3(0, 0, -1));
  }
}

Setup

To protect your usage, ensure you set M3AppEngine.instance.onDidInit = onDidInit and implement onDidInit method, then use M3View widget.

Generate UML Diagram

https://pub.dev/packages/dcdg

./uml/gen_uml.sh

output to uml/macbear_3d.puml

TODO

• ✅ Skinned Mesh
• ✅ Skeletal Animation
• ✅ Shadows improvements (Cascaded Shadow Maps)
• ❌ PBR Material support
• ✅ Skybox reflection via cubemap
• ❌ Water effect (reflection, refraction)
• ❌ Post-processing effects (Bloom, HDR)
• ❌ Advanced Particle System
• ✅ Resource Management System
• ✅ Text Rendering
• ❌ GUI System
• ❌ WebGL support optimization

Contributing

Contributions are welcome! Please feel free to check the issues or submit a Pull Request.

License

This project is licensed under the MIT License - see the LICENSE file for details.