際際滷

際際滷Share a Scribd company logo
http://www.webalice.it/nmastrapasqua/


S I L V E RL I G HT P IANO

Tempo fa, ho avuto la fortuna di studiare questa demo1 sull'utilizzo del
framework Xna per la creazione di giochi su Windows Phone In particolare
                                                    Phone.
viene creato un piano col quale divertirsi a suonare.
Ho voluto cimentarmi nel creare una demo simile, e per evitare di copiare, mi
sono imposto l'utilizzo del framework Silverlight per Windows Phone. Ecco una
breve descrizione.




T AS TI E RA

Per disegnare la tastiera ho disposto 13 Button (corrispondenti a 13 note)
all'interno di un Canvas. Di seguito puoi vedere un estratto del file
MainPage.xaml:

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
            ="ContentPanel"                    ="12,0,12,0">
<Canvas x:Name="keyboard">
              ="keyboard">
<Button Canvas.Left="29" Canvas.Top="6" Name="c" />
                   ="29"
<Button Canvas.Left="107" Canvas.Top="6" Name="d" />
                   ="107"
<Button Canvas.Left="185" Canvas.Top="6" Name="e" />
                   ="185"
<Button Canvas.Left="263" Canvas.Top="6" Name="f" />
                   ="263"
<Button Canvas.Left="341" Canvas.Top="6" Name="g" />
                   ="341"
<Button Canvas.Left="419" Canvas.Top="6" Name="a" />
                   ="419"
<Button Canvas.Left="497" Canvas.Top="6" Name="b" />
                   ="497"
<Button Canvas.Left="575" Canvas.Top="6" Name="c8" />
                   ="575"


Il risultato 竪 quello mostrato nella figura riportata sopra.




1
    http://www.robmiles.com/journal/2010/3/17/windows-phone-xna-piano-code-sample.html
    http://www.robmiles.com/journal/2010/3/17/windows                      sample.html
http://www.webalice.it/nmastrapasqua/


Per simulare il movimento del tasto ho utilizzato l'effetto tilt disponibile nel
Silverlight Toolkit per Windows Phone:


toolkit:TiltEffect.IsTiltEnabled="true"




CO DE B E HI ND

Per avere la magia dell'input multi-touch, ho utilizzato l'interfaccia di basso
livello    Touch.FrameReported;         questo   竪   il   costruttore    nel   file
MainPage.xaml.cs


public MainPage()
{
InitializeComponent();
Touch.FrameReported += new TouchFrameEventHandler(Touch_FrameReported);
}




Il metodo Touch_FrameReported, ottiene una lista dei punti di contatto e per
ognuno di essi, controlla l'eventuale sovrapposizione con i Button che
rappresentano i tasti. Nel caso ci sia sovrapposizione, emette il suono
corrispondente al tasto. In questo modo, si possono suonare anche gli accordi!
Il progetto Visual Studio 2010 per Windows Phone si trova qui:


            http://www.webalice.it/nmastrapasqua/silverlightpiano.html




          Buon divertimento con Silverlight Piano!

More Related Content

Featured (20)

2024 Trend Updates: What Really Works In SEO & Content Marketing
2024 Trend Updates: What Really Works In SEO & Content Marketing2024 Trend Updates: What Really Works In SEO & Content Marketing
2024 Trend Updates: What Really Works In SEO & Content Marketing
Search Engine Journal
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design ProcessStorytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
Chiara Aliotta
Artificial Intelligence, Data and Competition SCHREPEL June 2024 OECD dis...
Artificial Intelligence, Data and Competition  SCHREPEL  June 2024 OECD dis...Artificial Intelligence, Data and Competition  SCHREPEL  June 2024 OECD dis...
Artificial Intelligence, Data and Competition SCHREPEL June 2024 OECD dis...
OECD Directorate for Financial and Enterprise Affairs
How to Leverage AI to Boost Employee Wellness - Lydia Di Francesco - SocialHR...
How to Leverage AI to Boost Employee Wellness - Lydia Di Francesco - SocialHR...How to Leverage AI to Boost Employee Wellness - Lydia Di Francesco - SocialHR...
How to Leverage AI to Boost Employee Wellness - Lydia Di Francesco - SocialHR...
SocialHRCamp
2024 State of Marketing Report by Hubspot
2024 State of Marketing Report  by Hubspot2024 State of Marketing Report  by Hubspot
2024 State of Marketing Report by Hubspot
Marius Sescu
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
Expeed Software
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
Pixeldarts
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
marketingartwork
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
Skeleton Technologies
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
Neil Kimberley
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
contently
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
Albert Qian
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
Search Engine Journal
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
SpeakerHub
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
Clark Boyd
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
Tessa Mero
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Lily Ray
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
Rajiv Jayarajah, MAppComm, ACC
2024 Trend Updates: What Really Works In SEO & Content Marketing
2024 Trend Updates: What Really Works In SEO & Content Marketing2024 Trend Updates: What Really Works In SEO & Content Marketing
2024 Trend Updates: What Really Works In SEO & Content Marketing
Search Engine Journal
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design ProcessStorytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
Chiara Aliotta
How to Leverage AI to Boost Employee Wellness - Lydia Di Francesco - SocialHR...
How to Leverage AI to Boost Employee Wellness - Lydia Di Francesco - SocialHR...How to Leverage AI to Boost Employee Wellness - Lydia Di Francesco - SocialHR...
How to Leverage AI to Boost Employee Wellness - Lydia Di Francesco - SocialHR...
SocialHRCamp
2024 State of Marketing Report by Hubspot
2024 State of Marketing Report  by Hubspot2024 State of Marketing Report  by Hubspot
2024 State of Marketing Report by Hubspot
Marius Sescu
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
Expeed Software
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
Pixeldarts
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
marketingartwork
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
Neil Kimberley
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
contently
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
Albert Qian
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
Search Engine Journal
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
SpeakerHub
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
Clark Boyd
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
Tessa Mero
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Lily Ray

Silverlight piano

  • 1. http://www.webalice.it/nmastrapasqua/ S I L V E RL I G HT P IANO Tempo fa, ho avuto la fortuna di studiare questa demo1 sull'utilizzo del framework Xna per la creazione di giochi su Windows Phone In particolare Phone. viene creato un piano col quale divertirsi a suonare. Ho voluto cimentarmi nel creare una demo simile, e per evitare di copiare, mi sono imposto l'utilizzo del framework Silverlight per Windows Phone. Ecco una breve descrizione. T AS TI E RA Per disegnare la tastiera ho disposto 13 Button (corrispondenti a 13 note) all'interno di un Canvas. Di seguito puoi vedere un estratto del file MainPage.xaml: <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0"> ="ContentPanel" ="12,0,12,0"> <Canvas x:Name="keyboard"> ="keyboard"> <Button Canvas.Left="29" Canvas.Top="6" Name="c" /> ="29" <Button Canvas.Left="107" Canvas.Top="6" Name="d" /> ="107" <Button Canvas.Left="185" Canvas.Top="6" Name="e" /> ="185" <Button Canvas.Left="263" Canvas.Top="6" Name="f" /> ="263" <Button Canvas.Left="341" Canvas.Top="6" Name="g" /> ="341" <Button Canvas.Left="419" Canvas.Top="6" Name="a" /> ="419" <Button Canvas.Left="497" Canvas.Top="6" Name="b" /> ="497" <Button Canvas.Left="575" Canvas.Top="6" Name="c8" /> ="575" Il risultato 竪 quello mostrato nella figura riportata sopra. 1 http://www.robmiles.com/journal/2010/3/17/windows-phone-xna-piano-code-sample.html http://www.robmiles.com/journal/2010/3/17/windows sample.html
  • 2. http://www.webalice.it/nmastrapasqua/ Per simulare il movimento del tasto ho utilizzato l'effetto tilt disponibile nel Silverlight Toolkit per Windows Phone: toolkit:TiltEffect.IsTiltEnabled="true" CO DE B E HI ND Per avere la magia dell'input multi-touch, ho utilizzato l'interfaccia di basso livello Touch.FrameReported; questo 竪 il costruttore nel file MainPage.xaml.cs public MainPage() { InitializeComponent(); Touch.FrameReported += new TouchFrameEventHandler(Touch_FrameReported); } Il metodo Touch_FrameReported, ottiene una lista dei punti di contatto e per ognuno di essi, controlla l'eventuale sovrapposizione con i Button che rappresentano i tasti. Nel caso ci sia sovrapposizione, emette il suono corrispondente al tasto. In questo modo, si possono suonare anche gli accordi! Il progetto Visual Studio 2010 per Windows Phone si trova qui: http://www.webalice.it/nmastrapasqua/silverlightpiano.html Buon divertimento con Silverlight Piano!