react-three fiber实现三维体积灯照射效果代码
代码语言:html
所属分类:三维
代码描述:react-three fiber实现三维体积灯照射效果代码
代码标签: react-three fiber 三维 体积灯 照射
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <style> body { margin: 0; height: 100vh; overflow: hidden; background: blue; } </style> </head> <body translate="no"> <!-- Keep it simple --> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/babel.7.18.13.js"></script> <script type="text/babel" data-type="module"> import React, { useRef, useMemo, useEffect } from 'https://cdn.skypack.dev/react@17.0.2' import ReactDOM from 'https://cdn.skypack.dev/react-dom@17.0.2' import { Canvas, useFrame } from 'https://cdn.skypack.dev/@react-three/fiber@7.0.25' const lerp = (a, b, n) => (1 - n) * a + n * b const Cone = () => { const $mesh = useRef() useFrame(({ mouse }) => { $mesh.current.rotation.z = lerp($mesh.current.rotation.z, mouse.x, .1) $mesh.current.rotation.x = lerp($mesh.cu.........完整代码请登录后点击上方下载按钮下载查看
网友评论0