June 2009 - Posts
awalnya, saya penasaran kayak gimana sih tampilan dari visual studio 2010 nantinya dan apakah bakal lebih user-friendly dari visual studio 2008?
akhirnya saya memutuskan buat nge-install visual studio 2010 beta 1 di komputer yang ada dirumah (kebetulan saya lagi di jakarta). kesan pertama saya pas nge-install adalah: LAMA BANGET NGE-INSTALLNYA!!!! AAAAAAAAARRRRRRRRGGGGGGGGHHHHHHHH!!!! 
serasa pengen ngebanting komputer saking lamanya. bayangin aja, masa' buat nge-install software yang installernya gak lebih dari 1 dvd bisa lebih lama daripada nge-install game yang installernya doank bisa sampe 6gb??? WHAT THE???!!! sambil nge-install saya bisa sambil nonton tv, makan, solat, nonton tv lagi, sampe filmnya abis dan orang2 rumah udah pada tidur, baru installnya selesai.... 
udah gitu makan harddisknya juga lumayan gede, sekitar 5-6 gb. akhirnya saya tidur dulu dan ngeeksplornya besok pagi aja.
besokannya, saya mulai ngutak-ngatik si visual studio 2010 ini. tampilannya lumayan bagus dan ada sedikit perubahan dari yang tahun 2008. klo buat saya, kayaknya gak jauh beda mau make yang 2008 atau 2010 (mungkin karena saya orang awam juga). tapi yang jelas, klo make 2010, kita bakal bisa ngeeksplor lebih banyak bahasa pemrograman lain. yang terbaru adalah F#. entah itu kayak gimana bahasanya karena saya juga baru liat begitu nge-install visual studio 2010.
akhir kata, semoga visual studio 2010 versi finalnya akan jadi lebih baik daripada versi beta dan klo bisa waktu buat nge-installnya diperpendek biar gak bete pas nge-installnya.... 
akhirnya masuk ke part 2 juga... 
setelah perjuangan yang cukup melelahkan buka buku sana-sini n ngenet2 gak jelas, akhirnya papan permainannya bisa bergerak!! YEAH!!!
(tapi baru yang paling kiri doank... hehehe...
jadi, di bawah ini adalah kodenya... selamat mencoba!!
void playground_KeyDown(object sender, KeyEventArgs e)
{
PadCurrentPos = pad.Margin;
double xPadValue=0;
if (e.Key == Key.Down)
if (pad.Margin.Bottom > -70)
xPadValue = -50;
if (e.Key == Key.Up)
if (pad.Margin.Bottom < 380)
xPadValue = 50;
AnimatePad(xPadValue);
}
pada postingan dengan judul yang sama sebelumnya, saya berniat membuat game yang hanya menggunakan 1 buah papan untuk memantulkan bola. tapi, begitu saya lanjutin, saya malah jadi bingung sendiri gimana caranya biar bisa jadi game yang lumayan menarik... nah, akhirnya saya rombak gede-gedean deh tu kodingan dan jadinya kayak di bawah ini:
<Window x:Class="PaddingBall.Window1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="Padding Ball v1.0" Height="500" Width="700" Background="Gray" x:Name="playground" ResizeMode="NoResize" WindowStartupLocation="CenterScreen" SizeToContent="Manual" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d">
<Canvas Width="700" Height="500">
<Menu VerticalAlignment="Top" HorizontalAlignment="Left"
Height="20" Width="700" Background="AliceBlue" Foreground="Blue">
<MenuItem Header="File">
<MenuItem Header="Start Game" Background="AliceBlue" Click="StartGame"/>
<MenuItem Header="Exit" Background="AliceBlue" Click="ExitGame"/>
</MenuItem>
<MenuItem Header="About" Click="ShowAboutBox"/>
</Menu>
<Grid Height="462" Width="700">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="700*" />
<ColumnDefinition Width="0*" />
<ColumnDefinition Width="0*" />
</Grid.ColumnDefinitions>
<Rectangle Margin="114,132,0,0" x:Name="ball" Stroke="Black" RadiusX="120" RadiusY="120" Fill="Blue" Height="38" VerticalAlignment="Top" Stretch="UniformToFill" HorizontalAlignment="Left" Width="38">
<Rectangle.BitmapEffect>
<BevelBitmapEffect BevelWidth="11" />
</Rectangle.BitmapEffect>
<Rectangle.BitmapEffectInput>
<BitmapEffectInput />
</Rectangle.BitmapEffectInput>
</Rectangle>
<Rectangle Margin="0,0,0,230" x:Name="pad" Stroke="Black" Fill="Black" HorizontalAlignment="Left" Width="100" RenderTransformOrigin="0.5,0.5" Height="12" d:LayoutOverrides="Height" VerticalAlignment="Bottom" >
<Rectangle.RenderTransform>
<TransformGroup>
<ScaleTransform ScaleX="1" ScaleY="1"/>
<SkewTransform AngleX="0" AngleY="0"/>
<RotateTransform Angle="89.577"/>
<TranslateTransform X="0" Y="0"/>
</TransformGroup>
</Rectangle.RenderTransform>
</Rectangle>
<Rectangle Height="13" x:Name="pad_Copy" Stroke="Black" Fill="Black" Width="100" Margin="-69,224,-31,225" RenderTransformOrigin="0.5,0.5" Grid.Column="1" Grid.ColumnSpan="2" >
<Rectangle.RenderTransform>
<TransformGroup>
<ScaleTransform ScaleX="1" ScaleY="1"/>
<SkewTransform AngleX="0" AngleY="0"/>
<RotateTransform Angle="-90.364"/>
<TranslateTransform X="0" Y="0"/>
</TransformGroup>
</Rectangle.RenderTransform>
</Rectangle>
</Grid>
</Canvas>
</Window>
screenshotnya kayak gambar di bawah:
selain make PowerPoint, ternyata presentasi juga bakal jadi lebih menarik klo make WPF. selain tampilannya bisa kita ubah-ubah sesuka hati, animasinya juga beragam banget tergantung kreativitas kita terus kita juga bisa nambahin fungsi-fungsi kayak isMouseOver, MouseClick dkk. biar presentasi kita jadi makin aduhai...
dibawah ini contoh halaman depan dari presentasi yang saya bikin. sebenernya layoutnya terserah pribadi masing-masing tapi klo saya sih make layout dari situsnya Bea Stollnitz di http://bea.stollnitz.com/blog/?p=49 yang saya modif-modif dikit terus dikasih animasi-animasi gitu deh biar rada gahul... 
klo mw ngedownload source codenya, silakan klik link di bawah...
WPFPresenter.zip
mohon maaf klo misalnya kodingan saya masih cupu soalnya emang baru belajar nih...
ini adalah posting pertama saya tentang WPF. sebenernya saya masih baru banget nih tentang teknologi WPF ini jadi sekarang masih belajar sambil nyoba2 sedikit biar gak cupu2 amat lah... malu donk klo jadi anak IF tapi gak bisa ngoding 
game yang saya buat ini terinspirasi dari game yang ada di handphone teman saya tapi yang saya buat ini baru gambarnya doang 
dan tools yang saya pake Microsoft Expression Blend 2. karena belum begitu ngerti C#, jadinya belum di koding deh... hehehe.. maap2.. mungkin di postingan selanjutnya baru bisa...
source code XAML:
<Window
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
x:Class="Game_Coba2.Window1"
x:Name="Window"
Title="Game Coba2"
Width="700" Height="500" Background="Gray">
<Grid x:Name="LayoutRoot" Height="462" Width="700">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="700*" />
<ColumnDefinition Width="0*" />
<ColumnDefinition Width="0*" />
</Grid.ColumnDefinitions>
<Menu VerticalAlignment="Top" Height="23" Background="AliceBlue" Margin="0,0,17,0">
<MenuItem Width="36" Height="20" RenderTransformOrigin="0.5,0.5" Header="File">
<MenuItem Width="151" Height="25" Header="Start Game" Background="AliceBlue" Click="Start"/>
<MenuItem Width="151" Height="25" Header="Exit" Background="AliceBlue" Click="Exit"/>
</MenuItem>
<MenuItem Width="50" Height="20" Header="About"/>
</Menu>
<Rectangle Fill="Blue" Stroke="Black" HorizontalAlignment="Left" Margin="311,0,0,21" VerticalAlignment="Bottom" Width="38" Height="38" RadiusY="120" RadiusX="120" x:Name="bola"/>
<Rectangle Fill="Black" Stroke="Black" RadiusX="0" RadiusY="0" Margin="236,0,268,8" VerticalAlignment="Bottom" Height="13" x:Name="papan"/>
</Grid>
</Window>
untuk screenshotnya nanti juga bakal menyusul....