zz

Author: chai2010

docs/public/st0091-01.jpg

@@ -0,0 +1,50 @@
+# 凹语言中文实现小画家
+
+- 时间：2025-11-01
+- 撰稿：凹语言开发组
+- 转载请注明原文链接：[https://wa-lang.org/smalltalk/st0091.html](https://wa-lang.org/smalltalk/st0091.html)
+
+---
+
+凹语言设计的目标之一是简单易用。但是对于新接触编程的儿童教学来说依然有一定的门槛。为此开发组在2024年春节期间尝试将面向创意编程的 [Processing](https://processing.org/) 理念引入凹语言，通过 `js/p5` 包可以轻松实现一些简单的互动创意设计。随着凹语言 v1.3.0 版本中文语法的正式发布，我们重新用中文来实现小画家程序。
+
+## 1. 凹语言英文版的小画家程序
+
+下面是当时一小学三年级小学生的第一个凹语言程序：
+
+![](/st0037-01.jpg)
+
+通过VS Code将以上的程序输入电脑，编译并执行的效果如下：
+
+![](/st0037-02.png)
+
+程序本身也非常简单：首先通过 `import` 引入 P5 包；然后在 `init` 初始化一个长宽都是400的画布并设置一个灰色背景色；`Draw` 函数负责每一帧的绘制，根据鼠标是否按下绘制不同大小的圆形。
+
+下面是杭州一小学二年级的小学生通过一个绘制线段的程序互动的效果：
+
+![](/st0037-03.png)
+
+目前 `js/p5` 包的功能还有限，我们会在小朋友学习的过程中逐步完善。希望未来每个中国的小学生都能通过我国的编程语言入门并进行日常开发。
+
+## 2. 凹语言中文版的小画家程序
+
+现在我们用凹语言中文版语法，通过中文编程实现小画家程序：
+
+![](/st0091-01.jpg)
+
+
+程序本身也非常简单：首先通过 `引入` 关键字引入“小画家”包（类似之前的p5包）；然后在名为 `准备` 的函数初始化一个长宽都是400的画布并设置一个灰色背景色；`画画` 函数负责每一帧的绘制，根据鼠标是否按下选择画点还是连线。
+
+执行的效果如下：
+
+![](/st0091-02.jpg)
+
+- 在线体验：[https://wa-lang.org/wa/p5-hello-wz/](https://wa-lang.org/wa/p5-hello-wz/)
+- 完整的代码：[https://gitcode.com/wa-lang/wa/tree/master/waroot/examples/p5-hello-wz](https://gitcode.com/wa-lang/wa/tree/master/waroot/examples/p5-hello-wz)
+
+
+## 3. 结语
+
+凹语言在2019年立项，立项之初有个“不做玩具车”的共识。到了2022年底凹语言开源半年之后，开发组使用凹语言做出了第一个贪吃蛇样例游戏后，凹语言已经初步超越玩具车的阶段。之后凹语言开发组一直在进行编程启蒙方向的探索，比如在2022年底开发贪吃蛇游戏时实验性支持了Arduino的开发，在2024年春节实现了类似p5js编程框架。在一年半之后我们正式发布了凹语言的中文版，同时为中文用于重新打造了类似p5js的中文编程框架，也就是“小画家”启蒙编程包。
+
+我们希望国内的孩子在编程启蒙阶段也能通过母语思维来进行数字化创作。凹语言中文版小画家不是终点，我们会一直在路上。