lume+alpine实现多色立方体排列成一条线上下波动动画代码

代码语言:html

所属分类:动画

代码描述:lume+alpine实现多色立方体排列成一条线上下波动动画代码

代码标签: lume alpine 多色 立方体 排列 线 上下 波动 动画 代码

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">

  
  
</head>

<body >
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/lume.global.0.3.0.js"></script>

<style>html, body { height: 100%; margin: 0; background: #222 }</style>

<lume-scene webgl>
	<lume-ambient-light intensity="0.7"></lume-ambient-light>
	<lume-point-light intensity="0.5" position="300 -300 50"></lume-point-light>
	<lume-camera-rig></lume-camera-rig>
	
	<template x-data x-for="box in boxes">
		<lume-box :position="box[1]" :color="box[0]" size="50 50 50" r.........完整代码请登录后点击上方下载按钮下载查看

网友评论0