Skip to content

Commit

Permalink
update readme
Browse files Browse the repository at this point in the history
  • Loading branch information
huoyijie committed Nov 9, 2023
1 parent 64b40b5 commit 0856cd3
Showing 1 changed file with 0 additions and 24 deletions.
24 changes: 0 additions & 24 deletions README.md
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
Expand Down Expand Up @@ -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 分还再继续!!!主要功能已经差不多实现好了,后面考虑加入一些有趣的小道具,比如可以用获得的炸弹炸掉不好的地方,再比如可以在慌乱时使用暂停几秒的道具等等。

0 comments on commit 0856cd3

Please sign in to comment.