zz

Author: chai2010

docs/public/st0046-01.png

@@ -6,6 +6,7 @@ title: 碎碎念
 
 “碎碎念”是本站发布日常随笔的栏目，内容包括项目进展、小点子、有趣的讨论等。
 
+- 2024-08-25: [凹语言支持Wasm4游戏平台](st0046.md)
 - 2024-08-03: [凹语言开源2周年](st0045.md)
 - 2024-08-01: [凹语言后端实现 100% 自研](st0044.md)
 - 2024-06-21: [凹语言入选 Gitee GVP 项目](st0043.md)

docs/public/st0046-02.png

@@ -0,0 +1,75 @@
+# 凹语言支持Wasm4游戏平台
+
+- 时间：2024-08-25
+- 撰稿：凹语言 开发组
+- 转载请注明原文链接：[https://wa-lang.org/smalltalk/st0046.html](https://wa-lang.org/smalltalk/st0046.html)
+
+---
+
+凹语言是国内首个面向WebAssembly设计的通用编程语言，也是国内首个被CNCF基金会wasm全景图收录的开源编程语言。在2022年刚刚开源时，凹语言开发组以贪吃蛇为例做了第一个案例。具体请参考：https://wa-lang.org/smalltalk/st0018.html
+
+![](/st0018-01.png)
+
+在线试玩地址：https://wa-lang.org/wa/snake/
+
+## 凹语言支持 Wasm4 平台
+
+Wasm4 是一个使用 WebAssembly 构建复古风格游戏的框架。它提供了一个 160 x 160 像素、64K 内存的游戏主机，内存少于 64K。通过使用 WebAssembly 技术使得开发的游戏能够在所有网页浏览器和一些低端设备上运行。随着凹语言支持Wasm4平台，现在开发者也能使用凹语言轻松开发Wasm4游戏。
+
+以下是Wasm4贪吃蛇的效果图：
+
+![](/st0046-01.png)
+
+实现代码在 `waroot/examples/w4-snake` 目录下。
+
+## Wasm4 快速入门
+
+先安装 wa-v0.15.0 命令行程序，然后执行以下命令：
+
+```
+$ wa init -wasm4
+$ tree hello
+hello
+├── README.md
+├── src
+│   └── main.wa
+└── wa.mod
+```
+
+在 hello 目录生成一个 Wasm4 版本的你好世界例子。其中 main.wa 代码如下：
+
+```wa
+import "syscall/wasm4"
+```
+
+首先是导入`syscall/wasm4`包，然后定义Update函数：
+
+```wa
+global smiley = [8]byte{...}
+
+#wa:export update
+func Update {
+	wasm4.SetDrawColors(2)
+	wasm4.Text("Hello from Wa-lang!", 10, 10)
+
+	gamepad := wasm4.GetGamePad1()
+	if gamepad&wasm4.BUTTON_1 != 0 {
+		wasm4.SetDrawColors(4)
+	}
+
+	wasm4.Blit(smiley[:], 76, 76, 8, 8, wasm4.BLIT_1BPP)
+	wasm4.Text("Press X to blink", 16, 90)
+}
+```
+
+首先是调用`wasm4.SetDrawColors`设置绘制颜色，然后调用`wasm4.Text`在屏幕的指定坐标绘制文字。然后根据`wasm4.GetGamePad1()`获得游戏按键状态，并有条件调整绘制颜色。最后`wasm4.Blit()`调用绘制一个笑脸精灵。
+
+进入hello目录编译和执行：
+
+```
+$ wa build -target=wasm4
+$ w4 run output/hello.wasm
+```
+
+![](/st0046-02.png)
+