https://github.com/tonylianlong/animegan.js

AnimeGAN.js: Photo Animation for Everyone
https://github.com/tonylianlong/animegan.js

animegan gan javascript neural-network photo-animation reactjs tensorflow

Last synced: 7 days ago
JSON representation

AnimeGAN.js: Photo Animation for Everyone

• Host: GitHub
• URL: https://github.com/tonylianlong/animegan.js
• Owner: TonyLianLong
• Created: 2020-05-27T21:00:32.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T07:12:24.000Z (almost 3 years ago)
• Last Synced: 2025-04-27T13:37:25.381Z (6 months ago)
• Topics: animegan, gan, javascript, neural-network, photo-animation, reactjs, tensorflow
• Language: JavaScript
• Size: 27.8 MB
• Stars: 220
• Watchers: 4
• Forks: 31
• Open Issues: 6
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          

# AnimeGAN.js

**AnimeGAN.js is now hosted on [https://animegan.js.org/](https://animegan.js.org/) 🥳**

If you are in an area that does not provide reliable connection to Github Pages, you can try [this link](https://longlian.gitee.io/) hosted on Gitee instead.

This project allows online photo animation. [Click here to have a try.](https://animegan.js.org)

I suggest you use a device with WebGL support. See your device's support of Tensorflow.js [here](https://js.tensorflow.org/debug/).

Behind the scene, this project runs [AnimeGAN](https://github.com/TachibanaYoshino/AnimeGAN) online with [TensorFlow.js](https://www.tensorflow.org/js). The model that AnimeGAN.js uses comes from AnimeGAN's released model. You could use the one in `public` if you want to run it locally. If you want to create another model, you need to export it from TensorFlow and then use tools [TensorFlow.js](https://www.tensorflow.org/js) provides to convert.

## A comparison

Original Image             |  Converted Image

:-------------------------:|:-------------------------:

![Original Image](https://raw.githubusercontent.com/TonyLianLong/AnimeGAN.js/master/assets/original.png) | ![Converted Image](https://raw.githubusercontent.com/TonyLianLong/AnimeGAN.js/master/assets/converted.png)

*Source image taken from [AnimeGAN](https://github.com/TachibanaYoshino/AnimeGAN) Github repo*

## Give this repo a star 🌟 if you enjoy it!

## For developers

In the project directory, you can run:

### `yarn start`

Runs the app in the development mode.


Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.


You will also see any lint errors in the console.

### `yarn build`

Builds the app for production to the `build` folder.


It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.


Your app is ready to be deployed!

See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.