-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
0 additions
and
24 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,9 +1,3 @@ | ||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/video-js.min.css"> | ||
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/video.min.js"></script> | ||
<script> | ||
window.HELP_IMPROVE_VIDEOJS = false | ||
</script> | ||
|
||
# 基于 React 实现经典俄罗斯方块小游戏 | ||
|
||
## Github | ||
|
@@ -394,43 +388,25 @@ const score = 10 * (elimiLines == 1 ? 1 : Math.pow(2, elimiLines)) | |
## 更新日志 | ||
|
||
* Round 1 (2023-10-31) | ||
<br><video id="video-1" class="video-js" controls muted preload="auto" width="720" data-setup="{}"> | ||
<source src="https://cdn.huoyijie.cn/uploads/2023/11/tetris-v1.webm" type="video/webm"> | ||
</video><br> | ||
|
||
先实现一个最简单的 I 型四格拼板,可以进行左移、右移、下移、旋转操作,包含边界碰撞检测。把7种四格拼板封装成 React 组件,通过 x、y 属性控制四格拼板的位置,移动拼板就是更新其 x、y 值。通过 rotate 属性控制四格拼板的形态,旋转 0/90/180/270 度。后面继续开发 J、L、O、S、T、Z 型四格拼板。 | ||
|
||
* Round 2 (2023-11-02) | ||
<br><video id="video-1" class="video-js" controls muted preload="auto" width="720" data-setup="{}"> | ||
<source src="https://cdn.huoyijie.cn/uploads/2023/11/tetris-v2.webm" type="video/webm"> | ||
</video><br> | ||
|
||
实现了当前拼板掉落、旋转、移动时的碰撞检测函数,当前拼板显示为红色,每秒自动降落一格直到发生碰撞,然后冻结当前拼板,再随机产生一个新的拼板。 | ||
|
||
* Round 3 (2023-11-03 ) | ||
<br><video id="video-1" class="video-js" controls muted preload="auto" width="720" data-setup="{}"> | ||
<source src="https://cdn.huoyijie.cn/uploads/2023/11/tetris-v3.webm" type="video/webm"> | ||
</video><br> | ||
|
||
已支持 I、J、L、O、S、T、Z 型四格拼板,没有行消除早晚要玩完啊!!!接下来把行消除功能加上。 | ||
|
||
* Round 4 (2023-11-06) | ||
<br><video id="video-1" class="video-js" controls muted preload="auto" width="720" data-setup="{}"> | ||
<source src="https://cdn.huoyijie.cn/uploads/2023/11/tetris-v4.mp4" type="video/webm"> | ||
</video><br> | ||
|
||
已支持 I、J、L、O、S、T、Z 型四格拼板,今天终于把行消除功能加上了,试玩了一下,刚开始还强装镇定,到后面一直不来 I 型长块,心好慌啊!!! | ||
|
||
* Round 5 (2023-11-07) | ||
<br><video id="video-1" class="video-js" controls muted preload="auto" width="720" data-setup="{}"> | ||
<source src="https://cdn.huoyijie.cn/uploads/2023/11/tetris-v5.mkv" type="video/webm"> | ||
</video><br> | ||
|
||
今天把显示当前拼板掉落位置、显示得分、消除行数、提前预览下一块拼板等功能加上了。显示当前拼板掉落位置功能是我最喜欢的,之前没有这个功能,为了不串行,眼睛都要看花了!!! | ||
|
||
* Round 6 (2023-11-08) | ||
<br><video id="video-1" class="video-js" controls muted preload="auto" width="720" data-setup="{}"> | ||
<source src="https://cdn.huoyijie.cn/uploads/2023/11/tetris-v6.mkv" type="video/webm"> | ||
</video><br> | ||
|
||
今天把游戏计时和难度等级功能加上了,解决了一个组件 infinite render 的 bug。今天的状态不错,采取了比较有效的消除策略,玩了 35 分钟累积了 1480 分还再继续!!!主要功能已经差不多实现好了,后面考虑加入一些有趣的小道具,比如可以用获得的炸弹炸掉不好的地方,再比如可以在慌乱时使用暂停几秒的道具等等。 |