『壹』 有人了解編程貓嗎
產品宣傳
看來是比較低調的一個團隊,網上的信息不多,主要集中在官微和知乎。整體感覺年輕活力,很有「編程」的極客范,比如下圖這樣的。
人人都是程序員:初識《編程貓》
萌死人不償命
官網
濃濃的卡通風,相信比較吸引主要受眾——小朋友。不過整體來說,畫面質感還有提升空間(可以考慮天天愛消除這種風格)。
人人都是程序員:初識《編程貓》
官網首頁
官網內容當然是以「編程教學」為核心,分為以下板塊:
首頁
創作:進入編程貓的代碼世界(需先登錄),這里是我最喜歡的一部分,下文再具體介紹。
代碼島:類似於「我的世界」的一個頁面,但是沒有任何介紹,目前沒去研究如何使用。
編程貓熱點:即最近的新聞。
公開課:編程貓系統使用的常規操作,也是我收獲最大的一部分,下文具體介紹。
精選作品、小說、部落、活動、最近作品: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++零基礎教程。歡迎各位感興趣的的小夥伴。
學習思路:
人人都是程序員:初識《編程貓》
學習資料:
『貳』 點個貓怎麼左右移動
用滑鼠就可以操作了
進入游戲,只需要用滑鼠將貓咪長按,然後就可以將它擺在任意一個位置啦,點個貓,原名編程貓,是一款既可以玩玩小游戲也可以輕輕鬆鬆學一些簡單的游戲編程的學習軟體。在點個貓app里有上百節免費編程課,0基礎也能輕松學編程,跟著課程學習只要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、點運行。
『肆』 編程貓中如何將多個積木整體進行旋轉
對積木進行編輯,拼接,然後再用畫筆繪制。
運行編程貓APP,新建作品,進入創作界面。點添加角色。在角色庫的角色類,點選編程貓跳跳,點右上角添加。點積木編輯圖標切換到積木編輯區。把事件積木盒中的當開始被點擊拉到編輯區。把外觀積木盒中的隱藏拉到當開始被點擊下方,自動拼接起來。讓編程貓跳跳隱藏起來。把畫筆積木盒中的設置畫筆顏色拉到隱藏下方,自動拼接起來。把畫筆積木盒中的設置畫筆粗細拉到設置畫筆顏色下方,自動拼接起。把數字修改為10。把畫筆積木盒中的落筆拉到設置畫筆粗細下方,自動拼接起來。准備畫正方形了。把控制積木盒中的重復執行20次拉到落筆下方,自動拼接起來。把數字修改為4。因為正方形有4條邊。把動作積木盒中的移動10步拉到重復執行4次的框中,自動拼接起來。把數字修改為200。設置正方形的邊長。把動作積木盒中的旋轉30度拉到移動200步下方,自動拼接起來。把數字修改為90。設置正方形的四角度數。把控制積木盒中的重復執行20次拉到落筆下方,自動拼接起來。把數字修改為12。畫12個正方形。把動作積木盒中的旋轉30度拉到重復執行12次框中,自動拼接起來。先旋轉30度,然後畫出一個正方形,重復12次。點運行。可以看到漂亮的旋轉正方形疊加圖案畫出來啦。通過修改參數,比如改為重復執行24次和旋轉15度。可以畫出更復雜漂亮的圖案。
『伍』 怎麼化編程貓
1.打開編程貓軟體,首先我們需要在素材庫中搜索你畫我猜,搜索到結果之後點擊右下角的採集,將背景加入到我們的背景庫中,這時候我們就可以使用這個背景了。
2.然後點擊屏幕右下角的鉛筆圖標,開始繪制一個新角色,使用圖中所示的基本圖形,正方形和三角形,畫出畫筆的輪廓,然後改變填充顏色,最後使用直線畫上幾條線,畫筆就製作完成了。點擊保存。
3.然後開始設置畫筆的大小和方向,自定義它的大小,然後最好將畫筆調節成斜斜的方向。可以直接在界面上拖動畫筆周圍的邊框來調節大小和方向,也可以使用屏幕下方的工具欄,直接輸入大小和方向。
4.給畫筆設置中心位置,點擊畫筆角色左上角的設置按鈕,然後在彈出的界面上,選擇編輯按鈕,這里可以更改畫筆的基本設置。將畫筆中心點設置在筆尖上,這樣畫出的圖像就在筆尖處顯示。
5.設置畫筆的程序,設置畫筆顏色,粗細,以及畫筆重復執行當滑鼠按下時跟著滑鼠位置移動,落筆,抬筆的設置。
6.點擊開始運行程序,使用我們的滑鼠控制畫筆畫畫,如果這時候畫出一點別人就猜中了,我們可以按下空格鍵,清空畫板,接著畫下一個繼續游戲。