JavaScript Animation

@codewithbhurtel

65.5K followers · usually 30.5K views a post

Views

235.3K

Likes

16.4K

Comments

88

Shares

970

SoundTikTok sound · original sound - codewithbhurtel

Promoted product

CodeWithBhurtelhttps://codewithbhurtel.com ↗

Why it worked

The video combines visually appealing animation with the underlying code, appealing to developers interested in visual programming and potentially driving traffic to the creator's website for more projects.

Summary

The video showcases a JavaScript animation of a neural synapse. It displays code used to generate the animation, which features a glowing, branching structure that lights up with various colors.

Structure

1Display title card: JavaScript Animation
2Show neural synapse animation with code
3Animation progresses with colorful lights
4Animation fades out, code remains visible

Product placement

The video displays code from CodeWithBhurtel, a website offering HTML, CSS, and JavaScript projects, suggesting it's a platform for learning or obtaining such code.

On-screen text

JavaScript Animation function createWanderingPath(start, dir, length, segments, jitterScale, endPoint) { let pts = [start.clone()]; let curr = start.clone(); let cDir = dir.clone().normalize(); for (let i = 0; i < segments; i++) { let jitter = (Math.random() - 0.5) * jitterScale; let cDir = dir.clone().add(new THREE.Vector3(jitter, jitter, jitter)).multiplyScalar(length / segments); cDir.normalize(); curr.add(cDir); pts.push(curr.clone()); } if (endPoint) { let path = endPoint.clone().sub(curr).normalize(); pts.push(endPoint.clone()); } return new THREE.CatmullRomCurve3(pts); }