three模拟三维大脑神经元激活动画效果代码-html代码-BFW代码库

three模拟三维大脑神经元激活动画效果代码

代码语言：html

所属分类：动画

代码描述：three模拟三维大脑神经元激活动画效果代码

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

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

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

  
  
<style>
body {
  margin: 0;    
  padding: 0;
  overflow: hidden;
  background-color: #000000;
}

.webgl {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
</style>

  
</head>

<body translate="no">
  <canvas class="webgl"></canvas>
  
    <script type="module">
import * as THREE from "https://esm.sh/three";
import { mergeGeometries } from "https://esm.sh/three/addons/utils/BufferGeometryUtils.js";

import { EffectComposer } from "https://esm.sh/three/addons/postprocessing/EffectComposer.js";
import { RenderPass } from "https://esm.sh/three/addons/postprocessing/RenderPass.js";
import { HalftonePass } from "https://esm.sh/three/addons/postprocessing/HalftonePass.js";
import { OutputPass } from "https://esm.sh/three/addons/postprocessing/OutputPass.js";


import { interpolateRdBu } from "https://esm.sh/d3-scale-chromatic";
import { scaleSequential } from "https://esm.sh/d3-scale";
import seedrandom from "https://esm.sh/seedrandom";

import { createTimeline, animate } from "https://esm.sh/animejs";

//SCENE
const scene = new THREE.Scene();
scene.background = new THREE.Color("#9FCCF9");

//HEMISPHERE LIGHT
const hemisphereLight = new THREE.HemisphereLight(0xffffff, 0xcccccc, 3);
hemisphereLight.intensity = 3;
hemisphereLight.position.set(10, 0, 5);
scene.add(hemisphereLight);

// CAMERA
const camera = new THREE.PerspectiveCamera();
camera.near = 0.001;
camera.far = 1000;
camera.position.set(0, 0, 10);
camera.lookAt(new THREE.Vector3(0, 0, 0));

const cameraAnchor = new THREE.Group();
cameraAnchor.name = "cameraAnchor";
cameraAnchor.add(camera);
scene.add(cameraAnchor);

//RENDERER
const canvas = document.querySelector("canvas.webgl");
const renderer = new THREE.WebGLRenderer({
  canvas,
  preserveDrawingBuffer: true,
  antialias: true
});

const composer = new EffectComposer(renderer);
composer.addPass(new RenderPass(scene, camera));

const params = {
  shape: 1,
  radius: 1,
  rotateR: Math.PI / 12,
  rotateB: Math.PI / 12 * 2,
  rotateG: Math.PI / 12 * 3,
  scatter: 0,
  blending: 1,
  blendingMode: 1,
  greyscale: false,
  disable: false
};

const halfToneEffect = new HalftonePass(params);
composer.addPass(halfToneEffect);

const outputEffect = ne.........完整代码请登录后点击上方下载按钮下载查看