小编Mir*_*rts的帖子

我正在为一个浏览器游戏制作一个脚本,它将为玩家生成一个随机动物,以便在0-5标记的任何地方进行战斗.该动物上的标记是随机生成的,并被输入到自定义的imagick函数中,该函数将按照它们出现在数组中的顺序添加它们.

虽然标记是随机决定的,但它们应该如何出现在动物上有很多规则,例如"全身"区域中的标记显示在"腹部"区域的标记之上.为了更好地解释,到目前为止我将附上测试仪的图像:

因此要打破这个随机生成的动物的5个标记,eyeshadow标记属于眼睛区域,undertail属于尾巴,streaks属于全身,appaloosa属于背部,okapi属于腿部.现在的顺序只是在脚本循环通过数据库和随机选择的标记时添加,所以okapi(腿上的条纹)位于顶部,因为它是数组中的最后一个,并且添加了最后一个.但是遵循顺序规则,数组中的最后一个应该是条纹(身体上的水平条纹),因为全身标记在顶部.

以下是选择标记的代码,这是使用Laravel引擎完成的:

    // Determine number of markings
    $num = mt_rand(1,10);

    if ($num == 1) {
        $markingNum = 0;
    } elseif ($num > 1 && $num < 4) {
        $markingNum = 1;
    } elseif ($num > 4 && $num < 6) {
        $markingNum = 2;
    } elseif ($num > 6 && $num < 8) {
        $markingNum = 3;
    } elseif ($num > 8 && $num < 10) {
        $markingNum …

我正在制作一个非常独特的进度条,在视觉上看起来就像一个装满液体的玻璃球.不幸的是,由于圆形的形状,修改高度的传统方法效果不佳(如这个小提琴https://jsfiddle.net/usuw​​vaq5/2/所示).

正如您所看到的,让div高度"向上滑动"并不是理想的视觉效果.我也试过用css玩一下clip,但是无法让它为我工作.如何用第二张图像创建玻璃"填充"的视觉效果？