一个类似节奏大师游戏的音乐节奏编辑工具



  • 本工具主要为自己开发音乐游戏所用的编辑软件,功能主要编辑音乐节奏,然后保存节奏数据为json格式,然后在节奏游戏中导入这些节奏数据,可以达到节奏大师的效果。暂时没有添加长安节奏类功能。感觉节奏类游戏千变万化,这个工具以后会进行细节的改进,现在眼下先干着IT文化节的作品展示做了小功能了呜呜。

    工具缺点:
    不能加载中文路径(由于用了libzplay做频谱)

    软件功能:
    1,支持加载大部分格式音乐文件
    2,编辑游戏节奏的时候支持回播编辑
    3,支持细微调节节奏点的位置
    4,双击节奏点可以删除该节奏点
    5,一键清除所有节奏点

    操作方式:
    1,打开音乐文件(不能出现中文路径)
    0_1461117374585_upload-50dd6d9f-c416-49f3-9bfd-4e9a665337b8
    2,点击播放按钮播放,或者按space建播放/暂停
    0_1461117446113_upload-d5e56080-0ff4-480a-bf4e-eaaac886691f
    3,在播放的过程中可以按着音乐节奏编辑节奏点,编辑按键为F,G,H,J
    0_1461117636910_upload-a0498546-399f-4d62-9432-4228b4b6715d
    4,微调节奏
    0_1461117787005_upload-127b9ce9-11a9-4445-8a33-26afae8f76e0
    5,保存的时候会在当前音乐文件目录中的Data目录生成对应音乐文件名的json数据
    0_1461117894514_upload-1359f79b-1a0f-486c-8883-69464d5ebb3e
    0_1461117930580_upload-17a3db81-379b-4eba-afcb-5d682082e3cf
    源码分享
    tommego



  • 厉害,没想到这么快就把节奏编辑的软件制作好了。试问中间的梯形Rectangle是如何实现的呢?



  • 其实早两个星期就写好了,我都给我师弟帮我录节奏了, 后来他们说录取完了不好调整,所以我今天下午又改成了qq音速的节奏编辑模式



  • 中间梯形的很简单,就直接把它x轴转60度左右
    代码实现部分以下:

                Rectangle{
                    width: root.width
                    height:root.height/2
                    color:"#99a066"
    
                    Item{
                        width: 1200
                        height: music_duration*1000+500
                        clip:true
                        id:padroot
                        transform: Rotation {
                            origin.x: padroot.width/2;
                            origin.y: padroot.height;
                            axis { x: 1; y: 0; z: 0 }
                            angle: 50 }
                        anchors.horizontalCenter: parent.horizontalCenter
                        anchors.bottom: parent.bottom
                        Rectangle{
                            anchors.bottom: parent.bottom
                            anchors.bottomMargin: 500+2
                            width: parent.width
                            height:4
                            color:"#12aaff"
                        }
    
                        Rectangle{
                            y:current_position*20
                            width:parent.width
                            height:music_duration*1000
                            id:musicPad
                            color:"#44000000"
                            Behavior on y{
                                PropertyAnimation{
                                    properties: "y"
                                    duration: 50
                                }
                            }
    
                            Column{
                                spacing: 1000-3
                                height:parent.height
                                anchors.centerIn: parent
                                Repeater{
                                    model: music_duration
                                    delegate: Rectangle{
                                        width: musicPad.width
                                        height: 3
                                        color:"#aa000000"
                                        Text{
                                            anchors.centerIn: parent
                                            text:""+(music_duration-index)+"s"
                                            font.pointSize: 120
                                            color:"#33eeff12"
                                        }
                                    }
                                }
                            }
    
                            Repeater{
                                model: datasModel
                                delegate: Rectangle{
                                    width: 150
                                    height: 60
                                    id:spot
                                    radius: height/2
                                    color:selected?"#12eeaa":"#99000000"
                                    x:pindex*300+75
                                    y:(music_duration-(pos*20)/1000)*musicPad.height/music_duration-30
                                    z:selected?2:1
    
                                    Rectangle{
                                        anchors.top: parent.bottom
                                        anchors.topMargin: 20
                                        width: 80
                                        height:60
                                        radius: height/2
                                        visible: selected
                                        color:"#ee6612"
                                        anchors.horizontalCenter: parent.horizontalCenter
                                        Rectangle{
                                            width: 3
                                            height: 20
                                            color:parent.color
                                            anchors.horizontalCenter: parent.horizontalCenter
                                            anchors.bottom: parent.top
                                        }
    
                                        Text{
                                            anchors.centerIn: parent
                                            color:"#ffffff"
                                            text:"delete"
                                            font.pointSize: 15
                                        }
    
                                        MouseArea{
                                            anchors.fill: parent
                                            onClicked: datasModel.remove(index);
                                        }
                                    }
    
                                    MouseArea{
                                        anchors.fill: parent
                                        drag.target: spot
                                        drag.minimumY: 0
                                        drag.maximumY: music_duration*1000
                                        drag.axis: Drag.YAxis
                                        onClicked: {
                                            for(var a=0;a<datasModel.count;a++){
                                                datasModel.setProperty(a,"selected",false);
                                            }
                                            datasModel.setProperty(index,"selected",true);
                                        }
                                        onPressed: {
                                            for(var a=0;a<datasModel.count;a++){
                                                datasModel.setProperty(a,"selected",false);
                                            }
                                            datasModel.setProperty(index,"selected",true);
                                        }
    
                                        onReleased: {
                                            datasModel.setProperty(index,"pos",50*(music_duration-(spot.y+30)*music_duration/musicPad.height));
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
    


  • @tommego 嗯,好创意。这也是能够创造出三维感的好办法!

    应该是沿着X轴旋转60度角。



  • @jiangcaiyang 对的,这样既能达到三维效果,又减少开销



  • shurufahuaile,ni hao lihai



  • 感谢分享,望早日可以完成。



  • 谢谢楼主,居然一下子提供了这么多开源软件,其中有几个还很不错~



  • awesome!


Log in to reply
 

走马观花

最近的回复

  • 还是很正常的Python脚本哈。
    不过有点好奇,你在实际场景中用QUiLoader多吗?🎯

    read more
  • 好棒,高产啊。真的很棒!🐱 能将自己有用的知识分享出来真不错!

    read more
  • 自动翻译器的qt部分

    接下来我们要实现qt窗口部分,这里遇到一个很尴尬的事情,qt for python的开发环境要求按照python,但我安装的是Anaconda,使用Jupyter开发,安完了PySide2,Qt找不到这个模块,用Jupyter呢,又提示找不到qt.qpa.plugin,打开环境变量查看os.environ,

    'QT_QPA_PLATFORM_PLUGIN_PATH': 'C:\\ProgramData\\Anaconda3\\lib\\site-packages\\PySide2\\plugins\\platform'platform竟然少个s,我也是醉了,由于不想在py文件追加环境变量配置,我很机智的把文件夹platforms复制了一份,改名platform,这样是不好的,但是好用呀。

    追加main.py文件,导入需要的包 import sys import random from PySide2.QtWidgets import QApplication, QWidget, QTextEdit, QHBoxLayout from PySide2.QtUiTools import QUiLoader from PySide2.QtCore import QFile, QDir, QTimer, Slot, Qt from PySide2.QtGui import QClipboard from Spider import * 使用线程创建翻译器 #创建翻译器 class WorkerThread(QThread): resultReady = Signal() def __init__(self): super().__init__() def __del__(self): pass def run(self): global translation translation = Translation() self.resultReady.emit() 翻译过程也使用线程 #翻译线程 class WorkerThreadTrans(QThread): resultReady = Signal(str) def __init__(self): super().__init__() self.last = '' def setText(self, value): self.value = value def run(self): self.result = '' while(1): self.getClipborad() time.sleep(1) @Slot() def getClipborad(self): global translation board = QApplication.clipboard() self.str = board.text() if self.str == '' or self.str == self.last: pass else: try: self.last = self.str self.result = translation.translate(self.str) except: pass finally: pass self.resultReady.emit(self.result) 实现窗口类 #窗口 class Form(QWidget): def __init__(self): super().__init__() self.textEdit = QTextEdit() self.layout = QHBoxLayout() self.layout.addWidget(self.textEdit) self.setLayout(self.layout) self.setWindowTitle("百度翻译器") self.resize(400, 300) self.setWindowFlags(Qt.WindowStaysOnTopHint) self.icon = QIcon() self.icon.addPixmap(QPixmap('favicon.ico'), QIcon.Normal, QIcon.Off) self.setWindowIcon(self.icon) self.create = False self.thread = WorkerThread() self.thread.finished.connect(self.thread.deleteLater) self.thread.resultReady.connect(self.createTrans) self.thread.start() self.threadTrans = WorkerThreadTrans() self.threadTrans.finished.connect(self.threadTrans.deleteLater) self.threadTrans.resultReady.connect(self.setTextValue) def __del__(self): self.threadTrans.quit() self.threadTrans.wait() if self.create: del translation @Slot() def createTrans(self): self.create = True self.threadTrans.start() @Slot() def setTextValue(self, value): self.textEdit.setPlainText(value) main if __name__ == "__main__": app = QApplication(sys.argv) translation = None window = Form() window.show() sys.exit(app.exec_())

    为了防止窗口启动卡顿,运行卡顿,我们开辟了两个线程。我们还把窗口置顶,为窗口设置了图标。我们重载了窗口关闭事件,用于把线程关闭。

    程序运行效果
    1564980342307.png

    打包

    具体打包操作请看帖子 https://www.jianshu.com/p/046e690c0f12

    打包命令

    pyinstaller -F -w -i favicon.ico --icon=favicon.ico main.py -p C:\ProgramData\Anaconda3\Lib\site-packages\PySide2

    为了平台显示我们把C:\ProgramData\Anaconda3\Lib\site-packages\PySide2\plugins\platforms\qwindows.dll也拷贝过来
    1564993349890.png

    去除selenium隐藏控制台解决办法

    参考帖子 https://www.cnblogs.com/TurboWay/p/9300105.html

    修改C:\ProgramData\Anaconda3\Lib\site-packages\selenium\webdriver\common\service.py源码

    程序地址

    read more
  • image.png

    自动翻译器的python部分 一、设计思路

    1.qt提取剪贴板/鼠标选中内容作为翻译内容

    2.使用python向百度翻译提交翻译内容,然后取回翻译结果

    3.使用qt显示翻译结果

    二、实现步骤

    我们已经安装了Jupyter作为开发环境

    先分析百度翻译提交接口

    有三种接口方式可以使用

    地址栏https://fanyi.baidu.com/translate?aldtype=16047&query=&keyfrom=baidu&smartresult=dict&lang=auto2zh#en/zh/world world就是要查询的单词 https://fanyi.baidu.com/sug 这个是百度自动识别的单词下拉项
    1564905012628.png https://fanyi.baidu.com/v2transapi 这个是真正百度翻译的接口

    这三种接口各有优缺点:

    第一种url简单,使用方便,缺点就是返回的是一整个网页,需要从网页中提取翻译的内容,但是该网页是动态渲染的,里面并没有我们需要的信息 第二种并不是一个真实的翻译,只是百度检索出类似的情况,不一定是需要的,而且如果是一句话的翻译,这个是空的 第三种是真正的翻译,但是需要提交详细数据,下面就是要提交的数据,其他数据还好,这个sign比较麻烦,他是js动态生成的,是加密的,我们无法模拟 from: en to: zh query: world transtype: realtime simple_means_flag: 3 sign: 335290.130699 token: fcd815f24ac02a1ddc7c485f38c8efe8

    综合考虑,这三种我们都要放弃。

    针对动态渲染的网页,Python提供了许多模拟浏览器运行的库,比如Selenium

    使用Selenium

    首先命令行安装selenium

    pip install selenium -i http://pypi.douban.com/simple/ --trusted-host pypi.douban.com 导入模块 import time from selenium import webdriver from selenium.webdriver.common.by import By from selenium.webdriver.common.keys import Keys from selenium.webdriver.support import expected_conditions as EC from selenium.webdriver.support.wait import WebDriverWait from selenium.webdriver.common.desired_capabilities import DesiredCapabilities 封装类 class Translation: def __init__(self): self.options = webdriver.ChromeOptions() self.options.add_argument('headless') # 后台运行 # self.options.add_experimental_option("excludeSwitches", ["ignore-certificate-errors"]) # 禁止图片的加载 self.prefs = {"profile.managed_default_content_settings.images":2} self.options.add_experimental_option("prefs",self.prefs) self.browser = webdriver.Chrome(executable_path='chromedriver.exe', options=self.options)#, desired_capabilities=self.desired_capabilities) self.load = False def __del__(self): self.browser.close() def translate(self, words): try: if not self.load : self.load = True self.browser.get('https://fanyi.baidu.com/translate#en/zh/') self.input= self.browser.find_element_by_id('baidu_translate_input') self.input.clear() self.input.send_keys(words) self.button = self.browser.find_element_by_id('translate-button') self.button.click() time.sleep(1) self.out = self.browser.find_element_by_class_name('output-bd') print (self.out.text) return self.out.text finally: # print ("translate [ {0} ] error.".format(words)) return '' 测试类 if __name__ == '__main__': words = [ '0', 'Taylor was nominated for a Primetime Emmy Award last year for portraying Minnie in the latest Mickey Mouse TV show rendition ', '"I really want whoever comes after us to be aware of the history and the tradition, and to love the characters as much as we do," Taylor said about herself and Allwine, according to Disney.', '"Minnie Mouse lost her voice with the passing of Russi Taylor," Bob Iger, Disney Chairman and CEO, wrote on Twitter.' ] print ('---start-') translation = Translation() for w in words: print ('----', w) result = translation.translate(w) print (result) del translation 测试结果 ---start- ---- 0 ---- Taylor was nominated for a Primetime Emmy Award last year for portraying Minnie in the latest Mickey Mouse TV show rendition 泰勒去年因在最新的米奇老鼠电视节目“表演”中饰演米妮而获得艾美奖的提名。 ---- "I really want whoever comes after us to be aware of the history and the tradition, and to love the characters as much as we do," Taylor said about herself and Allwine, according to Disney. “我真的希望任何一个追随我们的人都能意识到历史和传统,并且像我们一样热爱这些角色,”根据迪士尼的说法,泰勒在谈到自己和奥尔温时说。 ---- "Minnie Mouse lost her voice with the passing of Russi Taylor," Bob Iger, Disney Chairman and CEO, wrote on Twitter. 迪斯尼董事长兼首席执行官鲍勃•伊格尔在Twitter上写道:“米妮•老鼠在路西•泰勒去世后失去了声音。”

    之所以第一个数据是0,是因为未知原因第一个翻译时候,网页会刷新,导致得不到翻译结果,所以需要屏蔽。

    read more

关注我们

微博
QQ群