# Thread: Need help with snow effect

1. Registered User
Join Date
Oct 2012
Posts
18

## Need help with snow effect

Hello. As the title says i want to do a snow effect. The problem is that i can only get 1 snowflake in my picture. I really want to know how to copy the snow img so that i get many snowflakes falling from the top of the screen. Somewhere in here i have to add a code that duplicates the img "imgSnow".

if (canvas.getContext) {
ctx = canvas.getContext('2d');

function draw() {
drawBackground();
ctx.drawImage (imgSnow, x, y);

//------- Code i need ----------//

y += 9;

if (y > 450 ) {
y = -21;
x = Math.random () * 650;

}}}

2. You can draw the same picture several times to the canvas at the same time. You'll just have to switch your x and y variables with arrays. Something like this:

Code:
```var x = [];
var y = [];

for (var i = 0; i < 20; i++)
{
y[i] = -21;
x[i] = Math.random () * 650;
}

function draw()
{
drawBackground();

for (i = 0; i < x.length; i++)
{
ctx.drawImage (imgSnow, x[i], y[i]);

y[i] += 9;

if (y[i] > 450 ) {
y[i] = -21;
x[i] = Math.random () * 650;
}
}
}```
Last edited by ReFreezed; 10-29-2012 at 03:33 PM.

3. Registered User
Join Date
Oct 2012
Posts
18
Not bad, thank you very much.

This JC world seems so distance to me :P. Only one problem remains. All the snowflakes are falling at the same time:P, looks more lika a wave then a snowstorm. Any variable to make the snowflakes fall at random time ?

4. Member
Join Date
Oct 2012
Posts
9
A quick hack would be to use random negative values for your initial y values, so that they have different starting points.

Something like... replacing the first
Code:
`y[i] = -21;`
with
Code:
`y[i] = -1 * parseInt(450 * Math.random());`

5. Just make their starting y-position random further outside the canvas. Try maybe y[i] = -21-450*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.15859 seconds
• Memory Usage 2,870KB
• Queries Executed 15 (?)
Template Usage (33):
• (3)bbcode_code
• (1)footer
• (1)forumjump
• (1)forumrules
• (1)gobutton
• (5)memberaction_dropdown
• (1)navbar
• (1)navbar_moderation
• (1)navbar_noticebit
• (1)navbar_tabs
• (2)option
• (5)postbit
• (5)postbit_onlinestatus
• (5)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