cocos2d for python_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 官网代码效果图，代码省略。

===是不是入门了，很简单===

喜欢就点赞、关注、转发和收藏。

中文文档太少了，做一点贡献。