看起來是壹個比較低調的團隊,網上的信息很少,主要集中在關偉和知乎。整體感覺年輕有活力,有壹種“編程”的極客範,比如下圖。
人人都是程序員:第壹次見到編程貓。
可愛的死人不想死。
官方網站
強烈的卡通風格相信會吸引主要觀眾——孩子。不過總體來說畫面質感還是有提升空間的(可以考慮天天消除這種風格)。
人人都是程序員:第壹次見到編程貓。
官網首頁
官網內容當然是以“編程教學”為核心,分為以下幾個板塊:
主頁
創作:進入編程貓的代碼世界(需要先登錄),這裏是我最喜歡的部分,下面我會詳細介紹。
代碼島:壹個類似於“我的世界”的頁面,但是沒有任何介紹,目前還沒有研究如何使用。
編程貓熱點:最新消息。
公開課:編程貓系統的常規操作也是我收獲最大的部分,下面詳細介紹。
精選作品、小說、部落、活動、近期作品: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++零基礎教程。歡迎各位感興趣的朋友。
學習理念:
人人都是程序員:第壹次見到編程貓。
學習材料: