红影 发表于 2024-5-12 19:39

《星际争霸》(学习黑黑《时空撞击》效果)

<style>
        #mybox { margin: 20px 0 20px calc(50% - 631px); width: 1100px; height: 615px; background: url('https://pic.imgdb.cn/item/66406ef40ea9cb1403e7a065.jpg') no-repeat center/cover; box-shadow: 3px 3px 6px gray; overflow: hidden; z-index: 1; position: relative; }
        #canv { position: absolute; top: -20px; mix-blend-mode: screen; }
        #player { position: absolute;left: 380px;top: 100px; cursor: pointer; transform-origin: 200px 60px; transform: rotate(0deg); animation: rot 1.8s linear infinite alternate var(--state);opacity: 0.7; }
        #mybox > video { position: absolute; bottom: 0; width: 100%; height: calc(100% + 60px); opacity: 0.3; object-fit: cover; mix-blend-mode: screen; }
        @keyframes rot { from { opacity: 0.7; transform: rotate(-5deg); } to { opacity: 0.3; transform: rotate(5deg); } }
</style>

<div id="mybox">
        <audio id="aud" src="https://music.163.com/song/media/outer/url?id=470853083" autoplay loop></audio>
        <video src="https://img.tukuppt.com/video_show/2269348/00/14/91/5e67a1fe3519c_10s_big.mp4" loop muted></video>
        <canvas width="1100" height="615" id="canv"></canvas>
        <img id="player" src="https://pic.imgdb.cn/item/6640ac760ea9cb14034a6953.png" width="420" height="121" alt="" title="播放/暂停" />
</div>

<script>
        var sF = document.createElement('script');
        sF.src = 'https://638183.freep.cn/638183/web/js2024/oc-lz.js';
        document.body.appendChild(sF);
        var lz = {papa: mybox, hue: 41, total: 15000, deep: -100};
        player.onclick = () => aud.paused ? aud.play() : aud.pause();
</script>

愤怒的葡萄 发表于 2024-5-12 19:40

这个让我想起了1999年暴雪出品的即时战略游戏星际争霸,当时我还是一个大一的学生。

起个网名好难 发表于 2024-5-12 19:43

https://s3.bmp.ovh/imgs/2023/05/24/d90e46c0779fdc6b.gif

红影 发表于 2024-5-12 19:46

找了几个飞机都不好看,我再换个颜色试试。。。

红影 发表于 2024-5-12 19:51

愤怒的葡萄 发表于 2024-5-12 19:40
这个让我想起了1999年暴雪出品的即时战略游戏星际争霸,当时我还是一个大一的学生。

谢谢葡萄临帖,我是跟着玩玩的{:4_173:}

红影 发表于 2024-5-12 19:51

起个网名好难 发表于 2024-5-12 19:43


问好难难,谢谢鼓励{:4_187:}

愤怒的葡萄 发表于 2024-5-12 19:54

红影 发表于 2024-5-12 19:51
谢谢葡萄临帖,我是跟着玩玩的

我不太喜欢即时战略游戏的,主要我反应没那么快,不适合玩这类的游戏。

马黑黑 发表于 2024-5-12 20:21

愤怒的葡萄 发表于 2024-5-12 19:40
这个让我想起了1999年暴雪出品的即时战略游戏星际争霸,当时我还是一个大一的学生。

星际争霸是一款非常经典的虚拟太空站游戏

马黑黑 发表于 2024-5-12 20:21

红影 发表于 2024-5-12 19:46
找了几个飞机都不好看,我再换个颜色试试。。。

现在这个是不错的,亦可以试着换上大疆无人机

马黑黑 发表于 2024-5-12 20:24

愤怒的葡萄 发表于 2024-5-12 19:54
我不太喜欢即时战略游戏的,主要我反应没那么快,不适合玩这类的游戏。

估计养成类游戏合适你

南无月 发表于 2024-5-12 21:35

这个太酷了,播放器加了摇动效果,像真的在太空飞翔{:4_199:}

南无月 发表于 2024-5-12 21:35

影子的构思创意都超棒!~~{:4_199:}

红影 发表于 2024-5-12 22:30

愤怒的葡萄 发表于 2024-5-12 19:54
我不太喜欢即时战略游戏的,主要我反应没那么快,不适合玩这类的游戏。

我也很少玩游戏,是跟着这样的场景去找音乐,所以找了这个曲子{:4_173:}

红影 发表于 2024-5-12 22:31

马黑黑 发表于 2024-5-12 20:21
现在这个是不错的,亦可以试着换上大疆无人机

无人机一般不是长条形状的,这个比较适合这个形状的飞机啊{:4_173:}

红影 发表于 2024-5-12 22:32

南无月 发表于 2024-5-12 21:35
这个太酷了,播放器加了摇动效果,像真的在太空飞翔

主要被黑黑的粒子效果吸引的,那个也是有起伏,让我想起摇动飞机{:4_173:}

红影 发表于 2024-5-12 22:32

南无月 发表于 2024-5-12 21:35
影子的构思创意都超棒!~~

谢谢月儿,总得到你的夸奖呢{:4_173:}{:4_185:}

马黑黑 发表于 2024-5-12 23:09

红影 发表于 2024-5-12 22:31
无人机一般不是长条形状的,这个比较适合这个形状的飞机啊

一切看拍照的角度,爱拍长的就是长的

红影 发表于 2024-5-12 23:32

马黑黑 发表于 2024-5-12 23:09
一切看拍照的角度,爱拍长的就是长的

这肯定跟它们自身长的样子更相关呢{:4_189:}

樵歌 发表于 2024-5-13 11:35

看到星际画面和星空轰炸机了,但画面没动,也没声音。奇怪了。

马黑黑 发表于 2024-5-13 11:53

红影 发表于 2024-5-12 23:32
这肯定跟它们自身长的样子更相关呢

不是的。比方过去玩的某一个论坛吧,就成就了一对。难得大东北汉子,女的南方小鸟依人的样纸。诸多照片中女的好歹是一米六的,还特么肤白貌美。嗯,终于见光,一见光即死光光,女的才一米四几,在东北大汉面前简直就是一个小不点,这男的能同意吗?

我不记得他们的网名了,不过此事确实发生过。
页: [1] 2 3
查看完整版本: 《星际争霸》(学习黑黑《时空撞击》效果)