1. Registered User
Join Date
Oct 2012
Posts
16

## Color problem

Hi

I'm making a field of asteroids and try to change colors in two ways. Btw I'm a beginner with this.

First is to have all the androids colored randomly and second is two have them colored in lets say 3 different predefined colors.

Thanks guys...

Code:
```\$(document).ready(function() {
var canvas = \$("#myCanvas");
var context = canvas.get(0).getContext("2d");
var canvasWidth = canvas.width();
var canvasHeight = canvas.height();
\$(window).resize(resizeCanvas);

function resizeCanvas() {
canvas.attr("width", \$(window).get(0).innerWidth);
canvas.attr("height", \$(window).get(0).innerHeight);
canvasWidth = canvas.width();
canvasHeight = canvas.height();
};

resizeCanvas();

var playAnimation = true;
var startButton = \$("#startAnimation");
var stopButton = \$("#stopAnimation");
startButton.hide();
startButton.click(function() {
\$(this).hide();
stopButton.show();
playAnimation = true;
animate();
});

stopButton.click(function() {
\$(this).hide();
startButton.show();
playAnimation = false;
});

var Asteroid = function(x, y, radius, color) {
this.x = x;
this.y = y;
this.color = color;
this.vX = vX;
this.vY = vY;
};

var asteroids = new Array();
for (var i = 0; i < 1000; i++) {
var x = 20+(Math.random()*(canvasWidth-40));
var y = 20+(Math.random()*(canvasHeight-40));
var vX = Math.random()*4-2;
var vY = Math.random()*4-2;
var color = 'rgb(' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ')';
asteroids.push(new Asteroid(x, y, radius, vX, vY, color));
};

function animate() {
context.clearRect(0, 0, canvasWidth, canvasHeight);
//context.fillStyle = "rgb(255, 255, 255)";
var asteroidsLength = asteroids.length;
for (var i = 0; i < asteroidsLength; i++) {
var tmpAsteroid = asteroids[i];
tmpAsteroid.x += tmpAsteroid.vX;
tmpAsteroid.y += tmpAsteroid.vY;

tmpAsteroid.vX *= -1;
} else if (tmpAsteroid.x+tmpAsteroid.radius > canvasWidth) {
tmpAsteroid.vX *= -1;
};
tmpAsteroid.vY *= -1;
} else if (tmpAsteroid.y+tmpAsteroid.radius > canvasHeight) {
tmpAsteroid.vY *= -1;
};

context.beginPath();
context.arc(tmpAsteroid.x, tmpAsteroid.y, tmpAsteroid.radius, 0, Math.PI*2, false);
context.closePath();
context.fill();
};
if (playAnimation) {
setTimeout(animate, 33);
};
};

animate();
});```

2. Registered User
Join Date
Oct 2012
Location
Gujarat, India.
Posts
35
Well, try this.

3. Code:
```function oneOfManyColors(){
var colors=["#ff6622", "#00ff00", "#0088ff", "#ff0000", "#ff8800"]; //and so on
return colors[ Math.floor(colors.length * Math.random()) ];
}```

There are currently 1 users browsing this thread. (0 members and 1 guests)

#### Posting Permissions

• You may not post new threads
• You may not post replies
• You may not post attachments
• You may not edit your posts
•

"

"

## X vBulletin 4.2.2 Debug Information

• Page Generation 0.12220 seconds
• Memory Usage 2,861KB
• Queries Executed 15 (?)
Template Usage (33):
• (2)bbcode_code
• (1)footer
• (1)forumjump
• (1)forumrules
• (1)gobutton
• (3)memberaction_dropdown
• (1)navbar
• (1)navbar_moderation
• (1)navbar_noticebit
• (1)navbar_tabs
• (2)option
• (3)postbit
• (3)postbit_onlinestatus
• (3)postbit_wrapper
• (1)spacer_close
• (1)spacer_open
• (1)tagbit_wrapper

Phrase Groups Available (6):
• global
• inlinemod
• postbit
• posting
• reputationlevel
Included Files (26):
• ./global.php
• ./includes/class_bootstrap.php
• ./includes/init.php
• ./includes/class_core.php
• ./includes/config.php
• ./includes/functions.php
• ./includes/class_friendly_url.php
• ./includes/class_hook.php
• ./includes/class_bootstrap_framework.php
• ./vb/vb.php
• ./vb/phrase.php
• ./includes/functions_calendar.php
• ./includes/functions_bigthree.php
• ./includes/class_postbit.php
• ./includes/class_bbcode.php
• ./includes/functions_reputation.php
• ./includes/functions_notice.php
• ./packages/vbattach/attach.php
• ./vb/types.php
• ./vb/cache.php
• ./vb/cache/db.php
• ./vb/cache/observer/db.php
• ./vb/cache/observer.php

Hooks Called (72):
• init_startup
• friendlyurl_resolve_class
• init_startup_session_setup_start
• database_pre_fetch_array
• database_post_fetch_array
• init_startup_session_setup_complete
• global_bootstrap_init_start
• global_bootstrap_init_complete
• cache_permissions
• fetch_postinfo_query
• fetch_postinfo
• fetch_foruminfo
• global_state_check
• global_bootstrap_complete
• global_start
• style_fetch
• global_setup_complete
• strip_bbcode
• friendlyurl_clean_fragment
• friendlyurl_geturl
• forumjump
• cache_templates
• cache_templates_process
• template_register_var
• template_render_output
• fetch_template_start
• fetch_template_complete
• parse_templates
• notices_check_start
• notices_noticebit
• process_templates_complete
• friendlyurl_redirect_canonical
• bbcode_fetch_tags
• bbcode_create
• postbit_factory
• postbit_display_start
• postbit_imicons
• bbcode_parse_start
• bbcode_parse_complete_precache
• bbcode_parse_complete
• postbit_display_complete
• memberaction_dropdown
• tag_fetchbit_complete
• forumrules
• navbits
• navbits_complete