Submit your widget

jQuery html5 canvas 3D animation effect

Created 10 years ago   Views 103611   downloads 7683    Author unknown
jQuery html5 canvas 3D animation effect
View DemoDownload 1.8 KB
255
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>