Python版的cocos2d库一个2D游戏开发GUI框架的入门详解

　　1 说明：
　　=====
　　1.1 cocos2d是一个基于MIT协议的开源框架，用于构建游戏、应用程序和其他图形界面交互应用。
　　1.2 不逊色于pygame，但是其实Python版的cocos2d库是基于pygame和pyglet的，也就是集大成者。
　　1.3 中文教程少的可怜，所以写一个入门教程，把坑填了，亲测过，注释里有讲解。
　　1.4 A 2D framework for games and multimedia===一个游戏和多媒体的2D框架。
　　1.5 环境：
　　华为笔记本电脑、深度deepin-linux操作系统、python3.8和微软vscode编辑器。
　　2 安装：
　　=====pip install cocos2d #本机安装 #sudo pip3.8 install cocos2d  #太慢了 #sudo pip3.8 install -i https://mirrors.aliyun.com/pypi/simple cocos2d  #超快，推荐国内源安装
　　3 官网：
　　=====https://github.com/los-cocos/cocos https://pypi.org/project/cocos2d/ http://python.cocos2d.org/doc/programming_guide/quickstart.html
　　4 Helloworld.py：
　　===========
　　4.1 说明：很简单，但很重要；解决中文字体问题、解决窗口大小和名称问题。
　　4.2 代码：#注意导出模块是cocos，不是cocos2 #但是安装是pip install cocos2d import cocos  class HelloWorld(cocos.layer.Layer):     def __init__(self):         super(HelloWorld, self).__init__()         label = cocos.text.Label(             #＂Hello World!＂,             ＂你好，世界！＂,             #font_name=＂Times New Roman＂, #本身不支持中文，改为下面             font_name=＂微软雅黑＂,  #微软雅黑是支持中文的字体             font_size=32,             anchor_x=＂center＂, anchor_y=＂center＂)         #label.position = 320, 240  #默认窗口大小的一半，就是中心位置         # 获得主窗口的宽度和高度，是一个二元组         width, height = cocos.director.director.get_window_size()         # 设置标签的位置         label.position = width // 2, height // 2  #    //整数除法 去掉小数部分         self.add(label)  if __name__ == ＂__main__＂:     #cocos.director.director.init() #默认窗口大小     #cocos.director.director.init(width=640,height=480,caption=＂hello world＂)       #自定义窗口大小和标题     cocos.director.director.init(width=1200,height=800,caption=＂你好，世界！＂)  #本身就是支持中文     hello_layer = HelloWorld()     main_scene = cocos.scene.Scene(hello_layer)     cocos.director.director.run(main_scene)
　　4.3 效果图：
　　4.4 定义main函数问题，采用默认设置，代码如下：import cocos class HelloWorld(cocos.layer.Layer):     def __init__(self):         super(HelloWorld, self).__init__()         label = cocos.text.Label(             ＂Hello, world＂,             font_name=＂Times New Roman＂,             font_size=32,             anchor_x=＂center＂, anchor_y=＂center＂)         label.position = 320, 240         self.add(label) #定义main函数问题 def main():     cocos.director.director.init()     hello_layer = HelloWorld()     main_scene = cocos.scene.Scene (hello_layer)     cocos.director.director.run(main_scene)  if __name__ == ＂__main__＂:     main()
　　5 图片显示和音乐播放：
　　=================
　　5.1 说明：对图片格式进行测试和播放音乐格式进行测试，注释里有。
　　5.2 代码一：import cocos #下面2个模块必须导出 from cocos.scenes.transitions import * from cocos.audio.pygame import music #背景层 class Game_BG(cocos.layer.Layer):     def __init__(self):         super(Game_BG,self).__init__()         d_width, d_height = cocos.director.director.get_window_size()         # 创建背景精灵,图片格式，images文件夹与本代码在同一个目录下         #background = cocos.sprite.Sprite(＂images/bg.jpg＂)         #background = cocos.sprite.Sprite(＂images/help-up.png＂)          #background = cocos.sprite.Sprite(＂images/2.jpeg＂)         background = cocos.sprite.Sprite(＂images/1.ico＂)         #background = cocos.sprite.Sprite(＂images/fruit.svg＂)  #报错         #background = cocos.sprite.Sprite(＂images/yytd.gif＂)   #报错         background.position = d_width // 2, d_height // 2         self.add(background)   if __name__==＂__main__＂:     #指定背景音乐后台 sdl，很重要！！否则背景音乐不能播放     cocos.director.director.init(width=640,height=480,caption=＂picture&music＂,audio_backend=＂sdl＂)     bg=Game_BG()     main_scence=cocos.scene.Scene(bg)     #播放背景音乐     #music.load(＂sound/sn.mp3＂.encode())#报错，还有指定路径，这与图片默认路径不一样      music.load(＂/home/xgj/Desktop/Cocos2d/coex/sound/sn.mp3＂.encode())     music.play(loops=-1)  #播放 循环次数     music.set_volume(1)#声音大小     cocos.director.director.run(main_scence)
　　5.2 代码二：高级一些，文字label和图片sprite缩放和旋转，加上背景音乐。import cocos from cocos.actions import *  class Hello_world(cocos.layer.ColorLayer):     def __init__(self):         #设置背景属性         super(Hello_world, self).__init__(64,64,224,255)         #设置标签属性         label = cocos.text.Label(＂hello world＂,         font_name = ＂Times New Roman＂,font_size = 32,         anchor_x = ＂center＂,anchor_y = ＂center＂)         #设置标签位置         label.position = 600,200  #建议窗口大小的一半，是居中         #添加标签到层          self.add(label)         #创建精灵，并配置精灵属性，图片的文件夹images与代码在同一个目录下         man_sprite = cocos.sprite.Sprite(＂images/bg.jpeg＂)         man_sprite.position = 600,500         #设置精灵显示大小         man_sprite.scale =0.8         #添加精灵到层中         self.add(man_sprite,z = 1,name=＂man＂)         #使用动作方法函数，在3秒钟里缩放3次         scale = ScaleBy(3,duration=3)         #标签重复以上动作+旋转         label.do(Repeat(scale+Reverse(scale)))         #精灵重复 旋转+缩放动作         man_sprite.do(Repeat(Reverse(scale)+scale))  #cocos.director.director.init()  #默认的 #---add，加背景音乐的设置如下--- cocos.director.director.init(width=1200,height=800,audio_backend=＂sdl＂) from cocos.scenes.transitions import *  #包在此处导入，是便于学习 from cocos.audio.pygame import music  #一般包是放在第一步 music.load(＂/home/xgj/Desktop/Cocos2d/coex/sound/sn.mp3＂.encode()) #背景音乐文件需要指定路径，区别 music.play(loops=-1)  #播放 循环次数 music.set_volume(1)#声音大小 #---add，加背景音乐如上--- main_layer = Hello_world() #该图层在10秒钟内旋转360度 main_layer.do(RotateBy(360,duration=10)) main_scene = cocos.scene.Scene(main_layer) cocos.director.director.run(main_scene)
　　5.3 效果图：
　　6 按钮放大和缩小，播放wav文件：
　　6.1 代码：import cocos from cocos.scenes.transitions import * #播放音乐包一 from cocos.audio.pygame import music  #播放音乐包二 from cocos.audio.effect import Effect  #背景层 class Game_BG(cocos.layer.Layer):     def __init__(self):         super(Game_BG,self).__init__()         d_width, d_height = cocos.director.director.get_window_size()         # 创建背景精灵         background = cocos.sprite.Sprite(＂images/bg.jpeg＂)         background.position = d_width // 2, d_height // 2         self.add(background)  #自定义菜单类 class main_menu(cocos.menu.Menu):     def __init__(self):         super(main_menu, self).__init__()         # 也可以改变图片项的大小         # 改变字体         self.font_item[＂font_size＂] = 66         # 选中时         self.font_item_selected[＂font_size＂] = 66         #改变颜色 rgba         self.font_item[＂color＂] = (255,255,255,25)         # 选中时         self.font_item_selected[＂color＂] = (215,255,255,255)           menu_start=cocos.menu.ImageMenuItem(＂images/start-up.png＂,self.menu_start_callback)         menu_setting= cocos.menu.ImageMenuItem(＂images/setting-up.png＂, self.menu_setting_callback)         help_setting = cocos.menu.ImageMenuItem(＂images/help-up.png＂, self.menu_help_callback)         #创建菜单（添加项的列表，自定义布局位置）         self.create_menu([menu_start,menu_setting,help_setting],                          layout_strategy=cocos.menu.fixedPositionMenuLayout([(500,339),(500,220),(500,100)]),                          selected_effect=cocos.menu.zoom_in(),                          unselected_effect=cocos.menu.zoom_out())       #定义播放按钮功能设置     def menu_start_callback(self):         #注意播放wav与mp3一样，需要指定具体路径和目录，否则报错         yinxiao=Effect(＂/home/xgj/Desktop/Cocos2d/coex/sound/dd.wav＂) #音效         #yinxiao=Effect(＂sound/dd.wav＂) # 报错         yinxiao.play()     def menu_help_callback(self):         pass     def menu_setting_callback(self):         pass   if __name__==＂__main__＂:     #初始化导演     cocos.director.director.init(width=640,height=480,caption=＂png按钮放大＂,audio_backend=＂sdl＂)     #将背景层  添加到场景     bg=Game_BG()     main_scence=cocos.scene.Scene(bg)     #添加菜单     mainmenu=main_menu()     main_scence.add(mainmenu)     # 播放背景音乐     music.load(＂/home/xgj/Desktop/Cocos2d/coex/sound/sn.mp3＂.encode())     music.play(loops=-1)  # 播放 循环次数     music.set_volume(1)  # 声音大小     #启动场景     cocos.director.director.run(main_scence)
　　6.2 效果图：
　　在这基础上去做一个音乐播放器是很有动感的！！
　　7 圆形球动感：
　　===========
　　7.1 代码：import pyglet from cocos.director import director from cocos.scene import Scene from cocos.layer import Layer from cocos.actions import JumpBy, Lens3D, Reverse  class BackgroundLayer(Layer):     def __init__(self):         super(BackgroundLayer, self).__init__()         #导入图片image需要导入pyglet包，注意图片与代码文件在一个目录下即可         self.image = pyglet.resource.image(＂flag.png＂)         #self.image = pyglet.resource.image(＂yytd.gif＂) #虽然能显示，但是不是gif那样的动感      def draw(self):         self.image.blit(0, 0)  if __name__ == ＂__main__＂:     #主窗口可调节大小     director.init(resizable=True)     director.set_depth_test()     scene = Scene(BackgroundLayer())     lens = Lens3D(radius=150, lens_effect=0.7, center=(150, 150), grid=(20, 16), duration=50)     jump = JumpBy((360, 0), 170, 3, 4)     action = scene.do(lens)     scene.do((jump + Reverse(jump)) * 5, target=action)     director.run(scene)
　　7.2 效果图：
　　8 官网代码效果图，代码省略。
　　===是不是入门了，很简单===
　　喜欢就点赞、关注、转发和收藏。
　　中文文档太少了，做一点贡献。