Submit your widget

jQuery html5 canvas 3D animation effect

Created 14 years ago   Views 78205   downloads 3965    Author unknown
jQuery html5 canvas 3D animation effect
View DemoDownload
210
Share |

Directions:

Step 1: Add the below code inside the <HEAD> section of the page:

 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
<script type="text/javascript" src="your_directory/html5_3d_animation.js"></script>
<script language="javascript" type="text/javascript">


    $(function() {
        $("#html5_3d_animation").html5_3d_animation({
            window_width: '600',
            window_height: '300',
            window_background: '#00113F',
            star_count: '1000',
            star_color: '#FBFFAF',
            star_depth: '100'
        });
    });
    
</script>

 

Step 2: Insert the below sample code into the BODY section of your page:

 

<canvas id="html5_3d_animation">Internet Explorer Not
Supported</canvas>