醉美水芙蓉 发表于 2023-10-5 21:18

奢香夫人

<style>#papa { margin: 0 0 0 calc(50% - 830px); width: 1500px; height: 800px; background: url('https://pic.imgdb.cn/item/64d4e5d41ddac507cc443eed.jpg') no-repeat center/cover; box-shadow: 4px 4px 8px black; overflow: hidden; display: grid; place-items: center; z-index: 1; position: relative; --state: running; }
#papa::before {position: absolute; content: url('https://638183.freep.cn/638183/t22/gif/star.gif'); bottom: 100px;right:100px; mix-blend-mode: screen; }</style><div id="papa"><audio id="aud" src="https://i.mp3.wf/view.php/478c572fc9e2e15777a41260dee293a0.mp3" autoplay="" loop=""></audio></div><script>(function() {
        let lrcAr = [
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];
        let js1 = 'https://638183.freep.cn/638183/web/api/svg_path_lrc.js',
                js2 = 'https://638183.freep.cn/638183/web/lizi/h5lz_2d.js';
        let loadJs = (url,callback) => {
                let body = document.querySelector('body'), jsNode = document.createElement('script');
                jsNode.charset = 'utf-8';
                jsNode.setAttribute('src', url);
                body.appendChild(jsNode);
                jsNode.onload = () => callback();
        };
        loadJs(js1, () => {
                HCPlayer({
                        papa: '#papa',
                        lrcAr: lrcAr,
                        lrc_css: 'bottom: 20px; --bg: linear-gradient(hsla(10,55%,40%,.15),hsla(120,26%,45%,.7)); color: #aaa;',
                        fs_css: 'transform: translate(0,-35px); background: transparent;',
                        player_css: 'transform: translate(-100px,0;); width: 1500px; height: 220px;',
                        path: 'm325.83618,112.48171c-8.04256,-1.37255 -16.41326,-2.27625 -23.21026,-2.52086l-1.19868,-0.04077c0.27456,-0.61153 0.48215,-1.02601 0.54912,-1.08717c0.14732,-0.12231 0.26786,-0.63871 0.28126,-1.14152c0,-0.27859 0.12054,-1.18229 0.30804,-2.37817c1.84155,0.06795 4.2858,0.12231 6.95102,0.14269c10.2926,0.08154 21.06066,0.92409 28.44696,2.24907c4.39964,0.78819 5.85279,0.76102 2.60496,-0.04077c-3.28801,-0.80858 -13.03819,-1.99767 -20.8062,-2.51407c-5.21662,-0.36012 -12.69667,-0.49602 -17.103,-0.42128c0.12723,-0.77461 0.27456,-1.63754 0.42858,-2.52086c0.62278,-3.41778 0.83037,-6.85594 0.84377,-13.69828c0.01339,-10.61345 -0.54912,-13.53521 -3.95766,-20.55422c-1.38619,-2.8674 -2.95318,-5.29993 -4.84831,-7.50144c1.65405,-4.9534 1.61387,-12.62471 -0.10045,-19.35154c-1.41297,-5.51736 -1.90852,-5.87069 -6.83718,-4.81071c-4.17865,0.90371 -7.52693,2.13356 -11.81942,4.32828c-2.02906,1.0396 -4.82822,2.65676 -6.85727,3.92738c-5.29028,-1.88895 -10.76136,-3.13919 -16.60076,-3.81187c-5.91975,-0.67948 -20.43119,-0.29897 -25.58084,0.66589c-5.03581,0.94447 -9.56938,2.09959 -13.67436,3.47213c-2.04915,-1.28421 -5.02242,-3.01688 -7.14522,-4.10405c-4.31258,-2.20151 -7.66086,-3.42457 -11.8529,-4.32828c-4.91527,-1.06678 -5.42421,-0.70666 -6.83049,4.81071c-1.7411,6.81517 -1.7545,14.61558 -0.03348,19.55539c0.2009,0.56397 0.32143,0.96486 0.36831,1.27742c-6.97781,8.91476 -9.25464,18.8895 -7.74122,32.81201c0.3951,3.62841 1.00448,6.95786 1.85495,10.00872c-4.45321,-0.02718 -10.78815,0.1359 -15.3619,0.43487c-7.7814,0.5232 -17.53158,1.6987 -20.81959,2.50727c-3.24113,0.80178 -1.80137,0.82896 2.60496,0.04756c7.3863,-1.31819 18.16106,-2.17433 28.44696,-2.24907c1.942,-0.00679 3.75677,-0.04756 5.31706,-0.08833c0.46876,1.61036 1.00448,3.14598 1.61387,4.60686l-0.04688,0.00679c-6.797,0.23782 -15.161,1.14152 -23.20356,2.51407c-6.0336,1.02601 -14.94001,3.07804 -15.97798,3.66918c-1.09154,0.61833 -0.2009,0.48243 4.4733,-0.72025c8.52471,-2.18792 19.60751,-3.86623 33.33545,-5.03493l1.53351,-0.1359c2.94648,6.94427 7.48675,12.2442 13.90205,16.37543c3.92418,2.53445 10.21225,5.13686 13.37972,5.54454c0.87055,0.10872 3.40185,0.63871 5.62511,1.1687c2.22995,0.52999 6.58941,1.32498 9.68322,1.78023l0.07366,0c-0.06027,0.04077 -0.11384,0.06795 -0.16741,0.10872c-3.75007,1.97728 -6.18762,5.05532 -7.82827,9.9c-0.73662,0.22423 -1.65405,0.52999 -2.64514,0.87653c-3.54248,1.22306 -4.92197,1.47447 -8.51132,1.50165c-3.72328,0.02718 -4.60723,-0.1359 -6.83049,-1.19588c-3.23444,-1.52883 -6.24789,-4.34187 -8.25685,-7.69849c-3.35497,-5.61249 -9.15419,-9.58064 -13.9891,-9.58064c-4.13177,0 -4.91527,1.6987 -1.92861,4.17879c4.50008,3.73034 7.86176,7.53541 9.24125,10.44358c0.7768,1.63075 1.96879,4.15161 2.65853,5.5989c0.72992,1.54242 2.29022,3.63521 3.77686,5.0825c3.4956,3.3838 6.87067,5.00096 11.90647,5.76198c3.37506,0.50281 4.20544,0.50281 8.18989,-0.01359c1.92191,-0.23782 3.54248,-0.5164 4.99563,-0.86294c0,1.65793 0,3.56726 0,5.80954c0,11.99959 -0.14063,15.85902 -0.60939,16.98696c-0.88395,2.14715 -2.86613,4.35546 -4.79473,5.34749c-1.92191,0.99204 -2.5179,2.086 -1.70762,3.09163c0.44867,0.54358 1.31252,0.63871 4.21213,0.44846c5.50457,-0.34653 9.39527,-2.41215 11.37745,-6.05415c0.63617,-1.1687 0.7835,-3.5197 0.98439,-15.75031c0.21429,-13.27021 0.30804,-14.54763 1.1585,-16.44337c0.51563,-1.12793 1.25895,-2.35099 1.67414,-2.68394c0.69644,-0.58435 0.74332,0.57076 0.74332,16.44337c-0.0067,17.51695 -0.18081,19.63013 -1.90852,23.00034c-0.3884,0.76781 -1.12502,1.76664 -1.64066,2.24228c-0.90403,0.83576 -1.28574,2.97611 -0.65626,3.62162c1.03797,1.0464 6.24119,-0.59794 9.08053,-2.8674c4.83491,-3.88662 5.41082,-7.10055 5.451,-30.31153l0.02009,-13.61674l1.46655,0.14269l1.46655,0.1359l0.24108,17.80913c0.27456,20.0514 0.31474,20.34358 3.67641,24.21661c1.90852,2.18792 3.83043,3.39739 6.95772,4.34187c4.18535,1.27742 5.4443,-0.69307 2.63175,-4.11084c-3.06033,-3.71675 -3.20765,-5.13686 -3.04024,-27.13836c0.11384,-14.10597 0.11384,-14.10597 1.01118,-13.2838c1.88843,1.73946 2.25004,4.59327 2.25004,17.82272c0,16.42978 0.46206,17.99259 6.18092,20.85998c2.67193,1.32498 3.42194,1.48806 6.84388,1.50165c3.64293,0.01359 3.86391,-0.04077 3.99784,-1.00563c0.11384,-0.7814 -0.33483,-1.31139 -2.03575,-2.36458c-2.22995,-1.39293 -3.77686,-3.17316 -4.74786,-5.41544c-0.36831,-0.86294 -0.61608,-6.5162 -0.7835,-18.15566c-0.24108,-16.25992 -0.29465,-17.00055 -1.29244,-19.54859c-1.34601,-3.42457 -3.40185,-6.12889 -6.00681,-7.92272c-0.67635,-0.44846 -1.3527,-0.82217 -2.22995,-1.10075c1.07815,-0.10872 2.12281,-0.22423 3.13399,-0.37371c10.52698,-1.42011 16.09182,-2.6024 20.55842,-4.35546c9.44884,-3.68957 15.83735,-9.81846 19.29947,-18.50899c0.30804,-0.77461 0.61608,-1.50844 0.87725,-2.09959l2.66523,0.22423c13.73463,1.1755 24.81743,2.85381 33.34215,5.04852c4.6742,1.20268 5.56484,1.34537 4.4733,0.71345c-1.01788,-0.57756 -9.92429,-2.62279 -15.95119,-3.6488zm-40.27308,-0.21064c-1.5603,3.47893 -5.91306,7.9499 -9.42875,9.70295c-3.46882,1.73946 -8.90642,3.06445 -15.06725,3.69636c-4.21213,0.43487 -27.70365,0.56397 -31.58095,0.17666c-12.8373,-1.27742 -20.0294,-3.78469 -25.33307,-8.80604c-5.02242,-4.76994 -7.36621,-11.24537 -6.95772,-19.21565c0.26117,-4.98737 1.44646,-8.11977 4.54696,-11.92484c2.81925,-3.46534 5.78582,-5.6057 9.28142,-6.69286c2.92639,-0.9105 11.90647,-0.99204 23.98036,-0.20384c5.33715,0.34653 9.75018,0.34653 15.08064,0c12.6297,-0.80858 21.06066,-0.72025 24.17456,0.2582c4.89518,1.53562 9.35509,5.66685 12.03371,11.17062c1.20538,2.45971 1.43976,3.50611 1.61387,7.30439c0.24108,5.23198 -0.64957,10.79012 -2.34379,14.53404zm-63.68424,-22.46355c-7.1854,-1.27742 -11.29039,11.2046 -5.77913,17.5781c2.61835,3.02368 4.94206,3.5197 7.84836,1.68511c2.69202,-1.70549 4.15186,-4.89224 4.15186,-9.02347c0,-5.51057 -2.47103,-9.56026 -6.2211,-10.23974zm43.61466,0.74743c-7.1854,-1.27742 -11.29709,11.19101 -5.78582,17.57131c2.62505,3.02368 4.94206,3.52649 7.85506,1.67831c2.68532,-1.6987 4.15186,-4.89224 4.15186,-9.02347c0,-5.49018 -2.47103,-9.55346 -6.2211,-10.22615zm-19.32626,24.54276c-0.15402,0.50281 -0.90403,1.25024 -1.66075,1.65113c-1.91521,0.99883 -3.2947,0.6523 -5.31706,-1.21627c-1.25226,-1.14832 -1.82146,-1.75305 -2.20317,-0.55038c-0.35492,1.11434 1.87504,3.34983 3.59605,4.0361c1.58039,0.63871 2.7121,0.65909 4.42642,-0.06795c1.70092,-0.72025 3.18756,-2.65676 3.18756,-3.91379c0,-1.1687 -1.65405,-1.11434 -2.02906,0.06115zm-2.12281,-3.907c1.09154,-0.97845 1.33931,-2.9897 0.29465,-4.05649s-3.16747,-0.90371 -3.99784,0.29218c-0.9643,1.39973 -0.44867,2.46651 0.24108,3.60123c1.07145,0.84255 2.51121,1.01242 3.46212,0.16307z',
                        btn: {left: 325, top: 150},
                        track: {track: 'snow', prog: 'olive'},
                        img: {play: '', pause: ''}
                });
        });

        loadJs(js2, () => {
                H5lz({
                        papa: '#papa',
                        total: 10,
                        size: {width: 60, height: 60},
                        shape: {background: 'url("https://pic.imgdb.cn/item/651bcd7dc458853aef4b2075.png") no-repeat center/cover', borderRadius: '0'},
                        ani: 'toTop',
                        maxTime: 30,
                        offset: {x: 0, y: 0},
                });
        });
})();</script>

红影 发表于 2023-10-5 21:30

这个小猫咪路径真漂亮。只是好像带了嵌套，内部进度先走完了{:4_173:}

醉美水芙蓉 发表于 2023-10-5 21:32

红影 发表于 2023-10-5 21:30
这个小猫咪路径真漂亮。只是好像带了嵌套，内部进度先走完了

这个猫咪不好画，画了半天脚不露出来，整半天呢？

红影 发表于 2023-10-5 21:32

这个画面真漂亮，这美女是白鹿了，很喜欢她的性格{:4_187:}

红影 发表于 2023-10-5 21:42

醉美水芙蓉 发表于 2023-10-5 21:32
这个猫咪不好画，画了半天脚不露出来，整半天呢？

最好只画外轮廓，这样的进度比较准确。小猫咪虽然不好画，但是好漂亮啊。欣赏水芙蓉美女好帖{:4_199:}

马黑黑 发表于 2023-10-5 22:11

这是用了组合、嵌套路径。这样的路径，进度条不精准，但也很好看

醉美水芙蓉 发表于 2023-10-5 22:19

马黑黑 发表于 2023-10-5 22:11
这是用了组合、嵌套路径。这样的路径，进度条不精准，但也很好看

做得时候没有注意，做完发现不对劲！谢谢黑黑老师光临点评！

马黑黑 发表于 2023-10-6 09:09

醉美水芙蓉 发表于 2023-10-5 22:19
做得时候没有注意，做完发现不对劲！谢谢黑黑老师光临点评！

其实也没啥，都可以的。

如果仅从进度指示角度看，这样的路径，我的插件不能准确处理。仅此而已。

冬天的雨 发表于 2023-10-6 18:24

欣赏美女的漂亮制作{:4_187:}

醉美水芙蓉 发表于 2023-10-6 21:14

冬天的雨 发表于 2023-10-6 18:24
欣赏美女的漂亮制作

谢谢冬雨老师欣赏！

千羽 发表于 2023-10-6 21:47

芙蓉也是巧手儿，背景图做得好吸眼球，那个独特的小猫好可爱{:4_187:}

醉美水芙蓉 发表于 2023-10-6 21:50

千羽 发表于 2023-10-6 21:47
芙蓉也是巧手儿，背景图做得好吸眼球，那个独特的小猫好可爱

千羽美女晚上好！谢谢光临！
页: [1]
查看完整版本: 奢香夫人