花甲走四方 发表于 2026-6-16 15:04

楊小萍-因為我愛你

<style>
@import 'https://638183.freep.cn/638183/tzmaker/tz5.css';
.pa { --bg: url('https://picasa.eu.org/i/2026/06/16/dvls6r.jpg') no-repeat center/cover; --ma-size: 12%;width: 1400px; height: 700px; }
<script type="module">
          import { THREE, scene, camera, renderer, clock, basic3, click3 } from 'https://638183.freep.cn/638183/3dev/3/3basic.js?v=1.0';
          import TWEEN from 'https://638183.freep.cn/638183/3dev/examples/jsm/libs/tween.module.js';
          import { FS } from 'https://638183.freep.cn/638183/web/ku/FS.js';
          basic3(papa, aud.paused);

          // 绘制点云球体 ：点颜色随机
          const geometry = new THREE.SphereGeometry(0.8, 64, 64);
          const count = geometry.attributes.position.count;
          const colors = new Float32Array(count * 3);
          for (let i = 0; i < count; i++) {
            colors = Math.random();
            colors = Math.random();
            colors = Math.random();
          }
          geometry.setAttribute('color', new THREE.BufferAttribute(colors, 3));
          const material = new THREE.PointsMaterial({ size: 0.05, vertexColors: true });
          const mesh = new THREE.Points(geometry, material);
          scene.add(mesh);
          // 加入 tween 动画 ：点从球体飞往各处再折回
          const startPositions = geometry.getAttribute('position');
          for(let i = 0; i < startPositions.count; i++) {
                  if (i % 5 === 0) continue; // 排除索引被5整除的点
                  const tween = new TWEEN.Tween(startPositions.array)
                  .to({
                        : THREE.MathUtils.randFloatSpread(10),
                        : THREE.MathUtils.randFloatSpread(10),
                        : THREE.MathUtils.randFloatSpread(10)
                  }, 5000 * Math.random() + 6000)
                  .delay(2000)
                  .easing(TWEEN.Easing.Exponential.Out)
                  .onUpdate(() => startPositions.needsUpdate = true)
                  .repeat(Infinity)
                  .repeatDelay(1500)
                  .yoyo(6000)
                  .start();
          }

          const animate = () => {
                  TWEEN.update();
                  const delta = clock.getDelta();
                  mesh.rotation.x += delta / 5;
                  mesh.rotation.y += delta / 5;
                  renderer.render(scene, camera);
                  requestAnimationFrame(animate);
          };

          papa.onclick = (e) => {
                  if (click3(mesh, e)) player.click();
          };

          papa.onmousemove = (e) => {
                  papa.title = click3(mesh, e) ? '播放/暂停(Alt+X)' : '';
                  papa.style.cursor = click3(mesh, e) ? 'pointer' : 'default';
          };

          const tweens = TWEEN.getAll();

          aud.onplaying = aud.onpause = () => {
                  tweens.forEach(tween => aud.paused ? tween.pause() : tween.resume());
                  aud.paused ? clock.stop() : clock.start();
          };

          animate();
          FS(papa, player);
</style>

<div class="pa"></div>

<script>
var gc = `
楊小萍-因為我愛你
我有一天在那街上遇見你
有心過去和你招呼訴情意
你仿佛有意躲避
兩只眼睛望著地
我實在喜歡你想要認識你
我倆做個朋友沒關系
誰知道你覺得了不起
好像世上只有你
我愿意為你把頭低
那是因為我愛你
我有一天在那街上遇見你
有心過去和你招呼訴情意
你仿佛有意躲避
兩只眼睛望著地
我實在喜歡你想要認識你
我倆做個朋友沒關系
誰知道你覺得了不起
好像世上只有你
我愿意為你把頭低
那是因為我愛你
我有一天在那街上遇見你
有心過去和你招呼訴情意
你仿佛有意躲避
兩只眼睛望著地
我實在喜歡你想要認識你
我倆做個朋友沒關系
誰知道你覺得了不起
好像世上只有你
我愿意為你把頭低
那是因為我愛你
制作：花甲走四方
`;
var jsFile = 'https://638183.freep.cn/638183/tzmaker/tz5.js';
loadJs(jsFile, tzInit);

function loadJs(url, callback) {
    const script = document.createElement('script');
    script.charset = 'utf-8';
    script.src = url;
    script.defer = true;
    script.onload = callback;
    document.head.appendChild(script);
}

function tzInit() {
    var tz = TZ('pa');
    tz.add('audio', '', '', { src: 'https://mpimg.cn/view.php/86c0fecafa51989a43ae080550ab8a54.mp3' });
    tz.add('video', '', 'pd-vid', {src: 'https://img2.tukuppt.com/video_show/2629112/00/08/47/5d24abddcc069.mp4'});
    tz.add('div', '', 'ma', { style: 'background: url("") no-repeat center/cover; bottom: 60px;' }).playmp3();
    tz.bgprog().style('bottom: 40px; color: #FF1493; width: 240px;');
    tz.lrc(tz.lrc2HC(gc), '', true).style('top: 530px;');
    tz.fs().style('left: 20px; top: 20px;');
    tz.autoMid();
}
</script>

梦江南 发表于 2026-6-16 16:31

欣赏高老师的精美音画制作。问好！{:4_187:}

梦油 发表于 2026-6-16 19:07

欣赏精美制作，问好花甲走四方朋友。

小辣椒 发表于 2026-6-16 21:51

欣赏老师精彩制作{:4_170:}

画面温馨，老师现在做黑黑老师的代码播放器很熟练了{:4_199:}

红影 发表于 2026-6-16 22:04

好漂亮的制作，欣赏高老师好帖{:4_187:}
页: [1]
查看完整版本: 楊小萍-因為我愛你