koel/resources/assets/js/visualizers/asteroid/scripts/index.ts

59 lines
1.2 KiB
TypeScript
Raw Normal View History

2022-11-07 14:23:59 +00:00
import { ThreeSharedRenderer } from './ThreeSharedRenderer'
import { ThreePBR } from './ThreePBR'
import { ThreePointLight } from './ThreePointLight'
import { NoiseBlob } from './NoiseBlob'
import { AudioAnalyzer } from './AudioAnalyzer'
import { DeviceChecker } from './DeviceChecker'
let analyzer: AudioAnalyzer
let renderer: ThreeSharedRenderer
let renderQueue
let blob
let pbr
let light
let deviceChecker
export const init = (container: HTMLElement) => {
deviceChecker = new DeviceChecker()
const isRetina = deviceChecker.isRetina()
analyzer = new AudioAnalyzer()
renderer = new ThreeSharedRenderer(container)
pbr = new ThreePBR()
light = new ThreePointLight()
blob = new NoiseBlob(renderer, analyzer, light)
blob.setPBR(pbr)
isRetina && blob.setRetina()
renderQueue = [
blob.update.bind(blob),
2022-11-07 14:23:59 +00:00
]
update()
return () => {
// this will destroy the renderers and related class instances
blob.destroy()
}
}
const update = () => {
requestAnimationFrame(update)
analyzer.update()
// update blob
blob.updatePBR()
// update pbr
pbr.exposure = 5.0 + 30.0 * analyzer.getLevel()
2022-11-07 14:23:59 +00:00
light.ziggle(renderer.getTimer())
renderer.ziggleCam(renderer.getTimer())
renderer.render(renderQueue)
}