㈠ 鍋氫竴鍚嶇▼搴忓憳鏈変粈涔堜笉涓轟漢鐭ョ殑濂藉勶紵
鎬葷粨涓浜涘仛紼嬪簭鍛樼殑濂藉勶紝涓庡箍澶х▼搴忓憳鍏卞媺錛屼篃緇欐兂浠庝簨鎴栨ｅ湪浠庝簨榪欎竴琛屼笟鐨勫皬浼欎即浠浠ヤ俊蹇冦
姣忓ぉ閮芥槸鏂扮殑寮濮
寰堝皯鏈変竴涓琛屼笟鍙浠ュ儚紼嬪簭鍛樿繖鏍鳳紝姣忓ぉ閮借兘瀛︿範鏂扮殑涓滆タ銆傛繪槸鍜屽悓浜嬭亰璧鳳紝璇寸紪紼嬪お鏈夋剰鎬濅簡錛屾瘡澶╁伐浣滅殑鍐呭瑰拰涓婁竴澶╅兘鏈変笉鍚岋紝姣忓ぉ閮借兘鏁寸偣鏂扮帺鎰忥紝鑷宸卞嚟鍏磋叮瀛︽垨鑰呭伐浣滈渶瑕佷笉寰椾笉瀛︺傝屼笖鐜板湪鏂扮殑緙栫▼璇璦緇忓父鍦ㄨ鍙戞槑錛屾柊鐨勭紪紼嬫妧鏈鍦ㄨ鍒涢狅紝鏂扮殑縐戞妧鍙堢粰浜嗙▼搴忓憳鏃犻檺鐨勮繘姝ョ┖闂達紝浠涔堟棤浜烘満錛岀墿鑱旂綉錛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++零基礎教程。歡迎各位感興趣的的小夥伴。
學習思路：
人人都是程序員：初識《編程貓》
學習資料：