silverlight 乐动魔方 实战十 .
这次真的要··开始游戏了···
回归上次Game.xaml
<UserControl x:Class="SilverlightMusicHit.Game"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
d:DesignHeight="600" d:DesignWidth="800" KeyDown="UserControl_KeyDown">
<Grid x:Name="LayoutRoot">
<Grid.RowDefinitions>
<RowDefinition Height="50"/>
<RowDefinition Height="*"/>
<RowDefinition Height="50"/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="435"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<TextBlock Name="txtTitle" Grid.Row="0" Grid.Column="0" Text="歌曲" FontSize="16"></TextBlock>
<Button Name="btnBack" Grid.Row="2" Grid.Column="1" Content="返回列表" Opacity="0.5" Click="btnBack_Click" MouseLeave="btn_MouseLeave" MouseMove="btn_MouseMove"></Button>
<Grid Name="gcMusicHit" Grid.Row="1" Grid.Column="1" Height="435" Width="435" Opacity="0.9">
<Grid.RowDefinitions>
<RowDefinition/>
<RowDefinition Height="10"/>
<RowDefinition/>
<RowDefinition Height="10"/>
<RowDefinition/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="10"/>
<ColumnDefinition/>
<ColumnDefinition Width="10"/>
<ColumnDefinition/>
</Grid.ColumnDefinitions>
<Canvas Background="White" Grid.Row="0" Grid.Column="1"/>
<Canvas Background="White" Grid.Row="0" Grid.Column="3"/>
<Canvas Background="White" Grid.Row="1" Grid.Column="0"/>
<Canvas Background="White" Grid.Row="1" Grid.Column="1"/>
<Canvas Background="White" Grid.Row="1" Grid.Column="2"/>
<Canvas Background="White" Grid.Row="1" Grid.Column="3"/>
<Canvas Background="White" Grid.Row="1" Grid.Column="4"/>
<Canvas Background="White" Grid.Row="2" Grid.Column="1"/>
<Canvas Background="White" Grid.Row="2" Grid.Column="3"/>
<Canvas Background="White" Grid.Row="3" Grid.Column="0"/>
<Canvas Background="White" Grid.Row="3" Grid.Column="1"/>
<Canvas Background="White" Grid.Row="3" Grid.Column="2"/>
<Canvas Background="White" Grid.Row="3" Grid.Column="3"/>
<Canvas Background="White" Grid.Row="3" Grid.Column="4"/>
<Canvas Background="White" Grid.Row="4" Grid.Column="1"/>
<Canvas Background="White" Grid.Row="4" Grid.Column="3"/>
<Canvas Background="Black" Name="imgMusic7" Grid.Row="0" Grid.Column="0"/>
<Canvas Background="Black" Name="imgMusic8" Grid.Row="0" Grid.Column="2"/>
<Canvas Background="Black" Name="imgMusic9" Grid.Row="0" Grid.Column="4"/>
<Canvas Background="Black" Name="imgMusic4" Grid.Row="2" Grid.Column="0"/>
<Canvas Background="Black" Name="imgMusic5" Grid.Row="2" Grid.Column="2"/>
<Canvas Background="Black" Name="imgMusic6" Grid.Row="2" Grid.Column="4"/>
<Canvas Background="Black" Name="imgMusic1" Grid.Row="4" Grid.Column="0"/>
<Canvas Background="Black" Name="imgMusic2" Grid.Row="4" Grid.Column="2"/>
<Canvas Background="Black" Name="imgMusic3" Grid.Row="4" Grid.Column="4"/>
</Grid>
<TextBox Grid.Column="1" Name="txtScore" Text="0" FontSize="40" Opacity="0.5" Foreground="#FF97AFC4" FontFamily="Comic Sans MS" Margin="0,0,0,0" />
<TextBox Grid.Column="2" Grid.Row="1" HorizontalAlignment="Left" Text="Hit" Width="182" Name="txtHit" FontFamily="Comic Sans MS" FontSize="32" FontWeight="Bold" Foreground="#FF2626B7" BorderBrush="#FF1747DE" Margin="0,200,0,200" Visibility="Collapsed" />
</Grid>
</UserControl>
再进入Game.cs
#region 变量
/// <summary>
/// 背景显示速度 /ms
/// </summary>
private int speed = 80;
/// <summary>
/// 背景显示图片数量
/// </summary>
private int imgMax = 30;
/// <summary>
/// 背景图片索引
/// </summary>
private int Index = 0;
/// <summary>
/// 定时器
/// </summary>
private Storyboard _timer;
/// <summary>
/// 背景画刷
/// </summary>
private ImageBrush _imgBrush;
/// <summary>
/// 播放声音
/// </summary>
private MediaElement _mediaSound;
/// <summary>
/// 播放音乐
/// </summary>
private MediaElement _mediaMusic;
/// <summary>
/// Hit定时器
/// </summary>
private Storyboard _tmGame;
/// <summary>
/// 游戏时间进度 /ms
/// </summary>
private int gamestep = 100;
/// <summary>
/// 音乐对象索引
/// </summary>
private int musicIndex = 0;
/// <summary>
/// 节奏对象
/// </summary>
private XML.MusicHitValue _musicHitValue;
/// <summary>
/// MusichHit显示索引
/// </summary>
private int gmIndex = 0;
/// <summary>
/// MusicHit时间进度
/// </summary>
private int gmStep = 0;
/// <summary>
/// 连击数
/// </summary>
private int downHits = 0;
/// <summary>
/// 总分
/// </summary>
private int score = 0;
/// <summary>
/// 音乐键
/// </summary>
private static List<MusicHit> _musicHit;
/// <summary>
/// 音乐加载
/// </summary>
private static ChildMusicLoading _MusicLoading;
#endregion
2、好了··接着开始想怎样实现了······· 不过有之前的铺垫，应该也不难理解的
public Game(int _musicIndex)
{
InitializeComponent();
//读取音乐索引
musicIndex = _musicIndex;
//创建背景画刷
_imgBrush = new ImageBrush();
//创建定时器
_timer = new Storyboard();
_timer.Duration = new Duration(TimeSpan.FromMilliseconds(speed));
_timer.Completed += new EventHandler(_timer_Completed);
_timer.Begin();
//添加播放器
_mediaSound = new MediaElement();
_mediaMusic = new MediaElement();
this.LayoutRoot.Children.Add(_mediaSound);
this.LayoutRoot.Children.Add(_mediaMusic);
//创建9个音乐键
_musicHit = new List<MusicHit>();
_musicHit.Clear();
for (int i = 0; i < 9; i++)
_musicHit.Add(new MusicHit());
//加载音乐
_MusicLoading = new ChildMusicLoading(musicIndex);
_MusicLoading.Show();
//新增音乐单击事件
foreach (Canvas cvs in gcMusicHit.Children)
cvs.MouseLeftButtonDown += new MouseButtonEventHandler(cvs_MouseLeftButtonDown);
}
以下是背景效果
void _timer_Completed(object sender, EventArgs e)
{
if (_MusicLoading.DialogResult == true)
{
GameStart();
_MusicLoading.DialogResult = false;
}
bool isHit = false;
string url = string.Format("{0}{1}{2}", "Image/picBackGround/background", Index, ".jpg");
_imgBrush.ImageSource = Common.GetGif(ref Index, ref imgMax, ref isHit, url, 1);
this.LayoutRoot.Background = _imgBrush;
_timer.Begin();
}
_MusicLoading.DialogResult 这个是不是很面熟？ 没错，这个是加载歌曲进度窗体的返回值，终于发现为啥··要无端端返回个True给他吧····呵呵
接着进入GameStrat（）了
/// <summary>
/// 游戏开始
/// </summary>
private void GameStart()
{
//音乐名
txtTitle.Text = Common._MusicValue[musicIndex].MusicName;
//播放声音
Common.SoundUrl(ref _mediaSound, "Music/Btn/readyGo.mp3");
_mediaSound.Play();
Common.SoundUrl(ref _mediaMusic, Common._MusicValue[musicIndex].MusicPath);
_mediaMusic.Play();
//获取音乐节奏
XML.Reader _reader = new XML.Reader();
_musicHitValue = _reader.GetHisValue(Common._MusicValue[musicIndex].MusicHit);
//创建定时器
_tmGame = new Storyboard();
_tmGame.Duration = new Duration(TimeSpan.FromMilliseconds(gamestep));
_tmGame.Completed += new EventHandler(_tmGame_Completed);
_tmGame.Begin();
}
以下是节奏图效果
void _tmGame_Completed(object sender, EventArgs e)
{
try
{
if (gmStep.Equals(_musicHitValue.MusicTimer[gmIndex]))
{
MusicHit musicHit = new MusicHit();
int Index = _musicHitValue.MusicHits[gmIndex];
Canvas cvs = (Canvas)this.gcMusicHit.Children.First<UIElement>(x => (x as FrameworkElement).Name.StartsWith("imgMusic" + Index.ToString()));
cvs.Children.Add(musicHit);
_musicHit[Index - 1] = musicHit;
gmIndex++;
}
}
catch { }
gmStep++;
_tmGame.Begin();
}
应该是这句比较麻烦了····
Canvas cvs = (Canvas)this.gcMusicHit.Children.First<UIElement>(x => (x as FrameworkElement).Name.StartsWith("imgMusic" + Index.ToString()));
额··这个如果之前有听我意见，看一下LINQ··，就会知道大概了··· 找出满足条件的头元素（里面就是条件了）额。···查MSDN····去
按钮
/// <summary>
/// 鼠标移过按钮高亮
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void btn_MouseMove(object sender, MouseEventArgs e)
{
((Button)sender).Opacity = 1;
}
/// <summary>
/// 鼠标离开按钮恢复
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void btn_MouseLeave(object sender, MouseEventArgs e)
{
((Button)sender).Opacity = 0.5;
}
private void btnBack_Click(object sender, RoutedEventArgs e)
{
((App)(Application.Current)).RedirectTo(new Music());
}
以下判断点击位置
/// <summary>
/// 判断点击位置
/// </summary>
/// <param name="num"></param>
private void selectMusicHitPos(int num)
{
Hit hit = new Hit();
hit.HitStyle = 0;
try
{
if (_musicHit[num - 1].isMusicHit)
{
hit.hitDisIndex = 1;
downHits++;
txtHit.Visibility = System.Windows.Visibility.Visible;
}
else
{
hit.hitDisIndex = 0;
downHits = 0;
txtHit.Visibility = System.Windows.Visibility.Collapsed;
}
Canvas cvs = (Canvas)this.gcMusicHit.Children.First<UIElement>(x => (x as FrameworkElement).Name.StartsWith("imgMusic" + num.ToString()));
cvs.Children.Add(hit);
score += downHits * 10;
txtHit.Text = "Hit:" + downHits.ToString();
txtScore.Text = score.ToString();
}
catch { }
}
键盘来玩
private void UserControl_KeyDown(object sender, KeyEventArgs e)
{
string stringKey = e.Key.ToString();
if (stringKey.Contains("NumPad"))
{
selectMusicHitPos(int.Parse(stringKey.Replace("NumPad", "")));
}
}
鼠标来玩
void cvs_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
try
{
int number = int.Parse(((Canvas)sender).Name.Replace("imgMusic", ""));
selectMusicHitPos(number);
}
catch { }
}
差不多了····现在试试吧，哈。
估计silverlight乐动魔方 就在这里结束了
····
下章？
还有下章， 哈·····演唱会也有加场，。···何况 教程···嘻嘻！
下章将会附加 乐动魔方 编曲器~~
silverlight 乐动魔方 .实战系列
name:5+x
参与文章与书籍：
WPF葵花宝典