543 lines
19 KiB
Dart
543 lines
19 KiB
Dart
import 'dart:async';
|
|
import 'dart:io';
|
|
import 'dart:typed_data';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:permission_handler/permission_handler.dart';
|
|
import 'package:polyvox_filament/animations/animation_data.dart';
|
|
|
|
import 'package:polyvox_filament/filament_controller.dart';
|
|
|
|
import 'package:polyvox_filament/filament_controller_ffi.dart';
|
|
import 'package:polyvox_filament/animations/animation_builder.dart';
|
|
|
|
import 'package:path_provider/path_provider.dart';
|
|
import 'package:polyvox_filament/widgets/filament_gesture_detector.dart';
|
|
import 'package:polyvox_filament/widgets/filament_widget.dart';
|
|
|
|
void main() {
|
|
runApp(const MyApp());
|
|
}
|
|
|
|
class MyApp extends StatefulWidget {
|
|
const MyApp({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
State<MyApp> createState() => _MyAppState();
|
|
}
|
|
|
|
class _MyAppState extends State<MyApp> with SingleTickerProviderStateMixin {
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return MaterialApp(
|
|
// showPerformanceOverlay: true,
|
|
color: Colors.white,
|
|
home: Scaffold(backgroundColor: Colors.white, body: ExampleWidget()));
|
|
}
|
|
}
|
|
|
|
class ExampleWidget extends StatefulWidget {
|
|
@override
|
|
State<StatefulWidget> createState() {
|
|
return _ExampleWidgetState();
|
|
}
|
|
}
|
|
|
|
class _ExampleWidgetState extends State<ExampleWidget> {
|
|
FilamentController? _filamentController;
|
|
FilamentEntity? _shapes;
|
|
FilamentEntity? _flightHelmet;
|
|
List<String>? _animations;
|
|
FilamentEntity? _light;
|
|
|
|
StreamSubscription? _pickResultListener;
|
|
String? picked;
|
|
|
|
final weights = List.filled(255, 0.0);
|
|
|
|
bool _loop = false;
|
|
EdgeInsets _viewportMargin = EdgeInsets.zero;
|
|
|
|
bool _readyForScene = false;
|
|
|
|
bool _rendering = false;
|
|
int _framerate = 60;
|
|
bool _postProcessing = true;
|
|
|
|
bool _coneHidden = false;
|
|
bool _frustumCulling = true;
|
|
|
|
StreamSubscription? _hasViewerListener;
|
|
|
|
@override
|
|
void dispose() {
|
|
super.dispose();
|
|
_pickResultListener?.cancel();
|
|
_hasViewerListener?.cancel();
|
|
}
|
|
|
|
Widget _item(void Function() onTap, String text) {
|
|
return GestureDetector(
|
|
onTap: () {
|
|
setState(() {
|
|
onTap();
|
|
});
|
|
},
|
|
child: Container(
|
|
color: Colors.transparent,
|
|
padding: EdgeInsets.symmetric(vertical: 10, horizontal: 10),
|
|
child: Text(text)));
|
|
}
|
|
|
|
void _createController({String? uberArchivePath}) {
|
|
_filamentController =
|
|
FilamentControllerFFI(uberArchivePath: uberArchivePath);
|
|
_filamentController!.pickResult.listen((entityId) {
|
|
setState(() {
|
|
picked = _filamentController!.getNameForEntity(entityId!);
|
|
});
|
|
});
|
|
_hasViewerListener =
|
|
_filamentController!.hasViewer.listen((bool hasViewer) {
|
|
setState(() {
|
|
_readyForScene = hasViewer;
|
|
});
|
|
});
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
var children = <Widget>[];
|
|
|
|
if (_filamentController == null) {
|
|
children.addAll([
|
|
_item(() {
|
|
_createController();
|
|
}, "create viewer (default ubershader)"),
|
|
_item(() {
|
|
_createController(
|
|
uberArchivePath: Platform.isWindows
|
|
? "assets/lit_opaque_32.uberz"
|
|
: "assets/lit_opaque_43.uberz");
|
|
}, "create viewer (custom ubershader - lit opaque only)"),
|
|
]);
|
|
}
|
|
|
|
if (_readyForScene) {
|
|
children.addAll([
|
|
_item(() {
|
|
_filamentController!.destroy();
|
|
_filamentController = null;
|
|
}, "destroy viewer/texture"),
|
|
_item(() {
|
|
_filamentController!.render();
|
|
}, "render"),
|
|
_item(() {
|
|
setState(() {
|
|
_rendering = !_rendering;
|
|
_filamentController!.setRendering(_rendering);
|
|
});
|
|
}, "Rendering: $_rendering"),
|
|
_item(() {
|
|
setState(() {
|
|
_framerate = _framerate == 60 ? 30 : 60;
|
|
_filamentController!.setFrameRate(_framerate);
|
|
});
|
|
}, "$_framerate fps"),
|
|
_item(() {
|
|
_filamentController!.setBackgroundColor(Color(0xFF73C9FA));
|
|
}, "set background color"),
|
|
_item(() {
|
|
_filamentController!.setBackgroundImage('assets/background.ktx');
|
|
}, "load background image"),
|
|
_item(() {
|
|
_filamentController!
|
|
.setBackgroundImage('assets/background.ktx', fillHeight: true);
|
|
}, "load background image (fill height)"),
|
|
_item(() {
|
|
_filamentController!
|
|
.loadSkybox('assets/default_env/default_env_skybox.ktx');
|
|
}, 'load skybox'),
|
|
_item(() {
|
|
_filamentController!
|
|
.loadIbl('assets/default_env/default_env_ibl.ktx');
|
|
}, 'load IBL'),
|
|
_item(() async {
|
|
_light = await _filamentController!
|
|
.addLight(1, 6500, 150000, 0, 1, 0, 0, -1, 0, true);
|
|
}, "add directional light"),
|
|
_item(() async {
|
|
await _filamentController!.clearLights();
|
|
}, "clear lights"),
|
|
_item(() {
|
|
setState(() {
|
|
_postProcessing = !_postProcessing;
|
|
});
|
|
_filamentController!.setPostProcessing(_postProcessing);
|
|
}, "${_postProcessing ? "Disable" : "Enable"} postprocessing"),
|
|
_item(
|
|
() {
|
|
_filamentController!.removeSkybox();
|
|
},
|
|
'remove skybox',
|
|
),
|
|
_item(() async {
|
|
_shapes =
|
|
await _filamentController!.loadGlb('assets/shapes/shapes.glb');
|
|
_animations = await _filamentController!.getAnimationNames(_shapes!);
|
|
setState(() {});
|
|
}, 'load shapes GLB'),
|
|
_item(() async {
|
|
_animations = await _filamentController!.setCamera(_shapes!, null);
|
|
setState(() {});
|
|
}, 'set camera to first camera in shapes GLB'),
|
|
_item(() async {
|
|
if (_coneHidden) {
|
|
_filamentController!.reveal(_shapes!, "Cone");
|
|
} else {
|
|
_filamentController!.hide(_shapes!, "Cone");
|
|
}
|
|
setState(() {
|
|
_coneHidden = !_coneHidden;
|
|
});
|
|
}, _coneHidden ? 'show cone' : 'hide cone'),
|
|
_item(() async {
|
|
if (_shapes != null) {
|
|
_filamentController!.removeAsset(_shapes!);
|
|
}
|
|
_shapes = await _filamentController!
|
|
.loadGltf('assets/shapes/shapes.gltf', 'assets/shapes');
|
|
}, 'load shapes GLTF'),
|
|
_item(() async {
|
|
_filamentController!.transformToUnitCube(_shapes!);
|
|
}, 'transform to unit cube'),
|
|
_item(() async {
|
|
_filamentController!.setPosition(_shapes!, 1.0, 1.0, -1.0);
|
|
}, 'set shapes position to 1, 1, -1'),
|
|
_item(() async {
|
|
_filamentController!.setCameraPosition(1.0, 1.0, -1.0);
|
|
}, 'move camera to 1, 1, -1'),
|
|
_item(() async {
|
|
var frameData = Float32List.fromList(
|
|
List<double>.generate(120, (i) => i / 120).expand((x) {
|
|
var vals = List<double>.filled(7, x);
|
|
vals[3] = 1.0;
|
|
// vals[4] = 0;
|
|
vals[5] = 0;
|
|
vals[6] = 0;
|
|
return vals;
|
|
}).toList());
|
|
|
|
_filamentController!.setBoneAnimation(
|
|
_shapes!,
|
|
BoneAnimationData(
|
|
"Bone.001", ["Cube.001"], frameData, 1000.0 / 60.0));
|
|
// ,
|
|
// "Bone.001",
|
|
// "Cube.001",
|
|
// BoneTransform([Vec3(x: 0, y: 0.0, z: 0.0)],
|
|
// [Quaternion(x: 1, y: 1, z: 1, w: 1)]));
|
|
}, 'construct bone animation'),
|
|
_item(() async {
|
|
_filamentController!.removeAsset(_shapes!);
|
|
_shapes = null;
|
|
}, 'remove shapes'),
|
|
_item(() async {
|
|
_filamentController!.clearAssets();
|
|
_shapes = null;
|
|
}, 'clear all assets'),
|
|
_item(() async {
|
|
var names = await _filamentController!
|
|
.getMorphTargetNames(_shapes!, "Cylinder");
|
|
await showDialog(
|
|
context: context,
|
|
builder: (ctx) {
|
|
return Container(
|
|
height: 100,
|
|
width: 100,
|
|
color: Colors.white,
|
|
child: Text(names.join(",")));
|
|
});
|
|
}, "show morph target names for Cylinder"),
|
|
_item(() {
|
|
_filamentController!
|
|
.setMorphTargetWeights(_shapes!, "Cylinder", List.filled(4, 1.0));
|
|
}, "set Cylinder morph weights to 1"),
|
|
_item(() {
|
|
_filamentController!
|
|
.setMorphTargetWeights(_shapes!, "Cylinder", List.filled(4, 0.0));
|
|
}, "set Cylinder morph weights to 0.0"),
|
|
_item(() async {
|
|
var morphs = await _filamentController!
|
|
.getMorphTargetNames(_shapes!, "Cylinder");
|
|
final animation = AnimationBuilder(
|
|
availableMorphs: morphs, framerate: 30, meshName: "Cylinder")
|
|
.setDuration(4)
|
|
.setMorphTargets(["Key 1", "Key 2"])
|
|
.interpolateMorphWeights(0, 4, 0, 1)
|
|
.build();
|
|
_filamentController!.setMorphAnimationData(_shapes!, animation);
|
|
}, "animate cylinder morph weights #1 and #2"),
|
|
_item(() async {
|
|
var morphs = await _filamentController!
|
|
.getMorphTargetNames(_shapes!, "Cylinder");
|
|
final animation = AnimationBuilder(
|
|
availableMorphs: morphs, framerate: 30, meshName: "Cylinder")
|
|
.setDuration(4)
|
|
.setMorphTargets(["Key 3", "Key 4"])
|
|
.interpolateMorphWeights(0, 4, 0, 1)
|
|
.build();
|
|
_filamentController!.setMorphAnimationData(_shapes!, animation);
|
|
}, "animate cylinder morph weights #3 and #4"),
|
|
_item(() async {
|
|
var morphs =
|
|
await _filamentController!.getMorphTargetNames(_shapes!, "Cube");
|
|
final animation = AnimationBuilder(
|
|
availableMorphs: morphs, framerate: 30, meshName: "Cube")
|
|
.setDuration(4)
|
|
.setMorphTargets(["Key 1", "Key 2"])
|
|
.interpolateMorphWeights(0, 4, 0, 1)
|
|
.build();
|
|
_filamentController!.setMorphAnimationData(_shapes!, animation);
|
|
}, "animate shapes morph weights #1 and #2"),
|
|
_item(() {
|
|
_filamentController!
|
|
.setMaterialColor(_shapes!, "Cone", 0, Colors.purple);
|
|
}, "set cone material color to purple"),
|
|
_item(() {
|
|
_loop = !_loop;
|
|
setState(() {});
|
|
}, "toggle animation looping ${_loop ? "OFF" : "ON"}"),
|
|
_item(() {
|
|
setState(() {
|
|
_viewportMargin = _viewportMargin == EdgeInsets.zero
|
|
? EdgeInsets.all(50)
|
|
: EdgeInsets.zero;
|
|
});
|
|
}, "resize"),
|
|
_item(() async {
|
|
await Permission.microphone.request();
|
|
}, "request permissions (tests inactive->resume)")
|
|
]);
|
|
if (_animations != null) {
|
|
children.addAll(_animations!.map((a) => _item(() {
|
|
_filamentController!.playAnimation(
|
|
_shapes!, _animations!.indexOf(a),
|
|
replaceActive: true, crossfade: 0.5, loop: _loop);
|
|
}, "play animation ${_animations!.indexOf(a)} (replace/fade)")));
|
|
children.addAll(_animations!.map((a) => _item(() {
|
|
_filamentController!.playAnimation(
|
|
_shapes!, _animations!.indexOf(a),
|
|
replaceActive: false, loop: _loop);
|
|
}, "play animation ${_animations!.indexOf(a)} (noreplace)")));
|
|
}
|
|
|
|
children.add(_item(() {
|
|
_filamentController!.setToneMapping(ToneMapper.LINEAR);
|
|
}, "Set tone mapping to linear"));
|
|
|
|
children.add(_item(() {
|
|
_filamentController!.moveCameraToAsset(_shapes!);
|
|
}, "Move camera to asset"));
|
|
|
|
children.add(_item(() {
|
|
setState(() {
|
|
_frustumCulling = !_frustumCulling;
|
|
});
|
|
_filamentController!.setViewFrustumCulling(_frustumCulling);
|
|
}, "${_frustumCulling ? "Disable" : "Enable"} frustum culling"));
|
|
}
|
|
return Stack(children: [
|
|
_filamentController != null
|
|
? Positioned.fill(
|
|
child: Padding(
|
|
padding: _viewportMargin,
|
|
child: FilamentGestureDetector(
|
|
showControlOverlay: true,
|
|
controller: _filamentController!,
|
|
child: FilamentWidget(
|
|
controller: _filamentController!,
|
|
))))
|
|
: Container(),
|
|
Positioned(
|
|
right: 50,
|
|
top: 50,
|
|
child: Text(picked ?? "",
|
|
style: const TextStyle(color: Colors.green, fontSize: 24))),
|
|
Align(
|
|
alignment: Alignment.bottomCenter,
|
|
child: OrientationBuilder(builder: (ctx, orientation) {
|
|
return Container(
|
|
alignment: Alignment.bottomCenter,
|
|
height: orientation == Orientation.landscape ? 100 : 200,
|
|
color: Colors.white.withOpacity(0.75),
|
|
child: SingleChildScrollView(child: Wrap(children: children)));
|
|
}))
|
|
]);
|
|
}
|
|
}
|
|
|
|
// _item(24 () async { 'rotate by pi around Y axis'),
|
|
// _item(5 () async { 'load flight helmet'),
|
|
|
|
// _item(7 () async { 'set all weights to 1'),
|
|
// _item(8 () async { 'set all weights to 0'),
|
|
// _item(9 () async { 'play all animations'),
|
|
// _item(34 () async { 'play animation 0'),
|
|
// _item(34 () async { 'play animation 0 (noreplace)'),
|
|
// _item(35 () async { 'play animation 1'),
|
|
// _item(34 () async { 'play animation 0 (noreplace)'),
|
|
// _item(36 () async { 'play animation 2'),
|
|
// _item(34 () async { 'play animation 0 (noreplace)'),
|
|
// _item(36 () async { 'play animation 3'),
|
|
// _item(34 () async { 'play animation 3 (noreplace)'),
|
|
// _item(37 () async { 'stop animation 0'),
|
|
|
|
// _item(14 () async { 'set camera'),
|
|
// _item(15 () async { 'animate weights'),
|
|
// _item(16 () async { 'get target names'),
|
|
// _item(17 () async { 'get animation names'),
|
|
// _item(18 () async { 'pan left'),
|
|
// _item(19 () async { 'pan right'),
|
|
// _item(25 () async {
|
|
// Text(_vertical ? 'set horizontal' : 'set vertical')),
|
|
// _item(26 () async { 'set camera pos to 0,0,3'),
|
|
// _item(27 () async { 'toggle framerate'),
|
|
// _item(28 () async { 'set bg image pos'),
|
|
// _item(29 () async { 'add light'),
|
|
// _item(30 () async { 'remove light'),
|
|
// _item(31 () async { 'clear all lights'),
|
|
// _item(32 () async { 'set camera model matrix'),
|
|
|
|
// case -1:
|
|
|
|
// break;
|
|
// case -2:
|
|
// _filamentController!.render();
|
|
// break;
|
|
// case -4:
|
|
// setState(() {
|
|
// _rendering = !_rendering;
|
|
// _filamentController!.setRendering(_rendering);
|
|
// });
|
|
// break;
|
|
// case -5:
|
|
// setState(() {
|
|
// _framerate = _framerate == 60 ? 30 : 60;
|
|
// _filamentController!.setFrameRate(_framerate);
|
|
// });
|
|
// break;
|
|
// case -6:
|
|
// _filamentController!.setBackgroundColor(Color(0xFF73C9FA));
|
|
// break;
|
|
|
|
// case 5:
|
|
// _flightHelmet ??= await _filamentController!.loadGltf(
|
|
// 'assets/FlightHelmet/FlightHelmet.gltf', 'assets/FlightHelmet');
|
|
// break;
|
|
|
|
// case 11:
|
|
// setState(() {
|
|
// _loop = !_loop;
|
|
// });
|
|
// break;
|
|
// case 14:
|
|
// _filamentController!.setCamera(_shapes!, "Camera_Orientation");
|
|
// break;
|
|
// case 15:
|
|
|
|
// break;
|
|
// case 17:
|
|
// var animationNames =
|
|
// await _filamentController!.getAnimationNames(_shapes!);
|
|
|
|
// await showDialog(
|
|
// context: context,
|
|
// builder: (ctx) {
|
|
// return Container(
|
|
// height: 100,
|
|
// width: 100,
|
|
// color: Colors.white,
|
|
// child: Text(animationNames.join(",")));
|
|
// });
|
|
|
|
// break;
|
|
// case 18:
|
|
// _filamentController!.panStart(1, 1);
|
|
// _filamentController!.panUpdate(1, 2);
|
|
// _filamentController!.panEnd();
|
|
// break;
|
|
// case 19:
|
|
// _filamentController!.panStart(1, 1);
|
|
// _filamentController!.panUpdate(0, 0);
|
|
// _filamentController!.panEnd();
|
|
// break;
|
|
// case 20:
|
|
// _filamentController!.clearAssets();
|
|
// break;
|
|
// case 21:
|
|
// break;
|
|
// case 22:
|
|
// break;
|
|
// case 23:
|
|
// break;
|
|
// case 24:
|
|
// _filamentController!.setRotation(_shapes!, pi / 2, 0.0, 1.0, 0.0);
|
|
// break;
|
|
// case 26:
|
|
// _filamentController!.setCameraPosition(0, 0, 3);
|
|
// _filamentController!.setCameraRotation(0, 0, 1, 0);
|
|
// break;
|
|
// case 27:
|
|
// _framerate = _framerate == 60 ? 30 : 60;
|
|
// _filamentController!.setFrameRate(_framerate);
|
|
// break;
|
|
// case 28:
|
|
// _filamentController!.setBackgroundImagePosition(25, 25);
|
|
// break;
|
|
|
|
// case 30:
|
|
// if (_light != null) {
|
|
// _filamentController!.removeLight(_light!);
|
|
// _light = null;
|
|
// }
|
|
// break;
|
|
// case 31:
|
|
|
|
// break;
|
|
// case 32:
|
|
|
|
// // break;
|
|
// break;
|
|
// case 33:
|
|
|
|
// break;
|
|
// case 34:
|
|
// var duration =
|
|
// await _filamentController!.getAnimationDuration(_shapes!, 0);
|
|
// _filamentController!.playAnimation(_shapes!, 0,
|
|
// loop: false, crossfade: 0.5);
|
|
// await Future.delayed(
|
|
// Duration(milliseconds: (duration * 1000.0).toInt()));
|
|
// print("animation complete");
|
|
// // showDialog(
|
|
// // context: context,
|
|
// // builder: (context) {
|
|
// // return Container(
|
|
// // width: 100,
|
|
// // height: 100,
|
|
// // color: Colors.white,
|
|
// // child: "animation complete!");
|
|
// // });
|
|
// break;
|
|
// case 35:
|
|
// _filamentController!.playAnimation(_shapes!, 1,
|
|
// loop: false, crossfade: 0.5);
|
|
// break;
|
|
// case 36:
|
|
// _filamentController!.playAnimation(_shapes!, 2,
|
|
// loop: false, crossfade: 0.5);
|
|
// break;
|
|
// case 37:
|
|
// _filamentController!.stopAnimation(_shapes!, 0);
|
|
// break;
|