【黑师代码】像风走了八百里（TO/马黑黑）
本帖最后由 花飞飞 于 2025-6-14 10:24 编辑 <br /><br /><style>#tz { margin: 30px 0; left: calc(50% - 91px); transform: translateX(-50%);width: clamp(600px, 90vw, 1800px); height: auto; aspect-ratio: 18/9; background: url('https://642303.freep.cn/642303/za/20250614xfzlbb05.webp') no-repeat center/cover; box-shadow: 2px 2px 8px #000; display: grid; place-items: center; z-index: 1; position: relative;overflow: hidden; }
#btnFs { bottom: 20px; color: #eee; }
#tz > canvas { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; }
#vid {position: absolute; width: 100%; height: 130%;top:-100px;mix-blend-mode: overlay; object-fit: cover; mask: radial-gradient(transparent 20%, red); -webkit-mask: radial-gradient(transparent 20%, red); pointer-events: none; opacity: .51; }
</style>
<div id="tz"><video id="vid" src="https://bpic.588ku.com/video_listen/588ku_video/23/08/29/17/22/02/video64edb8ba412ef.mp4" autoplay loop muted></video></div>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=1953528261" autoplay loop></audio>
<script type="module">
import { THREE, scene, camera, renderer, clock, LZ } from 'https://638183.freep.cn/638183/web/ku/spriteparticle.js?v=1';
const config = {
sprite: {
number: 80,
color: 0X10FFFF,
scale: ,
pic: 'https://642303.freep.cn/642303/za/fl1033.png',
rotation:
},
mesh: {
pic: 'https://642303.freep.cn/642303/za/shuijing300%20%E6%8B%B7%E8%B4%9D.webp',
transparent: true,
position: [-0.8, -0.6, 0],
rotate: ,
rotation:
}
};
LZ(tz, config);
new THREE.TextureLoader().load(
'https://642303.freep.cn/642303/za/xiaochuan.png',
(texture) => {
texture.colorSpace = THREE.SRGBColorSpace;
const girl = new THREE.Sprite(
new THREE.SpriteMaterial({ map: texture })
);
girl.position.set(-7.5, -2, 0);
girl.scale.set(1, 0.5, 1);
scene.add(girl);
}
);
</script> @马黑黑 把小菇凉变成了个小船放背后海里了{:4_173:}
物理方式给花朵和小播加了点透明度，感觉效果达到了预期 因为背景有人物，把飞花精灵减少了一些。。试图把小播球体尺寸减小一点，没成{:4_173:} 飞飞的回礼这么快，而且这么美，太敏捷了{:4_199:}
这样好，又有好帖子看了。@马黑黑 收礼开心{:4_187:} 飞飞把飞花精灵减少了且增加了透明度，这个更好，感觉更淡雅更凄迷了，衬得背后的空间也更辽阔了。
小球上的贴图也很恰当，飞飞的这个设计处处都那么恰好的感觉{:4_199:} 花飞飞 发表于 2025-6-14 09:32
@马黑黑 把小菇凉变成了个小船放背后海里了
物理方式给花朵和小播加了点透明度，感觉效果达到了 ...
那小船为了表达遥远而比较小，机会没有飞花往它那跑，飞飞不说，都不知道它是贴图呢{:4_173:} 欣赏佳作，问候花飞飞。 这个花朵好像变小了的感觉，悠然飘飞，伴着视频效果，将天地弄得朦胧而旖旎{:4_199:} 沉浸式感悟天地的的眷顾，画面朦胧而柔情万种！{:4_189:} 马大师收礼开它十个心{:4_189:} 花飞飞 发表于 2025-6-14 09:32
@马黑黑 把小菇凉变成了个小船放背后海里了
物理方式给花朵和小播加了点透明度，感觉效果达到了 ...
厉害厉害{:4_199:} 红影 发表于 2025-6-14 10:36
飞飞的回礼这么快，而且这么美，太敏捷了
这样好，又有好帖子看了。@马黑黑 收礼开心
开森开森{:4_189:} 红影 发表于 2025-6-14 10:36
飞飞的回礼这么快，而且这么美，太敏捷了
这样好，又有好帖子看了。@马黑黑 收礼开心
影子支持真是给力，抱个{:4_183:} 红影 发表于 2025-6-14 10:40
飞飞把飞花精灵减少了且增加了透明度，这个更好，感觉更淡雅更凄迷了，衬得背后的空间也更辽阔了。
小球上 ...
看你的回复，真是赏心悦目，太喜欢了。。。周末快乐，影子{:4_187:} 红影 发表于 2025-6-14 10:45
那小船为了表达遥远而比较小，机会没有飞花往它那跑，飞飞不说，都不知道它是贴图呢
制图的原因，再放个大的贴图不太合适，就用个小船了。。 梦油 发表于 2025-6-14 10:52
欣赏佳作，问候花飞飞。
问好梦油，感谢支持{:4_190:} 红影 发表于 2025-6-14 11:35
这个花朵好像变小了的感觉，悠然飘飞，伴着视频效果，将天地弄得朦胧而旖旎
{:4_187:}影子的描述好诗意啊，太赞了 樵歌 发表于 2025-6-14 12:02
沉浸式感悟天地的的眷顾，画面朦胧而柔情万种！
感谢樵管支持鼓励{:4_173:} 樵歌 发表于 2025-6-14 12:15
马大师收礼开它十个心
{:4_170:} 马黑黑 发表于 2025-6-14 12:23
厉害厉害
是你的代码厉害，不知道怎么加透明度，用RGB格式它不认{:4_170:}