电子木鱼 ：wooden-fish

使用 solidjs 构建的电子木鱼

wfish.areschang.top/ 

灵感来源

借 埃隆·马斯克 优秀产品思想 "copy EWoodenFish"

感谢源作者开源出优秀 idea

技术栈

• ⚡️SolidJS, Vite 3, pnpm, ESBuild - 快快快快！

• 🎨UnoCSS - 高性能且极具灵活性的即时原子化 CSS 引擎

• 📦unplugin-auto-import - 直接使用 Composition API 等，无需导入

• 😃 各种图标集为你所用

• 🎧Howler - 现代网络音频库

• 🦾 TypeScript, 超强壮

• ☁️ 零配置部署 Netlify

初次尝试使用 SolidJS 开发，希望生态起来越完善。

现在开始吧!

克隆到本地

$ git clone https://github.com/Ares-Chang/wooden-fish
$ cd wooden-fish
$ npm install
$ npm run dev

强推一个小工具 ni ，用上之后爱不释手。

$ git clone git@github.com:Ares-Chang/wooden-fish.git
$ cd wooden-fish
$ ni
$ nr dev

from https://github.com/Ares-Chang/wooden-fish

-------------------------------------------------
        
          ewoodenfish.vercel.app/ 

都什么年代了? 还在敲传统木鱼, 快点击 鼠标/键盘 来积攒二进制功德吧!

使用

本地安装

将源码拉到本地：

git clone https://github.com/liuxiyuan-2022/EWoodenFish.git

或下载.zip压缩包，并解压到本地：

https://github.com/liuxiyuan-2022/EWoodenFish/archive/refs/heads/main.zip

打开src/index.html文件，开始积攒功德吧！

在线访问:

CodePen链接

GitHub Page

from https://github.com/liu-xiyuan/e_woodenfish 

-----------------------------------------------------------

沉浸式电子木鱼, 移动端访问时需要上下挥动手机进行敲击.

wfish.netlify.app

WoodenFish

• PC 端访问可按空格键或者鼠标单击木鱼图片
• 移动端访问,须将处于竖屏状态的移动设备想象成木鱼棒, 上下甩动手机. (不是开玩笑,真的要上下甩动手机才可以敲), 注意, 不是摇一摇的动作, 是真实敲木鱼时的动作.

Have Fun!

from https://github.com/jwenjian/wooden-fish