我做了一个狗狗小程序,灵感来自皇室战争?

461 阅读1分钟

作为一个喜欢玩游戏的前端来说,皇室战争应该没人不喜欢吧,他的UI交互,对战体验都很丝滑。 f74c0c7f-12e9-42dc-8ff9-5f67cd648d56-1abbd2c9f9b60b5d84e69cc8545cedc.jpg a6727970-aec0-4962-b450-6882370a0554-5144d7d02327755035ea5b3be11436f.jpg

除了工作,平时前端技术无处施展,于是抽空,我做了一个小程序。 b45077e5-2acd-40a7-85ac-fb1c915c62d4-4f957184ff77130e9766e955fe260a8.jpg

b76b1950-2a98-4da4-bd1f-a13fc419f145-24517160ce51d25b5e9d834ea1029b1.jpg 额~好吧,其实还是搬砖。一开始是想网上搜搜看有没有皇室战争(Clash Royale)相关的 UI,不多,但是有了一个不错的模仿皇室战争卡片css样式引起了我的注意github.com/Emilianoac/… 我上下大量,一把copy了过来。弹窗是自己写的,加了个animate.css动画,看起来还挺像那么回事的。

页面交互上,我也参考了皇室战争,用了Swiper 组件做的交互,体验上,虽然没他那么丝滑,但能接受。

后来又加了一个负一屏,AI聊天的功能,其实就是接的免费的ChatGPT,功能没啥问题,就是token有限制。 d0fc3af2-11ec-4ba8-9628-91e4940c74c6-a7fdc5aed6664d45a0775fa4b048dca.jpg

第二屏做了一个类似手机版维基百科的版面,一些图片文章。由于是个人小程序,这种发布图文微信会得不到监管,所以,基本不怎么更新。要不然估计会封。或者发布新版本压根儿不会让你过。

好了,感谢您能看到这儿,有什么好的功能点,或者有趣的交互,欢迎评论区提建议。

大家有兴趣,欢迎来体验。 a50968b4-c364-4c7c-bac8-de7c6e1c9ccb-80d7155b16156c34886ed2fc2305046.jpg

忘记说了,我用的是Taro+react 开发的小程序,所以支付宝和H5也是支持的。

H5: ye.ddp.life

支付宝: a06db454-de11-4b38-97a4-8c3083e06347-image.png