var Rotation = 0.0;

main();

function main() {
    const canvas = document.querySelector('#canvas5');
    const gl = canvas.getContext('webgl');

    if (!gl) {
        alert('加载失败，请更换浏览器');
        return;
    }

    const shaderProgramInfo = createNormalShaderProgramInfo(gl);

    const passedcube_buffer = PassedCube_bufferInit(gl);
    const fun_buffer = Fun_bufferInit(gl, fan_n=45, r=0.4);
    const square_buffer = Square_bufferInit(gl, r=0.15);
    const star_buffer = Star_bufferInit(gl, R = 0.2);
    const triangle_buffer = Triangle_bufferInit(gl, r = 0.2);
    const ball_buffer = Ball_bufferInit(gl, 1, 5, 1);

    var then = 0;

    const cubeLocation = [1.0, 1.0, -8.0];
    const ballLocation = [-1.0, 0.0, -5.0];

    function render(now) {
        var packedInfos = [];

        //创建穿心正方体

        passedcube_modelmatrixInfo = {
            translateAttri: cubeLocation,
            rotateSpeed: [1.0, 0.7, 0.8],
        };
        const passedcube_matrix = createModelViewMatrix(passedcube_modelmatrixInfo);

        const passedcube_packedInfo = packInfo(passedcube_buffer, passedcube_matrix, shaderProgramInfo);
        packedInfos.push(passedcube_packedInfo);
        //////////

        //创建扇形

        fun_modelmatrixInfo = {
            translateAttri: cubeLocation,
            rotateSpeed: [1.8, 1.0, 2.0],
            transAfterRot: [0.0, 0.2, 0.0],
        };
        const fun_matrix = createModelViewMatrix(fun_modelmatrixInfo);

        const fun_packedInfo = packInfo(fun_buffer, fun_matrix, shaderProgramInfo);
        packedInfos.push(fun_packedInfo);
        //////////

        //创建正方形

        square_modelmatrixInfo = {
            translateAttri: cubeLocation,
            rotateSpeed: [0.8, 2.0, 1.6],
            transAfterRot: [0.0, 0.6, 0.0],
        };
        const square_matrix = createModelViewMatrix(square_modelmatrixInfo);

        const square_packedInfo = packInfo(square_buffer, square_matrix, shaderProgramInfo);
        packedInfos.push(square_packedInfo);
        //////////

        //创建五角星

        star_modelmatrixInfo = {
            translateAttri: cubeLocation,
            rotateSpeed: [2.0, 1.2, 1.8],
            transAfterRot: [0.0, -0.2, 0.0],
        };
        const star_matrix = createModelViewMatrix(star_modelmatrixInfo);

        const star_packedInfo = packInfo(star_buffer, star_matrix, shaderProgramInfo);
        packedInfos.push(star_packedInfo);
        //////////

        //创建三角形

        triangle_modelmatrixInfo = {
            translateAttri: cubeLocation,
            rotateSpeed: [1.4, 1.4, 1.4],
            transAfterRot: [0.0, -0.6, 0.0],
        };
        const triangle_matrix = createModelViewMatrix(triangle_modelmatrixInfo);

        const triangle_packedInfo = packInfo(triangle_buffer, triangle_matrix, shaderProgramInfo);
        packedInfos.push(triangle_packedInfo);
        //////////

        //创建球体
        ball_modelmatrixInfo = {
            translateAttri: ballLocation,
            rotateSpeed: [0.7, 0.8, 1.0],
        };
        const ball_matrix = createModelViewMatrix(ball_modelmatrixInfo);

        const ball_packedInfo = packInfo(ball_buffer, ball_matrix, shaderProgramInfo);
        packedInfos.push(ball_packedInfo);
        //////////




        now *= 0.001;
        const deltaTime = now - then;
        then = now;

        drawScene(gl, packedInfos, deltaTime);

        requestAnimationFrame(render)
    }

    requestAnimationFrame(render)
}