[黑师代码】读你（tzMaker在线制作工具试贴之二）
本帖最后由 花飞飞 于 2026-1-14 16:43 编辑 <br /><br /><style>@import 'https://638183.freep.cn/638183/web/tz/tz.v4.css';
.pa { --offsetX: 81px;width: 1700px; height: 900px; --bg: url('https://642303.freep.cn/642303/tu/066.webp') no-repeat center/cover; --ma-size: 3%; }
</style>
<div class="pa"></div>
<script type="module">
import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v3.js';
const tz = TZ.TZ('pa');
tz.add('audio', '', '', { src: 'https://music.163.com/song/media/outer/url?id=407435011' });
tz.add('video', '', 'qk-vid', {src: 'https://bpic.588ku.com/video_listen/588ku_video/25/02/26/10/22/30/video67be7ae60fbee.mp4'}).style('mix-blend-mode:screen;opacity: .69;');
tz.add('img', '', 'ma', { src: 'https://642303.freep.cn/642303/za/01.png' }).style(' bottom: 60px;').playmp3();
tz.bgprog().style('left: 42%; bottom: 40px; color: yellow;');
tz.fs().style('left: 20px; top: 20px;');
</script> 本帖最后由 杨帆 于 2026-1-14 16:44 编辑
效果精彩，谢谢花飞飞进一步测试{:4_204:} @马黑黑
偏移量81加上去了，论坛发贴很正，特别漂亮。
每个人制贴的大小不统一，强烈要求程序里面添上贴子的宽度和高度，可以自己定尺寸。。{:4_170:} 音频用的几乎都是网易的，做了两个贴子要去复制地址。。懒人小白建议给个固定的，换最后的数字就好。。{:4_173:} 视频把常用的这个滤镜mix-blend-mode:screen;也写在例如里，跟透明度一样。。免了去找。。 试了两个贴子，我用不同大小图加了宽高和和偏移量之后，发现在预览里看不到全部的画面，两边被截掉了。
发到论坛里才可以看到。。
还是希望在预览里可以看到最终效果{:5_162:} 杨帆 发表于 2026-1-14 16:37
效果精彩，谢谢花飞飞进一步测试
感谢杨帆支持 说明一下。图片是以前制作的旧图，与现在做的图大小 有区别，就抓了一张来试。。{:4_173:} 花飞飞 发表于 2026-1-14 16:39
@马黑黑
偏移量81加上去了，论坛发贴很正，特别漂亮。
每个人制贴的大小不统一，强烈要求程序里面添上贴 ...
在还没有改动工具设置之前，可以在生成代码后在 .pa {} 选择器中加入 width 和 height 设置 花飞飞 发表于 2026-1-14 16:41
视频把常用的这个滤镜mix-blend-mode:screen;也写在例如里，跟透明度一样。。免了去找。。
这是活学活用{:4_170:} 花飞飞 发表于 2026-1-14 16:51
说明一下。图片是以前制作的旧图，与现在做的图大小 有区别，就抓了一张来试。。
一试效果很惊艳{:4_171:} 歌曲很温柔，制图漂亮。欣赏飞飞好帖{:4_199:} 马黑黑 发表于 2026-1-14 20:37
在还没有改动工具设置之前，可以在生成代码后在 .pa {} 选择器中加入 width 和 height 设置
昨天第二贴有自己加了。。{:5_117:}因为小小的看不习惯 马黑黑 发表于 2026-1-14 20:37
这是活学活用
给个最最最最常用的呗。。那一串好难记的。。。拜托拜托{:4_185:} 马黑黑 发表于 2026-1-14 20:38
一试效果很惊艳
惊呆了。。你把代码可视化，直观直接。哈哈，网上第一个真正 的音画制作程序{:4_170:} 红影 发表于 2026-1-14 21:24
歌曲很温柔，制图漂亮。欣赏飞飞好帖
感谢影子支持。{:4_187:} 花飞飞 发表于 2026-1-15 11:21
惊呆了。。你把代码可视化，直观直接。哈哈，网上第一个真正 的音画制作程序
{:4_172:} 花飞飞 发表于 2026-1-15 11:20
给个最最最最常用的呗。。那一串好难记的。。。拜托拜托
{:4_181:} 花飞飞 发表于 2026-1-15 11:19
昨天第二贴有自己加了。。因为小小的看不习惯
眼大看四方 马黑黑 发表于 2026-1-15 12:10
手机开发者整成触摸屏就是这样的思路吧。{:4_173:}