So Weak

马黑黑 · 发表于 2025-10-25 20:36

请马上登录，朋友们都在花潮里等着你哦：）

您需要登录才可以下载或查看，没有账号？立即注册

x

马黑黑 · 发表于 2025-10-25 20:36

帖子代码

<style>
@import 'https://638183.freep.cn/638183/web/tz/tz.e.css';
.pa { --offsetX: 81px; --bg: url('https://638183.freep.cn/638183/t24/w7/qiu.webp') no-repeat center/cover; }
.li-zi { width: 40px; height: 30px; background: gold; clip-path: polygon(0 0, 100% 50%, 0 100%); offset-path: polygon(2% 2%, 98% 50%, 2% 98%); offset-distance: 0; }
.petal { width: 100%; height: 100%; background: url('https://638183.freep.cn/638183/small/2025/fl101.png') no-repeat center/cover; clip-path: path('M50 50 C10 -12, 90 -12, 50 50'); }
</style>
<div class="pa"></div>
<script type="module">
import TZ from 'https://638183.freep.cn/638183/web/tz/tz.f.trial.v1.js';
const tz = TZ.TZ('pa');
tz.add('audio', '', '', { src: 'https://music.163.com/song/media/outer/url?id=472167986' });
tz.bgprog().style('bottom: 20px; color: gold');
tz.fs().style('right: 30px; bottom: 20px; color: gold');
tz.add('div', 'lzpa', 'wrap100 rot-ani', {
style: 'bottom: 45px; cursor: pointer;'
}).playmp3();
tz.lzRan(15, 'pa', {
className: 'li-zi path-ani',
background: 'gold',
delay: -20,
duration: 20
});
tz.lzRot(6, 'lzpa', {className: 'petal'});
</script>

复制代码

马黑黑 · 发表于 2025-10-25 20:44

帖子测试 tzMaker.f 初测版，.f.trial.v1 模块尚未定型，这里仅做测试之用。

.f 将重点处理一些业已发现的问题和缺陷，这应该是一个漫长的过程，一两天内无法完成。原因之一是问题和缺陷尚待发现，原因之二是在不改变指令结构的基础上去修正问题过程比较繁琐。

.f 可能不会增加新指令。

本帖所测试的 .f.trial.v1 模块，重点之一在粒子系统层面，基于 lzRan、lzRot、lzRing 单个指令，能接收更多的CSS设置；重点之二是扩展 add 指令的接收多个 class 类名的能力。