Submit your widget

jQuery html5 canvas 3D animation effect

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