Windows 8 Bubble Screen Saver using WPF

Question

0.00/5 (No votes)

See more:

Dear All,

Can someone help me on developing a screensaver like Windows 8 Bubble screensaver on WPF
I used the belowlink for my reference..
http://channel9.msdn.com/coding4fun/articles/WPF-Custom-Screen-Saver-Art[^]

I am facing a problem that bubbles are overlapping on each other..

Could someone guide me on how to stop overlapping the bubbles and also It should work like a
windows 8 bubble screensaver.

Any help would be sincerely appreciated..

BestRegards,
Henry

Posted 24-Oct-13 0:59am

Henrynetdev

Updated 24-Oct-13 1:00am

v2

Add a Solution

Comments

Matt T Heffron 25-Oct-13 12:44pm

What have you tried?
We can't really help without seeing the code where the difficulties lie.

Henrynetdev 25-Oct-13 13:26pm

I tried to compare the x and y coordinates values in the Spring() Method, which is used to in the following event CompositionTarget.Rendering += new EventHandler(CompositionTarget_Rendering);

When two particles x and y coordinates are met I need to move them in anti direction..
http://postimg.org/image/ayk1qbnct/
Please look into Label2 and Label9

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Matt T Heffron · Answer 1 · 2013-10-25T10:43:00

Solution 1

You will need to check if the Euclidean distance between the two bubbles' coordinates is less than or equal to the sum of the radii of the two bubbles (= diameter of one bubble if they are all the same size).

C#

var deltax = b1.x - b2.x;
var deltay = b1.y - b2.y;
if (Math.Sqrt(deltax * deltax + deltay * deltay) <= b1.radius + b2.radius)
{
  // the bubbles collide
}

This assumes the coordinates are of the center of the bubbles!!

Posted 25-Oct-13 10:43am

Matt T Heffron

Updated 25-Oct-13 10:49am

v2

Comments

Henrynetdev 28-Oct-13 7:19am

Thanks for your help..but I need to control the collision of bubbles.
Plz Let me know if you have any suggestion..

Matt T Heffron 28-Oct-13 13:49pm

At each iteration you will be moving the bubbles by some deltaX and deltaY, this is their velocity vector.
So you need to first calculate their proposed new location.
Check if they collide with any other bubble(s) (or the edge of the drawing space),
if they collide then adjust the velocity vectors of each as an elastic collision,
After completing calculating the new locations, then make a final pass to update the actual positions and draw the bubbles in their new positions.