繁星似锦实现原理解析

红影

马黑黑 发表于 2022-1-22 15:13
先领会，后动手，然后自己改变月牙的大小，甚至上弦月和下弦月都能做

这个玩法太有趣了，有无数种可能呢

马黑黑

红影 发表于 2022-1-22 20:10
我现在还没掌握呢，等学会了才有可能呢。

嗯嗯，是要学会才行

马黑黑

红影 发表于 2022-1-22 20:11
这个玩法太有趣了，有无数种可能呢

多种，不敢说无数

马黑黑

红影 发表于 2022-1-22 19:39
我不行，常规的都做不出来，这么巧妙的更做不出新的了，跟着做原样的还磕磕绊绊呢

会上手的

红影

马黑黑 发表于 2022-1-22 20:11
嗯嗯，是要学会才行

比较难，这些东西细节太重要了，我有点迷迷糊糊的性格

红影

马黑黑 发表于 2022-1-22 20:12
多种，不敢说无数

多种已经觉得很了不起了呢。

红影

马黑黑 发表于 2022-1-22 20:13
会上手的

嗯嗯，这次我对自己说：慢慢来

马黑黑

红影 发表于 2022-1-22 21:21
嗯嗯，这次我对自己说：慢慢来

马黑黑

红影 发表于 2022-1-22 21:21
多种已经觉得很了不起了呢。

那当然

马黑黑

红影 发表于 2022-1-22 21:20
比较难，这些东西细节太重要了，我有点迷迷糊糊的性格

逻辑，细节，缺一不可

红影

马黑黑 发表于 2022-1-22 22:40
那当然

我只是从你这看到一个才知道，即使多种，现在也只知道两种而已

红影

马黑黑 发表于 2022-1-22 22:41
逻辑，细节，缺一不可

我觉得我逻辑思维还行，就是细节上还得加强，另外还缺勤奋

马黑黑

红影 发表于 2022-1-23 11:15
我觉得我逻辑思维还行，就是细节上还得加强，另外还缺勤奋

反正急不得，一口吃不出胖子来的

红影

马黑黑 发表于 2022-1-23 11:24
反正急不得，一口吃不出胖子来的

往下弯的月亮怎么做？我又看了看这些代码，那个随机定位里最难的是两个++之间的东西，刚看明白是怎没定义左边和上面以及时长的

马黑黑

红影 发表于 2022-1-23 14:09
往下弯的月亮怎么做？我又看了看这些代码，那个随机定位里最难的是两个++之间的东西，刚看明白是怎没定义 ...

做出月牙后，用 transform 将之旋转 180 度不就可以了么？参考：

<style>
.moon {
        position: relative;
        background: transparent;
        left: 50%;
        top: 50%;
        width: 100px;
        height: 100px;
        border-radius: 50%;
        box-shadow: 20px 20px 0 0 silver;
        transform: rotate(180deg);
}
</style>

<div class="moon"></div>

马黑黑

红影 发表于 2022-1-23 14:09
往下弯的月亮怎么做？我又看了看这些代码，那个随机定位里最难的是两个++之间的东西，刚看明白是怎没定义 ...

至于那个 JS 的 for 语句，我简单说一下：

<script>

var j = 0;

for (i=0; i<5; i++) {
    j += i;
}

alert("奖金翻 " + j + "倍");

</script>


for 语句是流程语句，for(i=0; i<5; i++) 意思是：i 这个变量从 0 开始循环，循环的步进是 i++，意思是每次加 1 ，只要 i<5 都这么做。这样，循环计算流程执行完毕，弹出结果：奖金翻 10 倍。

上例，j 是翻倍变量，我们赋值为 0 ，for 循环计算中，每一次 j += i，等同于 j = j + i，所以 j 在不断累加。

红影

马黑黑 发表于 2022-1-23 14:24
做出月牙后，用 transform 将之旋转 180 度不就可以了么？参考：

哈哈，我还一直想怎样让阴影往上凸出去呢，原来这么简单就成了，太巧妙了

红影

马黑黑 发表于 2022-1-23 14:36
至于那个 JS 的 for 语句，我简单说一下：

然后你把累加过程都留着，就有600个星星了？

马黑黑

红影 发表于 2022-1-23 15:33
然后你把累加过程都留着，就有600个星星了？

它那里是累加HTML语句，是文本串的累加

马黑黑

红影 发表于 2022-1-23 15:31
哈哈，我还一直想怎样让阴影往上凸出去呢，原来这么简单就成了，太巧妙了

要有想象力哈