This project forked from beipy/whack-a-mole-h5
纯H5打地鼠小游戏
Home Page: https://beipy.github.io/whack-a-mole-H5/index.html
H5打灰狼,适配于手机端。用于网页小游戏消耗积分。
软件架构思路说明
1.创建画布
设置背景图
时钟、按钮等
2.创建狼
生成一个狼——是生成小灰灰还是灰太狼
随机一个位置——判断该位置是否有狼
无,则把狼放到该位置
3.狼动画
狼上升
定时器更改图片路径实现动画
判断是否到了最上面的位置
是则下降
下降到最底部把狼删掉——清空该清空的定时器
4.打狼
不管原先狼的动画跑到第几帧,
把帧数设置成打狼的动画
打灰太狼加分
打小灰灰减分
5.游戏结束
把页面的数据还原到初始状态
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.