https://github.com/penouc/gosmter
A web Application what used for do images filter , which Based on wasm that written by Go-lang .
https://github.com/penouc/gosmter
filter go go-tutorial image image-filters wasm webassembly webassembly-tutorial
Last synced: 26 days ago
JSON representation
A web Application what used for do images filter , which Based on wasm that written by Go-lang .
- Host: GitHub
- URL: https://github.com/penouc/gosmter
- Owner: penouc
- License: gpl-3.0
- Created: 2018-10-13T06:23:47.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2023-01-26T02:29:45.000Z (over 3 years ago)
- Last Synced: 2025-03-15T21:32:39.395Z (about 1 year ago)
- Topics: filter, go, go-tutorial, image, image-filters, wasm, webassembly, webassembly-tutorial
- Language: JavaScript
- Size: 7.36 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 23
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# gosmter
一个基于 go 编译的 wasm 的实现了图片滤镜的 web 应用
A web Application what used to do images filter , which Based on wasm that written by go-lang .
## Demo
访问地址: [https://penouc.github.io/gosmter/](https://penouc.github.io/gosmter/)
demo url: [https://penouc.github.io/gosmter/](https://penouc.github.io/gosmter/)
## 介绍 / Introduction
这个项目是基于 `create-react-app` 项目上构建的，在 `create-react-app` 的基础上，修改 `webpack` 的版本到 v4， v4 支持 `wasm` 文件的加载，并且修改了 `webpackDev` 的 config , 将加载的 `wasm` 文件的 `MIME Type` 修改为原本的 `application/wasm` , 这样得以保证 `wasm` 在加载为流文件的时候，不会发生错误。
## 依赖 / dependencies
- go > 1.11
- nodejs > 8
> 如果 go 的版本有问题，执行 `brew upgrade go` ， 或者 `nodejs` 的版本有问题，执行 `nvm install v8.11.0 && nvm use v8.11.0`
> 然后需要安装 go 的依赖 `gift` ，
> 项目地址 [https://github.com/disintegration/gift](https://github.com/disintegration/gift)
> 执行 `go get -u github.com/disintegration/gift`
> 接下来，在主目录下执行 `npm run start` 或者 `yarn start` 即可
## 待添加 / todos
- 允许自己添加图片 ✅
- 优化初始化加载体验 ✅
- 使用 `go·dom` 作为 wasm 中的取 dom 结构的框架
- 尝试使用 buffer 在 js 和 wasm 间传递是不是快一些