有人懂编程猫吗?

产品推广

看起来是一个比较低调的团队,网上的信息很少,主要集中在关伟和知乎。整体感觉年轻有活力,有一种“编程”的极客范,比如下图。

人人都是程序员:第一次见到编程猫。

可爱的死人不想死。

官方网站

强烈的卡通风格相信会吸引主要观众——孩子。不过总体来说画面质感还是有提升空间的(可以考虑天天消除这种风格)。

人人都是程序员:第一次见到编程猫。

官网首页

官网内容当然是以“编程教学”为核心,分为以下几个板块:

主页

创作:进入编程猫的代码世界(需要先登录),这里是我最喜欢的部分,下面我会详细介绍。

代码岛:一个类似于“我的世界”的页面,但是没有任何介绍,目前还没有研究如何使用。

编程猫热点:最新消息。

公开课:编程猫系统的常规操作也是我收获最大的部分,下面详细介绍。

精选作品、小说、部落、活动、近期作品:UGC内容推荐。

人人都是程序员:第一次见到编程猫。

官网的小说推荐。png

创作:同上

发现:主要是作品(用户发布的编程作品)和部落(编程社区)。

百科:问题讨论,官方人物信息,还有漫画和小说。

素材:下面是一些可以在编程中用到的素材,比如背景、人物、道具等。

学校:一些介绍和与学校合作的途径。

下载:下载相关app和chrome(系统运行需要chrome内核)。

个人中心:用户的主页和信息,包括对代码、小说等作品的管理。

一个建议

编程猫官网应该归类为内容(代码/小说/漫画)+学习社区,所以主要用户是两类:

创作者:主要需求是通过平台创作内容,提升自己,收获粉丝。偶尔需要学习知识,收集资料。

消费者:主要需求是消费这些内容(游戏/小说/漫画)。偶尔,你需要融入社区,与创作者互动。

当然,对于真实用户来说,完全可以在两种角色之间进行切换。

基于以上两点,再次安排如下:

“发现”中的“作品”是给消费者的(发现好的作品),而“部落”是给创作者的(发现好的社区)。

百科中的“讨论中心”是给创作者的(问题/答案),而“漫画/图书馆”是给消费者的(看漫画/小说)。

“素材”是给创作者的,“学校”是给学校的,这是比较明确的。

因此,根据这两类用户的特点,可以重新划分板块。

消费导向:主栏目为“发现作品”,下设子栏目:游戏、漫画、小说。每个专栏都可以加上“我要创作”,引导他们成为创作者。

对于创作者:主栏目为“源码社区”,子栏目为:热门源码、讨论、部落、素材。

(PS:百科中的“资料本”还没看懂,暂时不讨论。)

开口组

这部分是我“入门”编程猫的关键。看完17短视频,你可以轻松学会在编程猫里“写代码”。

人人都是程序员:第一次见到编程猫。

编程主界面

每个视频也是一个小故事。比如,编程猫先看到阿矮,编程猫在屏幕里告诉阿矮怎么移动(设置“触边反弹”)。

以下几点让我印象深刻:

1,一见钟情的段

动作—移动到鼠标指针:角色随鼠标移动。

动作-面对鼠标:让角色面对鼠标。

动作——触边反弹:让角色再也不出屏幕。

2、重复执行

控制-重复:让角色重复执行一个动作。

3.协调

动作—移动到(X,Y):可以更改角色的坐标。

4.广播

有趣的函数,可以理解为传递参数,或者全局变量,可以让一个角色的动作影响到另一个角色。

例如,动作“广播:1”是通过点击示例中的“礼帽”来触发的。然后为“动物”设定动作。收到“广播:1”时,将自己设置为可见。实现的是玩家点击大礼帽来“改变”动物。

位置是:“事件-当接收到广播时”。

5.如果

下面是if-else的经典写法的演示。整个函数在一个循环体中重复执行。

游戏很像前几年流行的空翻鸟(哈哈,那年我打了200多分)。当玩家按下鼠标时,角色会跳起来,然后慢慢落下。

那么角色包括三个动作,对应于if的三种情况:

飞/落:鼠标按下时移动12px,否则向下移动3px。

遇到障碍:游戏结束,停止脚本。

遭遇南瓜怪:成功突破关卡,退出循环。

人人都是程序员:第一次见到编程猫。

经典If-else

6.出现

基本上结合前面的课,实现了“人物进入飞船,飞船飞走”的动作。

拆解如下:1秒灯亮,发广播“进舱”——人收到“进舱”,1秒隐藏,发广播“开始”——飞碟收到广播后灯闪,变小,改变坐标值。

人人都是程序员:第一次见到编程猫。

粘贴_图像. png

温馨提示:图层的顺序是右侧覆盖左侧。

7.声音

给角色添加形状和声音(三首恶龙的五个形状对应五种不同的血量)。

添加声音非常简单。这里的一个新方法是,两个角色之间的信息交互是由对方的形数触发的,而不是“广播”。

人人都是程序员:第一次见到编程猫。

三首恶龙和胜利动画

人人都是程序员:第一次见到编程猫。

使用角色号来传达信息

8.刷

这里有一个简单的笔刷工具,可以直接把屏幕变成画板。

代码并不复杂,但关键是开始/落笔的设置,如下

人人都是程序员:第一次见到编程猫。

笔刷设置

9、变量

这一章有点复杂,要达到的效果是鲤鱼在河中不停的左右移动,玩家点击后消失,得分+1。

鲤鱼的动作可以这样写(注意可以设置它弹到边缘时的旋转模式):

人人都是程序员:第一次见到编程猫。

愚蠢的鲤鱼的运动

分数的计算可以这样写(初始设置为0,每次点击鲤鱼+1):

人人都是程序员:第一次见到编程猫。

分数计算

最后,这里是一个链表。它将游戏时间设置为仅6秒,并根据玩家分数返回“击败80%玩家”的消息。当然,它也是一个结束游戏的计时器(脚本)。

人人都是程序员:第一次见到编程猫。

结束脚本并返回结果

10,克隆

这部分需要的效果是,在固定的高度,每秒钟在任意水平位置出现一个飞镖,并相应落下。使用的方法是“克隆”,代码分析如下。

设置角色“飞镖”并隐藏它。

每秒创建一个自己的克隆体,克隆体移动到Y=500,X=随机位置。

当作为克隆体开始时,它不断下落和旋转。

温馨提示:注意在末尾加上“碰下沿就删自己”相当于释放内存,否则浏览器会很悲剧。

人人都是程序员:第一次见到编程猫。

飞镖运动

锻炼工作

目前我在上面打了一架,踩了几个坑,不过也就完事了。实现的要求:

玩家的键盘控制飞机的移动,发射子弹;

敌机从上空随机出现;

击落敌机,得分+1;

被敌机击中,生命值-1,获得无敌状态3秒,回到画面中央;

生命值将为0,游戏结束。

人人都是程序员:第一次见到编程猫。

飞机战争

一些想法

图形界面,易于使用。但是完成这个小作品也很有成就感(像程序员一样创造世界)。

代码思维:如“面向对象”思维(以飞机、子弹、场景为对象),如“清除记忆”思维(克隆体必须有删除机制),相信这些对孩子的思维也很有启发。

有困难的时候我就回公开课看了,因为“百科”和社区(包括我加入的QQ群)了解的信息不多,就像FCC提倡的“阅读-搜索-提问”,这部分内容其实还有待完善。

比如作为新手,我需要的资料包括:编程接口各种功能的使用说明,以及常见场景(已读);可以搜索一些常见错误的答案(搜索);可以学习讨论别人的优秀作品(请教)。这三点做到了,相信会吸引更多的人来这里创作。

其实作为开发者,有一个学习的氛围和交流的圈子尤为重要。这里我要推荐一下c++交流群:“648778840”。不管你是小白还是丹尼尔,欢迎留下来。让我们一起交流,一起成长。边肖会不定期在群里分享干货源代码,包括我精心整理的一个c++零基础教程。欢迎各位感兴趣的朋友。

学习理念:

人人都是程序员:第一次见到编程猫。

学习材料: