东篱闲人 发表于 2022-9-5 21:20

美术石膏像

本帖最后由 东篱闲人 于 2022-9-5 21:34 编辑 <br /><br /><style>
      .mnBox { position: relative; display: flex; justify-content: center; align-items: center; width: 1024px; height: 600px; left: -120px; perspective: 1000px; }
      .imgBox { --w: 290px; --h: 460px; position: absolute; width: var(--w); height: var(--h); cursor: pointer; transform-style: preserve-3d; }
      .imgBox img { width: var(--w); height: var(--h); position: absolute; }
      @keyframes rotate { 100% { transform: rotateY(360deg); } }
</style>

<div class="mnBox">
      <div class="imgBox"></div>
</div>

<script language="javascript">
let picAr = [
   
      
      "https://pic.imgdb.cn/item/6315faf916f2c2beb1b1f257.jpg",
         "https://pic.imgdb.cn/item/6315f6d116f2c2beb1ad335a.png",
      "https://pic.imgdb.cn/item/6315faf916f2c2beb1b1f257.jpg",
          "https://pic.imgdb.cn/item/6315f6ea16f2c2beb1ad4ff5.png",
      "https://pic.imgdb.cn/item/6315faf916f2c2beb1b1f257.jpg",
      "https://pic.imgdb.cn/item/6315f70216f2c2beb1ad6b1d.png",
      "https://pic.imgdb.cn/item/6315faf916f2c2beb1b1f257.jpg",
      "https://pic.imgdb.cn/item/6315f79b16f2c2beb1ae17a9.png",
      
      
];
let iBox = document.querySelector(".imgBox");
let hStr = "";
let angle = 360 / picAr.length;
let tz = Math.tan(Math.PI / 180 * (180 - angle) /2 ) * iBox.clientWidth / 2;
for(j=0; j<picAr.length; j++) {
      //hStr += `<div style="transform: rotateY(${angle*j}deg) translateZ(${tz}px);"><img alt="" src="${picAr}" /></div>\n`;
      hStr += `<div><img alt="" src="${picAr}" /></div>\n`;
}
iBox.innerHTML = hStr;
let au = document.createElement("audio");
au.src = "http://music.163.com/song/media/outer/url?id=1846329743.mp3";
au.autoplay = true;
au.loop = true;
document.querySelector(".mnBox").appendChild(au);
iBox.onmousemove = function(){ iBox.style.animationPlayState = "paused"; }
iBox.onmouseout = function(){ iBox.style.animationPlayState = "running"; }
iBox.onclick = function() {
      au.paused ? (au.play(), this.style.animationPlayState = "running") : (au.pause(), this.style.animationPlayState = "paused");
}

setTimeout(function() {
      let children = iBox.children;
      for(j=0; j<picAr.length; j++) {
                children.style.transform = `rotateY(${angle*j}deg) translateZ(${tz}px)`;
      }
      iBox.style.animation = "rotate 80s linear infinite";
},10000);

</script>

加林森 发表于 2022-9-5 21:25

转啊转的，怎么没有看见大卫呢。{:5_117:}

绿叶清舟 发表于 2022-9-5 21:27

咋都光着身就出来了啊{:4_189:}

大猫咪 发表于 2022-9-5 21:28

来学习下， 真经典！   主次分明，重点突出。确实堪称为肖像雕刻的杰作。{:4_173:}

东篱闲人 发表于 2022-9-5 21:35

加林森 发表于 2022-9-5 21:25
转啊转的，怎么没有看见大卫呢。

大卫喝多了。。。。

东篱闲人 发表于 2022-9-5 21:35

绿叶清舟 发表于 2022-9-5 21:27
咋都光着身就出来了啊

热。。。。。{:5_117:}

东篱闲人 发表于 2022-9-5 21:35

大猫咪 发表于 2022-9-5 21:28
来学习下， 真经典！   主次分明，重点突出。确实堪称为肖像雕刻的杰作。

赶紧学画画吧。。。。{:5_112:}

绿叶清舟 发表于 2022-9-5 21:39

东篱闲人 发表于 2022-9-5 21:35
热。。。。。

马上到白露了{:4_189:}

梦缘 发表于 2022-9-5 21:39

欣赏别致的美帖，问好老师！

红影 发表于 2022-9-5 21:39

柔和流畅的线条，人体艺术之美{:4_187:}

东篱闲人 发表于 2022-9-5 21:48

绿叶清舟 发表于 2022-9-5 21:39
马上到白露了

可能喝多了。。。。{:5_117:}

东篱闲人 发表于 2022-9-5 21:49

梦缘 发表于 2022-9-5 21:39
欣赏别致的美帖，问好老师！

梦缘喝水。。。{:4_190:}

东篱闲人 发表于 2022-9-5 21:49

红影 发表于 2022-9-5 21:39
柔和流畅的线条，人体艺术之美

艺术家的眼光。。。。{:5_116:}

红影 发表于 2022-9-5 22:43

东篱闲人 发表于 2022-9-5 21:49
艺术家的眼光。。。。

我是外行看热闹，只看个好看，哪敢艺术。

马黑黑 发表于 2022-9-5 23:12

东篱石膏量产产能好大呀今天

加林森 发表于 2022-9-5 23:29

东篱闲人 发表于 2022-9-5 21:35
大卫喝多了。。。。

你厉害啊。{:4_189:}

梦油 发表于 2022-9-6 09:22

东篱朋友早晨好！你的制作巧夺天工、尽善尽美。

东篱闲人 发表于 2022-9-7 10:05

红影 发表于 2022-9-5 22:43
我是外行看热闹，只看个好看，哪敢艺术。

又谦虚。。。。{:5_158:}

东篱闲人 发表于 2022-9-7 10:05

马黑黑 发表于 2022-9-5 23:12
东篱石膏量产产能好大呀今天

搞批发。。。。{:5_106:}

东篱闲人 发表于 2022-9-7 10:06

加林森 发表于 2022-9-5 23:29
你厉害啊。

和俺没关系。。。。
页: [1] 2 3
查看完整版本: 美术石膏像