㈠ 锅氢竴钖岖▼搴忓憳链変粈涔堜笉涓轰汉鐭ョ殑濂藉勶纻
镐荤粨涓浜涘仛绋嫔簭锻樼殑濂藉勶纴涓庡箍澶х▼搴忓憳鍏卞媺锛屼篃缁欐兂浠庝簨鎴栨ｅ湪浠庝簨杩欎竴琛屼笟镄勫皬浼欎即浠浠ヤ俊蹇冦
姣忓ぉ閮芥槸鏂扮殑寮濮
寰埚皯链変竴涓琛屼笟鍙浠ュ儚绋嫔簭锻樿繖镙凤纴姣忓ぉ閮借兘瀛︿範鏂扮殑涓滆タ銆傛绘槸鍜屽悓浜嬭亰璧凤纴璇寸紪绋嫔お链夋剰镐濅简锛屾疮澶╁伐浣灭殑鍐呭瑰拰涓娄竴澶╅兘链変笉钖岋纴姣忓ぉ閮借兘鏁寸偣鏂扮帺镒忥纴镊宸卞嚟鍏磋叮瀛︽垨钥呭伐浣滈渶瑕佷笉寰椾笉瀛︺傝屼笖鐜板湪鏂扮殑缂栫▼璇瑷缁忓父鍦ㄨ鍙戞槑锛屾柊镄勭紪绋嬫妧链鍦ㄨ鍒涢狅纴鏂扮殑绉戞妧鍙堢粰浜嗙▼搴忓憳镞犻檺镄勮繘姝ョ┖闂达纴浠涔堟棤浜烘満锛岀墿镵旂绣锛3D镓揿嵃锛孷R锛孉R锛岃嚜锷ㄥ寲锛岀瓑绛夈"鏁伴庢祦浜虹墿锛岃缮鐪嬩粖链"銆
铡嗙粌鍑鸿跨洿锛屽潥阔т笉𨰾旂殑鍝佹牸
镟剧粡鎴戜互涓轰笌娲荤敓鐢熺殑锷ㄧ墿镓扑氦阆撴槸寰堟湁镒忔濈殑锛埚皬镞跺欐兂锅氱敓鐗╁﹀讹级锛屼絾鏄娌℃兂鍒颁笌涓𨱒夸竴鐪肩殑链哄櫒镓扑氦阆扑篃鏄鎸轰笉阌欍傛垜浠镄勭数鑴戞案杩滃繝璇氾纴姘歌繙楂樻晥锛屾案杩灭湡瀹烇纴璇翠竴鏄涓锛岀粷涓嶈撮浂锛埚洜涓虹数鑴戝彧璁ゅ缑0鍜1锛夈傚洜姝わ纴闀挎湡瀵圭潃锻呜悓鍙鐖变笉璇磋皫镄勭数鑴戯纴镐庝箞浼氢笉镓挞犲嚭钖屾牱锻呜悓锛屽ぉ鐪燂纴镞犻偑锛屾ｄ箟镄勬敾锘庣嫯锻锛熻佽存案涓嶈█寮幂殑鍝佹牸锛岄偅闱㈠圭粡甯稿け璐ョ殑绋嫔簭锛屼綘镶瀹氢细缁冨氨镄勚
闇姹傚ぇ浜庝緵缁欙纴涓嶆曞け涓
绋嫔簭锻樼殑甯傚満涓嶅规槗楗卞拰锛屽皬鍒伴摱琛岋纴澶у埌锲介槻閮锛岄兘椤昏佹湁绋嫔簭锻树换镵岋纴璐熻矗缃戦〉锛岃蒋浠讹纴绛夌瓑銆傝屼笖杩欎釜镞朵唬鍙浠ヨ存槸绋嫔簭锻樼殑showtime锛堚滃嚭椋庡ご涔嬫椂钬濓级锛岀幇鍦ㄧ殑鏅鸿兘浜у搧锛屽摢涓涓涓嶉渶瑕佸唴宓屼唬镰併傚湪钖勫浗锛岀▼搴忓憳镐绘槸姣旇缉瀹规槗镓惧伐浣滐纴钥屼笖鐩稿归珮钖銆傞櫎浜嗘ｅ纺宸ヤ綔锛岃缮鍙浠ラ夋嫨鎶链鍒涗笟锛屾垨钥呭仛锅氶”鐩锛屾帴镣圭佹椿锛岃禋浜涘栧揩銆
涓嶅规槗寰楄佸勾䦅村憜
瑕佽村ご鑴戠粡杩囩壒娈婅缁幂殑浜虹兢锛岀▼搴忓憳鍙浠ョ畻鍏朵腑涔嬩竴銆傝佺煡阆掳纴鐢ㄧ紪绋嬭瑷𨱒ュ疄鐜颁笢瑗匡纴镐濈淮镄勬ā寮忓拰涓鑸鏄涓崭竴镙风殑锛屽洜姝ょ紪绋嫔彲浠ュ紑钖鎴戜滑澶ц剳鍙︿竴閮ㄥ垎镄勬綔鑳姐傚彧瑕佺紪绋嫔﹀缑濂斤纴闾ｄ粈涔堢帺娓告垙锛屾瘆濡侱ota浠涔堢殑锛岄偅涓嶆槸淇℃坠𨰾堟潵锛屾牴链涓嶉渶瑕佸姩鐢ㄥ氩皯鑴戠粏鑳炪傝屼笖缁忚繃Vim锛孍macs杩欐牱镄勭紪杈戝櫒缁冩坠涔嫔悗锛屽逛簬蹇鎹烽敭鏋佷负镡熺粌锛屼綘璁╂垜鐜〥ota涔嬬被镄勯渶瑕佹坠阃熺殑娓告垙锛屽垎鍒嗛挓璁颁綇閲岄溃鑻遍泟镄勫揩鎹烽敭锛岃佹垜鍐岖敤榧犳爣镣规妧鑳斤纴绠鐩存槸涓嶈兘蹇嶃备细缂栫▼涔嫔悗锛屼綘浼氩彂鐜颁互鍓嶆湁浜涙瘆杈冮毦镄勪簨𨱍咃纴鐜板湪钬滃ぉ绌洪樻潵浜斾釜瀛楋纴閮戒笉鏄浜嫔効钬濄傛墍浠ワ纴绋嫔簭锻桦ぇ鑴戠粡甯稿缑鍒板厖鍒嗛敾镣硷纴鎭ｈ佸勾䦅村憜镄勬傜巼澶уぇ涓嬮檷銆傚綋铹朵简,"闱掑勾䦅村憜"杩樻槸链夊彲鑳界殑...
璁板繂锷涳纴鑻辫姘村钩锛屾墦瀛楅熷害锛岄兘链夋彁鍗
鐪嬩简N澶氱紪绋嬩功绫嶏纴浣犲ソ镒忔濊磋嚜宸辫板繂锷涙病鎻愬崌锛熺紪绋嬮噷缁忓父瑕佺敤鍒拌嫳璇璇嶆眹锛岃屼笖濂界殑缂栫▼璧勬枡閮芥槸鑻辫鍐欑殑锛屽洜姝ょ紪绋嫔彲浠ュ府鎴戜滑鎻愰珮鑻辫姘村钩銆傛墦瀛楅熷害锛岃嚜铹朵笉鐢ㄨ达纴浠ュ墠涓崭细鐩叉墦镄勬垜锛岀幇鍦ㄦ坠链轰笂杈揿叆鏂囧瓧閮介炲揩銆
澶氢竴椤圭敓娲绘妧鑳
璋佸剁数鑴戜笉琛屼简锛屾坠链猴纴骞虫澘鍑轰简闂棰桡纴缃戠粶杩炰笉涓婏纴链哄櫒涓崭细閰岖疆锛岀瓑绛夛纴杩树笉寰楁垒浣犮傚湪寮傚湴锛屼笉鏄闂棰桡纴杩灭▼鍗忓姪鍟娿傚綋浠栦滑鐢ㄢ沧暚浠颁箣𨱍呭傛粩婊旀睙姘磋繛缁典笉缁浓濈殑鐪肩45搴︿话瑙嗕綘镄勬椂鍊欙纴鏄涓嶆槸瑙夊缑锅氱▼搴忓憳鐪熺殑镞犻檺缇庡ソ锻锛
涓扑竴锛屼笉鑳℃潵锛屾湁钥愬绩
锲犱负闀挎湡闱㈠圭数鑴戯纴锘瑰吇浜嗕笓涓锛屽崟绾镄勫搧镙硷纴姣忓ぉ澶勭悊闾ｄ箞澶氱▼搴忥纴镓鹃偅涔埚歜ug锛岃愬绩涔熸槸澶熷熺殑銆傚寳澶ч潚楦熻や负绋嫔簭锻樿缉灏戜细鑺卞绩涔辨潵锛屾瘯绔熷啓涓澶╃▼搴忥纴鍒颁简瀹堕噷锛屾渶瀹濊礉镄勫氨鏄鍙︿竴鍗婂暒銆
㈡ 有人了解编程猫吗
产品宣传
看来是比较低调的一个团队，网上的信息不多，主要集中在官微和知乎。整体感觉年轻活力，很有“编程”的极客范，比如下图这样的。
人人都是程序员：初识《编程猫》
萌死人不偿命
官网
浓浓的卡通风，相信比较吸引主要受众——小朋友。不过整体来说，画面质感还有提升空间（可以考虑天天爱消除这种风格）。
人人都是程序员：初识《编程猫》
官网首页
官网内容当然是以“编程教学”为核心，分为以下板块：
首页
创作：进入编程猫的代码世界（需先登录），这里是我最喜欢的一部分，下文再具体介绍。
代码岛：类似于“我的世界”的一个页面，但是没有任何介绍，目前没去研究如何使用。
编程猫热点：即最近的新闻。
公开课：编程猫系统使用的常规操作，也是我收获最大的一部分，下文具体介绍。
精选作品、小说、部落、活动、最近作品：UGC内容的推荐。
人人都是程序员：初识《编程猫》
官网小说推荐.png
创作：同上
发现：主要是作品（用户发布的编程作品）和部落（即编程社区）。
网络：问题讨论、官方角色资料，还包括漫画和小说。
素材：这里提供了一些可以用到编程中的素材，比如背景、角色、道具等。
学校：与学校合作的一些介绍与接入。
下载：相关APP以及chrome的下载（系统运行需要chrome内核）
个人中心：用户的主页与信息，还包括代码、小说等作品的管理。
一个建议
编程猫官网应该归类到内容（代码/小说/漫画）+学习社区，那么主要用户就是两类：
创作者：主要需求是通过平台创造内容，提升自己、收获粉丝。偶尔需要学习知识，以及收集素材。
消费者：主要需求是消费这些内容（小游戏/小说/漫画）。偶尔需要泡社区、与创作者互动。
当然，对于真实用户，是完全可以在两种角色之间切换的。
基于以上两点，再次整理如下：
“发现”中的“作品”是给消费者的（发现好作品），而“部落”又是给创作者的（发现好社区）。
“网络”中的“讨论中心”是给创作者的（提问/答问），而“漫画/图书馆”又是给消费者的（看漫画/小说）。
“素材”是给创作者，“学校”是面向学校，这些都比较清晰。
所以不妨基于两类用户的特点，对板块进行重新划分。
面向消费者：主栏目是“发现作品”，下设子栏目：游戏、漫画、小说，每个栏目可以加上“我要创作”，来引导其成为创作者。
面向创作者：主栏目是“源码社区”，下设子栏目：热门源码、讨论、部落、素材。
（PS：网络中的“资料图鉴”目前还未了解，暂不讨论。）
公开课
这部分是我“入门”编程猫的关键，17个短视频，看完你也能轻松学会在编程猫“写代码”。
人人都是程序员：初识《编程猫》
编程主界面
每个视频也是一个小故事，比如《编程猫初见阿短》，“编程猫”就告诉“阿短”如何在屏幕内移动（设置“碰到边缘即反弹”）
下面贴出我印象比较深的几点：
1、初见阿短
动作—移到鼠标指针：角色跟随鼠标移动
动作—面向鼠标：使角色面向鼠标方向
动作—碰到边缘就反弹：使角色不再会走到屏幕之外
2、重复执行
控制—重复执行：使角色不断重复执行某个动作
3、坐标
动作—移动到（X,Y）：可以改变角色的坐标
4、广播
很有意思的功能，可以理解为传参，或者全局变量，可以让一个角色的动作对另一个角色造成影响。
比如示例中通过点击“礼帽”触发动作“广播：1”。然后对“动物”设置动作当收到“广播：1”时，将自己设为可见。实现的是玩家点击礼帽“变”出动物的效果。
位置在：”事件—当收到广播/收到广播时“。
5、如果
这里演示了经典的if-else的写法。整个函数在一个循环体“重复执行”中。
游戏很像前几年流行的Flip Bird（哈哈当年我玩到过200多分）,玩家按下鼠标时，角色往上跳一下，然后慢慢下落。
那么角色就包括3个动作，对应if的三个情况：
飞行/下落：鼠标按下时移动12px，否则向下移动3px
碰到障碍物：游戏结束，停止脚本
碰到南瓜怪：闯关成功，退出循环
人人都是程序员：初识《编程猫》
经典的If-else
6、外观
基本是结合之前几课，实现了“人物进入飞船、飞船飞走”的动作。
拆解如下：灯光在1秒内亮起，并发送广播”进舱“——人物接收到”进舱“，在1秒内隐藏，并发送广播”出发“——飞碟收到广播”出发“后闪灯、变小、改变坐标值
人人都是程序员：初识《编程猫》
Paste_Image.png
Tips：图层顺序是右侧覆盖左侧
7、声音
为角色添加造型与声音（三头龙的5个造型对应着5种不同的血量）
添加声音很简单，这里一个新方法是：两个角色之间的信息交互是用另一个的造型编号触发，而没有用“广播”。
人人都是程序员：初识《编程猫》
三头龙与胜利动画
人人都是程序员：初识《编程猫》
利用角色编号来传递信息
8、画笔
这里提供了一个简单的画笔工具，可以直接将屏幕变为一个画板。
代码不复杂，重点是起笔/落笔的设置，如下
人人都是程序员：初识《编程猫》
画笔设置
9、变量
本章稍微复杂，需要实现的效果是：鲤鱼在河道不断左右运动，玩家点击后消失，并计分+1。
鲤鱼的运动，可以这样写（注意碰到边缘反弹，是可以设置旋转模式的）：
人人都是程序员：初识《编程猫》
呆鲤鱼的运动
得分的计算，可以这样写（初始设置为0，每次点中呆鲤鱼+1）：
人人都是程序员：初识《编程猫》
得分计算
最后这里有一个链表。它设定了游戏时间只有6秒钟，根据玩家得分数来返回一个“击败80%玩家”的信息。当然也是用于结束游戏（脚本）的计时器。
人人都是程序员：初识《编程猫》
结束脚本与返回结果
10、克隆
这一part，需要的效果是：在一个固定高度，每秒在水平任意位置出现一个飞镖，并依此落下。使用的方法是“克隆”，代码的解析如下。
设置角色“飞镖”，将其隐藏，
每秒创建一个自己的克隆体，克隆体移动到Y=500，X=随机的位置
作为克隆体启动时，不断下落、旋转
Tips：注意最后加上“如果碰到下边缘就删除自己”，相当于释放内存，不然浏览器会悲剧。
人人都是程序员：初识《编程猫》
飞镖的运动
练习作品
目前我在上面做了一个飞机大战，踩了几个坑，不过也算是完成了。已实现的需求：
玩家键盘控制飞机的移动、发射子弹；
敌方飞机随机从上空出现；
击落敌机，得分+1；
被敌机撞到，生命值-1，获得3秒无敌状态回屏幕中央；
生命值将为0，游戏结束。
人人都是程序员：初识《编程猫》
飞机大战
一些思考
图形化界面，很容易上手。但是完成这个小作品也是非常有成就感（像程序员一样创造世界）。
代码思维：比如“面向对象”的思维（将飞机、子弹、场景都视为对象），比如“清理内存”思维（克隆体一定要有删除机制），相信这些对小朋友的思维也很有启发作用。
遇到困难的时候，我是回到公开课去看的，因为“网络”和社区（包括我加入了QQ群）能了解到的信息不多，就像FCC推崇的“Read-Search-Ask“，这部分的内容其实也有待完善。
比如作为新手，我需要的信息包括：编程界面各个功能的使用说明，常见场景（Read）；能搜到一些常见错误的解答（Search）；可以学习和讨论其他人的优秀作品（Ask）。这三点做好以后，相信能吸引更多人在这里创作。
其实做为一个开发者，有一个学习的氛围跟一个交流圈子特别重要这里我要推荐c++交流群：“648778840”，不管你是小白还是大牛欢迎入住，大家一起交流成长。小编会在群中不定期分享干货源码，包括我精心整理的一份c++零基础教程。欢迎各位感兴趣的的小伙伴。
学习思路：
人人都是程序员：初识《编程猫》
学习资料：