PHP code example of xiaosongshu / animation

1. Go to this page and download the library: Download xiaosongshu/animation library. Choose the download type require.

2. Extract the ZIP file and open the index.php.

3. Add this code to the index.php.
    
        
<?php
require_once('vendor/autoload.php');

/* Start to develop here. Best regards https://php-download.com/ */

    

xiaosongshu / animation example snippets

 

nt = new \Xiaosongshu\Animation\Client(0, 0, 1);

/** 立方体 */
$config2 = [
    /** 初始三维倾斜度 */
    'angleX' => 0,
    'angleY' => 0,
    'angleZ' => 0,
    /** 三维角速度 */
    'angleStepX' => 0.01,
    'angleStepY' => 0.02,
    'angleStepZ' => 0.01,
    /** 缩放比例 */
    'scale' => 0,
    /** 初始二维偏移量 */
    'distanceX' => 0,
    'distanceY' => 0,
    /** 二维图像偏移步长 */
    'distanceXStep' => 0,
    'distanceYStep' => 0,
    /** 二维x轴正方向偏移 */
    'directionX' => 0,
    /** 二维y轴正方向偏移 */
    'directionY' => 0,
    /** 三维图案顶点坐标 : 更新三维物体的顶点坐标,可以实现模型的形状改变 ,但是不建议这样操作,因为数据量太大了 */
    'vertices' => [
        /** 第一个动作 */
        [
            [-1, -1, -1],
            [1, -1, -1],
            [1, 1, -1],
            [-1, 1, -1],
            [-1, -1, 1],
            [1, -1, 1],
            [1, 1, 1],
            [-1, 1, 1]
        ],
        // ... 其他动作
    ],
    /** 三维图案绘图路径,两点确定一条线段,一个立方体由12条边构成 */
    'edges' => [[0, 1], [1, 2], [2, 3], [3, 0], [4, 5], [5, 6], [6, 7], [7, 4], [0, 4], [1, 5], [2, 6], [3, 7]],
    /** 自定义三维图像顶点变化函数,此处仅为示例,请根据实际情况设置符合你自己需求的顶点变化函数,没有则不写,如果需要动态修改三维物体形状,建议使用自定义函数 */
    'function' => function (&$vertices,$index) {
    
        # 若需要测试立方体形状变化,去掉下面的注释即可
//        /** 第一个顶点的变化函数 */
//        if ($index == 0){
//            /** x坐标 */
//            $vertices[0] = 4;
//            /** y坐标 */
//            $vertices[1] = 4;
//            /** z坐标 */
//            $vertices[2] = 4;
//        }
//        /** 第二个顶点的变化函数 */
//        if ($index == 1){
//            /** x坐标 */
//            $vertices[0] = $vertices[0] + 1;
//            /** y坐标 */
//            $vertices[1] = $vertices[1] + sin(30);
//            /** z坐标 */
//            $vertices[2] = $vertices[2] + rand(2,6);
//        }
        // ... 其他顶点的变化函数

    }
];

$client->add3dAnimation($config2);
# 运行动画
$client->run();
 

nt = new \Xiaosongshu\Animation\Client();

/** 流星 */
$config3 = [
    'maxStars' => 10,
    'numStars' => 10,
    'isWaterLine' => true,
    /** 初始二维偏移量 */
    'distanceX' => 0,
    'distanceY' => 0,
    /** 二维图像偏移步长 */
    'distanceXStep' => 2,
    'distanceYStep' => 1,
    /** 二维x轴正方向偏移 */
    'directionX' => 0,
    /** 二维y轴正方向偏移 */
    'directionY' => 0,
];
# 添加2D动画
$client->addStarRain($config3);
# 运行动画
$client->run();


nt = new \Xiaosongshu\Animation\Client();
/** 雪花飘落背景 */
$config4 = [
    /** 雪花密度 */
    'snowCount'=>100,
    /** 是否随机颜色 */
    'randomColor'=>true,
];
/** 添加雪花飘落背景 */
$client->addSnow($config4);

/** 运行脚本 */
$client->run();



ent = new \Xiaosongshu\Animation\Client();

# 添加3D动画
$client->add3dAnimation($config2);

# 添加2D动画
$client->addStarRain($config3);

# 运行动画
$client->run();
bash 
php yourPath/demo.php
bash 
php yourPath/demo.php
bash 
php yourPath/demo.php