Ⅰ 有人了解編程貓嗎
產品宣傳
看來是比較低調的一個團隊,網上的信息不多,主要集中在官微和知乎。整體感覺年輕活力,很有「編程」的極客范,比如下圖這樣的。
人人都是程序員:初識《編程貓》
萌死人不償命
官網
濃濃的卡通風,相信比較吸引主要受眾——小朋友。不過整體來說,畫面質感還有提升空間(可以考慮天天愛消除這種風格)。
人人都是程序員:初識《編程貓》
官網首頁
官網內容當然是以「編程教學」為核心,分為以下板塊:
首頁
創作:進入編程貓的代碼世界(需先登錄),這里是我最喜歡的一部分,下文再具體介紹。
代碼島:類似於「我的世界」的一個頁面,但是沒有任何介紹,目前沒去研究如何使用。
編程貓熱點:即最近的新聞。
公開課:編程貓系統使用的常規操作,也是我收獲最大的一部分,下文具體介紹。
精選作品、小說、部落、活動、最近作品: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++零基礎教程。歡迎各位感興趣的的小夥伴。
學習思路:
人人都是程序員:初識《編程貓》
學習資料:
Ⅱ 編程貓怎麼控制角色走動並掉頭
1、首先選中編程貓。
2、其次在編程貓編輯器中選擇隨機移動的代碼積木。
3、最後等待片刻即可。
Ⅲ 編程貓怎麼控制角色走動並掉頭不會翻轉
編程貓怎麼控制角色走動並掉頭不會翻轉的方法如下:
1、運行編程貓APP,打開作品,進入創作界面。
2、切換到積木編輯區,可以看到已經添加了事件積喝溝木"當開始被點擊"。
3、把敏瞧肺動作積木盒中的積木"移動10步"拉到編輯區,放到積木"當開始被點擊"下盲駝方,自動拼接起來。
4、把步數修改為100。
5、添加動作積木盒中的積木"移到x0y0",並將x和y的值修改為100,100。
6、添加動作積木盒中的積木:"設置x為0","設置y為0","x增加100",把x值改為-100,"y增加100",把y值改為-100,"設置x為0","設置y為0"。
7、為了看清編程貓跳跳的移動,添加控制積木盒中的"等待1秒"到"當開始被點擊"和"移動100步"之間。
8、點運行。
Ⅳ mind+編程軟體怎麼設置角色中心點
在造型裡面編輯。
mind+編程軟體設置角色中心點,需要在造型裡面編輯,然後按全屏,點一下一個像十字架的東西就可以了。
Ⅳ 怎麼化編程貓
1.打開編程貓軟體,首先我們需要在素材庫中搜索你畫我猜,搜索到結果之後點擊右下角的採集,將背景加入到我們的背景庫中,這時候我們就可以使用這個背景了。
2.然後點擊屏幕右下角的鉛筆圖標,開始繪制一個新角色,使用圖中所示的基本圖形,正方形和三角形,畫出畫筆的輪廓,然後改變填充顏色,最後使用直線畫上幾條線,畫筆就製作完成了。點擊保存。
3.然後開始設置畫筆的大小和方向,自定義它的大小,然後最好將畫筆調節成斜斜的方向。可以直接在界面上拖動畫筆周圍的邊框來調節大小和方向,也可以使用屏幕下方的工具欄,直接輸入大小和方向。
4.給畫筆設置中心位置,點擊畫筆角色左上角的設置按鈕,然後在彈出的界面上,選擇編輯按鈕,這里可以更改畫筆的基本設置。將畫筆中心點設置在筆尖上,這樣畫出的圖像就在筆尖處顯示。
5.設置畫筆的程序,設置畫筆顏色,粗細,以及畫筆重復執行當滑鼠按下時跟著滑鼠位置移動,落筆,抬筆的設置。
6.點擊開始運行程序,使用我們的滑鼠控制畫筆畫畫,如果這時候畫出一點別人就猜中了,我們可以按下空格鍵,清空畫板,接著畫下一個繼續游戲。
Ⅵ 編程貓怎麼跳到第二個屏幕
方法如下:
1.運行編程貓APP,新建作品,進入創作界面。
2.設置背景圖片,添加角色"編程貓跳跳"。
3.添加屏幕2,然後設置背景2圖片,添加角色"阿短"。
4.點左邊"積木編輯"圖標,切換到積木編輯區。
5.點左邊的"角色選擇'圖標,點"1"選擇"屏幕1",點"背景"。
6.給"背景"增加以下積木代碼:
事件積木盒的"當",偵測積木盒的"手指按下"改為"手指點擊",事件積木盒的"切換屏幕1"改為"切換屏幕下一屏"。
7.切換到"編程貓跳跳",增加以下積木代碼,然後復制這組積木。
8.點左邊的"角色選擇'圖標,點"2"選擇"屏幕2",點"背景2"。
9.給"背景2"增加以下積木代碼。
10.切換到"阿短",粘貼從"編程貓跳跳"復制的積木組。
11.點運行。
首先看到的是場景1,編程貓跳跳在草地上跳躍。
點背景,就會切換到場景2,阿短在街道上快樂地晃動。
點背景,就又切換回到場景1。