Skip to content

Commit

Permalink
Updated to new UI, API and windows installer
Browse files Browse the repository at this point in the history
  • Loading branch information
@srinivasa-dev
srinivasa-dev committed Apr 28, 2023
1 parent eb99b59 commit dbcd90a
Show file tree
Hide file tree
Showing 15 changed files with 88 additions and 259 deletions.
9 changes: 5 additions & 4 deletions README.md
View file
Original file line number Diff line number Diff line change
@@ -1,15 +1,16 @@
# AI Face Generator

An AI flutter App to generate random faces. The Generated faces do not actually exist in real life. This app uses the [fakeface](https://hankhank10.github.io/fakeface/) API.
Each image has been pre-analyzed by an AI algorithm called [pypy-agender](https://github.com/aristofun/py-agender) to identify the gender and age.
An AI flutter App to generate random faces. The Generated faces do not actually exist in real life. This app uses the [100k-faces](https://github.com/ozgrozer/100k-faces) API.

> As the CORS is not enabled for the server used by the API, to run this project on web please use `flutter run -d chrome --web-browser-flag "--disable-web-security"` command.
### 📥 Check out the app

| OS | Actions |
|----------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| Android | [![Download apk](https://img.shields.io/badge/Download-apk-green)](https://github.com/srinivasa-dev/ai-face-generator/releases/download/1.1/ai_face_generator.apk) |
| Android | [![Download apk](https://img.shields.io/badge/Download-apk-green)](https://github.com/srinivasa-dev/ai-face-generator/releases/download/1.2/ai_face_generator.apk) |
| Web | [![Open Web](https://img.shields.io/badge/Open-web-orange)](https://srinivasa-dev.github.io/ai-face-generator/) |
| Windows | [![Download exe](https://img.shields.io/badge/Download-exe-blue)](https://github.com/srinivasa-dev/ai-face-generator/releases/download/1.1/ai-face-generator.exe) |
| Windows | [![Download exe](https://img.shields.io/badge/Download-exe-blue)](https://github.com/srinivasa-dev/ai-face-generator/releases/download/1.2/ai-face-generator.exe) |

### 📸 Screenshots

Expand Down
Binary file modified installers/ai-face-generator.exe
View file
Binary file not shown.
2 changes: 1 addition & 1 deletion installers/windows_inno_script.iss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
; SEE THE DOCUMENTATION FOR DETAILS ON CREATING INNO SETUP SCRIPT FILES!

#define MyAppName "AI Face Generator"
#define MyAppVersion "1.1"
#define MyAppVersion "1.2"
#define MyAppPublisher "Srinivasa Yadav"
#define MyAppURL "https://srinivasa-dev.github.io/ai-face-generator/"
#define MyAppExeName "ai_face_generator.exe"
Expand Down
4 changes: 2 additions & 2 deletions lib/blocs/fake_face/fake_face_bloc.dart
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,12 +20,12 @@ class FakeFaceBloc extends Bloc<FakeFaceEvent, FakeFaceState> {
if(event is LoadFakeFace) {
emit(FakeFaceLoadingState());
try {
var fakeFaceResponse = await FakeFaceService().getFace(gender: event.gender, minimumAge: event.minimumAge, maximumAge: event.maximumAge, random: event.random).timeout(const Duration(seconds: 10));
var fakeFaceResponse = await FakeFaceService().getFace().timeout(const Duration(seconds: 10));
var data = json.decode(fakeFaceResponse.body);

if(fakeFaceResponse.statusCode == 200) {
FakeFace fakeFace = FakeFace.fromJson(data);
Uint8List uIntImage = await readBytes(Uri.parse(fakeFace.imageUrl!));
Uint8List uIntImage = await readBytes(Uri.parse(fakeFace.url!));
emit(FakeFaceLoadedState(fakeFace: fakeFace, uIntImage: uIntImage));
} else {
ScaffoldMessenger.of(event.context).showSnackBar(
Expand Down
8 changes: 2 additions & 6 deletions lib/blocs/fake_face/fake_face_event.dart
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,15 +5,11 @@ abstract class FakeFaceEvent extends Equatable {
}

class LoadFakeFace extends FakeFaceEvent {
final String? gender;
final int minimumAge;
final int maximumAge;
final bool? random;
final BuildContext context;

const LoadFakeFace({this.gender, required this.minimumAge, required this.maximumAge, this.random = true, required this.context,});
const LoadFakeFace({required this.context,});

@override
List<Object?> get props => [gender, minimumAge, maximumAge, random, context];
List<Object?> get props => [context];

}
267 changes: 47 additions & 220 deletions lib/home_screen.dart
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,17 +30,14 @@ class _HomeScreenState extends State<HomeScreen> {
FakeFace _fakeFace = FakeFace();
late Uint8List _image;

int _minimumAge = 20, _maximumAge = 50;
int _selectedIndex = 2;

late DarkThemeProvider themeChange;

Future _downloadImage() async {
if (_loading) return;
Directory? appDir;
final stream = Stream.fromIterable(_image);
if (kIsWeb) {
await download(stream, _fakeFace.filename!);
await download(stream, _fakeFace.fileName!);
return;
} else if (Platform.isAndroid) {
appDir = Directory('/storage/emulated/0/Download');
Expand All @@ -50,7 +47,7 @@ class _HomeScreenState extends State<HomeScreen> {
appDir = await getDownloadsDirectory();
}
String pathName = appDir?.path ?? "";
String destinationPath = "$pathName${Platform.isWindows ? "\\" : "/"}${_fakeFace.filename}";
String destinationPath = "$pathName${Platform.isWindows ? "\\" : "/"}${_fakeFace.fileName}";
await download(stream, destinationPath);
if (!mounted) return;
ScaffoldMessenger.of(context).showSnackBar(
Expand All @@ -65,9 +62,9 @@ class _HomeScreenState extends State<HomeScreen> {
}

final Uri _gitUrl = Uri.parse('https://github.com/srinivasa-dev/ai-face-generator');
final Uri _androidUrl = Uri.parse('https://github.com/srinivasa-dev/ai-face-generator/releases/download/1.1/ai_face_generator.apk');
final Uri _androidUrl = Uri.parse('https://github.com/srinivasa-dev/ai-face-generator/releases/download/1.2/ai_face_generator.apk');
final Uri _webUrl = Uri.parse('https://srinivasa-dev.github.io/ai-face-generator/');
final Uri _windowsUrl = Uri.parse('https://github.com/srinivasa-dev/ai-face-generator/releases/download/1.1/ai-face-generator.exe');
final Uri _windowsUrl = Uri.parse('https://github.com/srinivasa-dev/ai-face-generator/releases/download/1.2/ai-face-generator.exe');

Future<void> _launchUrl(url) async {
if (!await launchUrl(url, mode: LaunchMode.externalApplication)) {
Expand All @@ -83,7 +80,7 @@ class _HomeScreenState extends State<HomeScreen> {
_darkMode = themeChange.darkTheme;
});
});
_fakeFaceBloc.add(LoadFakeFace(minimumAge: _minimumAge, maximumAge: _maximumAge, context: context));
_fakeFaceBloc.add(LoadFakeFace(context: context));
super.initState();
}

Expand Down Expand Up @@ -120,16 +117,19 @@ class _HomeScreenState extends State<HomeScreen> {
if (constraints.maxWidth > constraints.maxHeight) {
return Row(
children: [
imageBuild(state),
Expanded(child: imageBuild(state)),
const SizedBox(width: 20.0,),
filterView(),
Expanded(
child: buttonWidget(),
),
],
);
} else {
return Column(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
imageBuild(state),
filterView(),
buttonWidget(),
],
);
}
Expand Down Expand Up @@ -295,222 +295,49 @@ class _HomeScreenState extends State<HomeScreen> {
}

Widget imageBuild(FakeFaceState state) {
return Expanded(
child: ClipRRect(
borderRadius: BorderRadius.circular(5.0),
child: Container(
color: Theme.of(context).hoverColor,
child: _loading
? LottieBuilder.asset(
'assets/lottie_animations/face_load.json',
) : Stack(
children: [
state is FakeFaceLoadedState ? Image.memory(
_image,
fit: BoxFit.contain,
) : Container(),
Visibility(
visible: !_loading && state is FakeFaceLoadedState,
child: Positioned(
left: 10,
bottom: 10,
child: Container(
padding: const EdgeInsets.all(5.0),
decoration: BoxDecoration(
color: Colors.black.withOpacity(0.3),
borderRadius: BorderRadius.circular(5.0),
),
child: RichText(
text: TextSpan(
text: 'AGE\n',
style: const TextStyle(
fontWeight: FontWeight.w500,
letterSpacing: 1.5,
color: Colors.white,
),
children: [
TextSpan(
text: _fakeFace.age.toString(),
style: const TextStyle(
fontWeight: FontWeight.w400,
letterSpacing: 1,
color: Colors.white,
),
),
]
),
),
),
),
),
],
),
),
return ClipRRect(
borderRadius: BorderRadius.circular(5.0),
child: Container(
color: Theme.of(context).hoverColor,
child: _loading
? LottieBuilder.asset(
'assets/lottie_animations/face_load.json',
) : state is FakeFaceLoadedState ? Image.memory(
_image,
fit: BoxFit.contain,
) : Container(),
),
);
}

Widget filterView() {
return Expanded(
child: Column(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
SizedBox(
height: 55.0,
child: Row(
children: [
Expanded(
child: InkWell(
onTap: () {
setState(() {
_selectedIndex = 0;
});
},
child: Container(
padding: const EdgeInsets.symmetric(vertical: 10.0),
decoration: BoxDecoration(
borderRadius: const BorderRadius.only(topLeft: Radius.circular(5.0), bottomLeft: Radius.circular(5.0)),
border: Border.all(
color: Theme.of(context).colorScheme.primary,
),
color: _selectedIndex == 0 ? Theme.of(context).colorScheme.primary.withOpacity(0.4) : Colors.transparent,
),
child: const Icon(
Icons.male,
size: 35.0,
),
),
),
),
Expanded(
child: InkWell(
onTap: () {
setState(() {
_selectedIndex = 1;
});
},
child: Container(
padding: const EdgeInsets.symmetric(vertical: 10.0),
decoration: BoxDecoration(
border: Border.all(
color: Theme.of(context).colorScheme.primary,
),
color: _selectedIndex == 1 ? Theme.of(context).colorScheme.primary.withOpacity(0.4) : Colors.transparent,
),
child: const Icon(
Icons.female,
size: 35.0,
),
),
),
),
Expanded(
child: InkWell(
onTap: () {
setState(() {
_selectedIndex = 2;
});
},
child: Container(
padding: const EdgeInsets.symmetric(vertical: 10.0),
decoration: BoxDecoration(
borderRadius: const BorderRadius.only(topRight: Radius.circular(5.0), bottomRight: Radius.circular(5.0)),
border: Border.all(
color: Theme.of(context).colorScheme.primary,
),
color: _selectedIndex == 2 ? Theme.of(context).colorScheme.primary.withOpacity(0.4) : Colors.transparent,
),
child: const Icon(
Icons.shuffle,
size: 35.0,
),
),
),
),
],
),
),
Column(
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
const Text(
'Age Range',
style: TextStyle(
fontSize: 16.0,
),
),
Text(
'$_minimumAge - $_maximumAge years',
style: const TextStyle(
fontSize: 16.0,
),
),
],
),
SizedBox(
height: 30,
child: RangeSlider(
min: 0,
max: 100,
values: RangeValues(_minimumAge.toDouble(), _maximumAge.toDouble()),
onChanged: (value) {
if(value.start.floor() <= 76 && value.end.floor() >= 9) {
setState(() {
_minimumAge = value.start.floor();
_maximumAge = value.end.floor();
});
}
},
onChangeStart: (value) {
HapticFeedback.vibrate();
},
onChangeEnd: (value) {
HapticFeedback.vibrate();
},
),
Widget buttonWidget() {
return Row(
children: [
Expanded(
child: ElevatedButton(
onPressed: _loading ? null : () {
_fakeFaceBloc.add(LoadFakeFace(context: context));
},
child: const Text(
'GENERATE',
style: TextStyle(
fontSize: 16.0,
fontWeight: FontWeight.w600,
letterSpacing: 1.4,
),
],
),
),
Row(
children: [
Expanded(
child: ElevatedButton(
onPressed: _loading ? null : () {
if(_selectedIndex == 0) {
_fakeFaceBloc.add(LoadFakeFace(gender: 'male', minimumAge: _minimumAge, maximumAge: _maximumAge, random: false, context: context));
} else if(_selectedIndex == 1) {
_fakeFaceBloc.add(LoadFakeFace(gender: 'female', minimumAge: _minimumAge, maximumAge: _maximumAge, random: false, context: context));
} else if(_selectedIndex == 2) {
_fakeFaceBloc.add(LoadFakeFace(minimumAge: _minimumAge, maximumAge: _maximumAge, context: context));
} else {
_fakeFaceBloc.add(LoadFakeFace(minimumAge: _minimumAge, maximumAge: _maximumAge, context: context));
}
},
child: const Text(
'GENERATE',
style: TextStyle(
fontSize: 16.0,
fontWeight: FontWeight.w600,
letterSpacing: 1.4,
),
),
),
),
const SizedBox(width: 20.0,),
ElevatedButton(
onPressed: _loading ? null : () {
_downloadImage();
},
child: const Icon(
Icons.download,
),
),
],
),
const SizedBox(width: 20.0,),
ElevatedButton(
onPressed: _loading ? null : () {
_downloadImage();
},
child: const Icon(
Icons.download,
),
],
),
),
],
);
}

Expand Down
Loading

0 comments on commit dbcd90a

Please sign in to comment.