marlonjd / babylonjs_viewer Goto Github PK

View Code? Open in Web Editor NEW

27.0 27.0 10.0 5.9 MB

Flutter 3D Model Viewer with BabylonJS Viewer

License: MIT License

HTML 13.96% Dart 86.04%

babylonjs_viewer's Introduction

Hi there 👋

babylonjs_viewer's People

Contributors

Stargazers

Watchers

Forkers

migmlg onebillionth hsuse witcher-jufei hnvn jerryhtw enter121 swordlegend tesfalemnigussie ndux-io

babylonjs_viewer's Issues

Display loading progress for 3D assets

Is there a method to display the loading progress in percentage for the src file in https?

Other functions beside viewer

Thanks for your great effort :)

I'm just wondering if there are any more functions beside basic 3D viewer.
ex) Turning on AR when button pressed, changing model viewer's background

Thank you :)

E/FrameEvents( 3079): updateAcquireFence: Did not find frame.

I run and get below issue, please guide:
E/FrameEvents( 3079): updateAcquireFence: Did not find frame.

the viewer doesnt refresh its content

I think its because the underlaying webview doesnt have a controller.

Could we mabye get reloadmodel function into this plugin? , and use a controller within the webview, I think that should do it.

I have testcode here, just add 2 .glb files to assets.:

import 'package:flutter/material.dart';
import 'package:babylonjs_viewer/babylonjs_viewer.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@OverRide
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter DropDownButton',
theme: ThemeData(
primarySwatch: Colors.green,
),
home: const MyHomePage(),
debugShowCheckedModeBanner: false,
);
}
}

class MyHomePage extends StatefulWidget {
const MyHomePage({Key? key}) : super(key: key);

@OverRide
_MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State {
String dropdownvalue = 'assets/test1.glb';
late BabylonJSViewer bsv;

@OverRide
void initState() {

super.initState();
bsv = BabylonJSViewer(
  src: dropdownvalue,
);

}

var items2 = [
'assets/test1.glb',
'assets/alpha-blend-litmus.glb',
];

@OverRide
Widget build(BuildContext context) {
bsv = BabylonJSViewer(
src: dropdownvalue,
);

return Scaffold(
  appBar: AppBar(
    title: const Text("3d models"),
  ),
  body: Center(
    child: Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        DropdownButton(
          value: dropdownvalue,
          icon: const Icon(Icons.keyboard_arrow_down),
          items: items2.map((String items2) {
            return DropdownMenuItem(
              value: items2,
              child: Text(items2),
            );
          }).toList(),
          onChanged: (String? newValue) {
            setState(() {
              dropdownvalue = newValue!;

              bsv = BabylonJSViewer(
                src: newValue,
              );

              print(dropdownvalue);
            });
          },
        ),
        Expanded(child: bsv),
      ],
    ),
  ),
);

}
}

it only works with this models:

https://modelviewer.dev/shared-assets/models/NeilArmstrong.glb
https://models.babylonjs.com/boombox.glb

Anyone have the same problem? @MarlonJD @MIGMLG @

Null check operator used on a null value.

I received the folllowing error,while loading the example.

`════════ Exception caught by widgets library ═══════════════════════════════════
The following _CastError was thrown building BabylonJSViewer(dirty, state: _BabylonJSViewerState#21ec1):
Null check operator used on a null value

The relevant error-causing widget was
BabylonJSViewer
lib/ui/sample.dart:23
When the exception was thrown, this was the stack
#0      _BabylonJSViewerState.build
package:babylonjs_viewer/src/babylonjs_viewer.dart:61
#1      StatefulElement.build
package:flutter/…/widgets/framework.dart:4691
#2      ComponentElement.performRebuild
package:flutter/…/widgets/framework.dart:4574
#3      StatefulElement.performRebuild
package:flutter/…/widgets/framework.dart:4746
#4      Element.rebuild
package:flutter/…/widgets/framework.dart:4267
...
═══════════════════════════════════════════════════════════════════════════════`

[   +8 ms] FAILURE: Build failed with an exception.
[   +3 ms] * What went wrong:
[        ] The Android Gradle plugin supports only Kotlin Gradle plugin version 1.5.20 and higher.
[        ] The following dependencies do not satisfy the required version:
[        ] project ':flutter_gl' -> org.jetbrains.kotlin:kotlin-gradle-plugin:1.3.61

but the flutter_gl plugin should be alreay updated... did i miss some setting?
Thanks!!