《远古的呼唤》（学习黑黑《孤行者》效果）
<style>
#papa { margin: 20px 0 20px calc(50% - 681px); width: 1200px; height: 700px; background: url('https://pic.imgdb.cn/item/66417d480ea9cb14035c57b7.jpg') no-repeat center/cover; box-shadow: 3px 3px 6px gray; overflow: hidden; z-index: 1; position: relative; }
#canv3d { display: block; position: absolute; left: 180px; top: 120px; }
#player { position: absolute; left: 800px; top: 160px; width: 320px; height: 320px; object-fit: cover; clip-path: inset(4% round 50%); cursor: pointer; filter: drop-shadow(3px 3px 12px blue); z-index: 9; }
.vid { position: absolute; bottom: 0; width: 100%; height: calc(100% + 60px); object-fit: cover; mix-blend-mode: multiply; opacity: 0.7; }
</style>
<div id="papa">
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=1439830207" autoplay loop></audio>
<video id="player" src="https://img.tukuppt.com/video_show/14038878/00/11/52/5d9990726113d_10s_big.mp4" disablePictureInPicture autoplay loop muted></video>
<video class="vid" src="https://img.tukuppt.com/video_show/2405179/00/02/36/5b57f26ee7cfb_10s_big.mp4" autoplay loop muted></video>
<canvas width="600" height="576" id="canv3d"></canvas>
</div>
<script>
var sF = document.createElement('script');
sF.src = 'https://638183.freep.cn/638183/web/js/cloth3d.js';
document.body.appendChild(sF);
var vids = document.querySelectorAll('#papa > video');
aud.onplaying = aud.onpause = () => vids.forEach(vid => aud.paused ? vid.pause() : vid.play());
player.onclick = () => aud.paused ? aud.play() : aud.pause();
player.oncontextmenu = (e) => e.preventDefault();
</script>
猴面包树拥有惊人的5000年树龄，为贫瘠的非洲大陆的各种生物提供了水和食物甚至居住环境。
它用顽强的生命力见证着这个星球的兴衰，是值得膜拜的生命之树{:4_204:} 这个立体帘布挺适合筒状物体，感觉这种树形挺匹配，何况又是种令人尊敬的生命之树。
感谢黑黑的代码@马黑黑 {:4_187:} 扯布所产生的效果和风起云涌的场景很是匹配，这是本帖的精妙构思所在。帖子的元素应用，均围绕主题设计，非常得分。 马黑黑 发表于 2024-5-13 12:00
扯布所产生的效果和风起云涌的场景很是匹配，这是本帖的精妙构思所在。帖子的元素应用，均围绕主题设计，非 ...
谢谢黑黑，看到这样的作业评语很开心。那是神奇的生命之树，值得用美丽的代码布保护起来{:4_187:} 红影 发表于 2024-5-13 12:27
谢谢黑黑，看到这样的作业评语很开心。那是神奇的生命之树，值得用美丽的代码布保护起来
用块网布{:4_170:} 红影 发表于 2024-5-13 11:55
猴面包树拥有惊人的5000年树龄，为贫瘠的非洲大陆的各种生物提供了水和食物甚至居中环境。
它用顽强的生命 ...
学习了，第一次听说这个树种。 马黑黑 发表于 2024-5-13 12:47
用块网布
不管怎么说，意思到了就行{:4_173:} 愤怒的葡萄 发表于 2024-5-13 15:09
学习了，第一次听说这个树种。
我也是去搜索才看到的，然后去搜了这种树的特点，发现它们真的很令人敬佩。 红影 发表于 2024-5-13 22:20
不管怎么说，意思到了就行
意思意思就有意思 马黑黑 发表于 2024-5-13 22:21
意思意思就有意思
对这样滋养了很多生灵的树木必须膜拜，它们是上天的恩赐。 红影 发表于 2024-5-13 23:08
对这样滋养了很多生灵的树木必须膜拜，它们是上天的恩赐。
是的 这棵树很像一位亭亭玉立的美女。 马黑黑 发表于 2024-5-14 12:35
是的
所以我下面还特意加了点膜拜的人群{:4_173:} 梦油 发表于 2024-5-14 16:11
这棵树很像一位亭亭玉立的美女。
这树笔直高大，这棵还不算最突出的，我搜索的时候看到很多更壮观的，只是这棵树比较适合做这个效果，就选了这个{:4_173:} 红影 发表于 2024-5-14 21:06
所以我下面还特意加了点膜拜的人群
构思很巧妙的 马黑黑 发表于 2024-5-14 21:35
构思很巧妙的
主要我自己心里也很膜拜美丽的树木{:4_173:} 红影 发表于 2024-5-14 21:56
主要我自己心里也很膜拜美丽的树木
不错的 红影 发表于 2024-5-14 21:07
这树笔直高大，这棵还不算最突出的，我搜索的时候看到很多更壮观的，只是这棵树比较适合做这个效果，就选 ...
这棵树真漂亮。 马黑黑 发表于 2024-5-14 22:59
不错的
植物用自己的努力，供养了那么多的生灵，就算是食肉动物也需要有草食性动物的存在才行。