DDMug

A music game project designed to help players promote their personal gamimg experience

What is DDMug

DDMug是一个音乐游戏项目,同时包含了一个map编辑器。
使用html5技术开发,旨在提升网页类音乐游戏的体验。

Designed for beginner

没错,就是面向初级用户。音乐游戏要就是听着喜欢的歌曲,有节奏地敲击按键,获得良好的娱乐体验。因此本项目的设计理念就是旋律感,而非速度、难度、反应力。

Time saver

喜欢的歌曲可以下载,然而没有map怎么玩?使用项目提供的editor可以可视化地、迅速地、制作出个性化的音乐map,并且可以导出与大家分享。

html5-centred

使用html5实现,提供更好的特性和跨平台体验。随着硬件加速的支持,在浏览器端进行复杂的绘制已经不是梦了。作为github上少数完成度较高的demo之一,希望能对未来浏览器端的发展做些假设。比如提供像webGL这样的底层接口,应该能很好的解决音乐或视频的版权控制问题了。

Mobile-unfriendly

嗯,由于移动端没有按键,体验会下降,因此不推荐在手机端游玩。

Easy to customise

界面通过canvas绘制,完全可以自由定义自己的界面绘制。项目内置的一些类可以方便的集成扩展。也可以参考本项目,做一个自己的实现。

Pure javascript work

基于原生js开发,不需要任何第三方类库。

Features

Get Started

HTML

Player 的构建。

1.首先需要在你的页面文件中,引入game.js。

2.在页面中建立一个div,以放置player。

					
						<div id="content">
							//player goes there
						</div>
                     
					 

JavaScript

开始界面和结束界面的显示和控制,不是player的使命,这需要你在页面中完成。可参考demo。


		//DDMUG初始化
		var stage = new DDMUG.Stage({width: 600, height: window.innerHeight-5});
		document.querySelector('#content').appendChild( stage.domElement );//把生成的canvas追加到前面的div容器中
		var musicMap = '...';//json格式的音乐地图
		stage.init("Last Kiss.mp3", musicMap);//加载音乐和musicMap

		//开始按钮的控制逻辑
		document.querySelector('#start').onclick = function(){
			document.querySelector('#intro').style.display='none';//隐藏开始界面
			stage.play();//开始游戏
			return false;
		};
                    

Contact

I hope you find this project useful.
Feel free to get in touch if you have any questions or suggestions.

项目初衷?

首先做这个也是一时的突发想法,细一想这个逻辑也不难,刚好github上搜了下也没有特别好的music game的项目,就做做看了。

另外音游还是要靠韵律感取胜,现在很多拼反应的、背板子的很不喜欢。我理解的音游是要实现非器乐玩家的演奏体验,因此游戏的难度应该体现在和真是演奏的接近程度上。比如通过增加按键,从4键开始,到9键? :)

[Tip for developers]: 由于是demo,F12看看全局变量中暴露的东西,可以有更多操作。

DD

Get Connected