[{"data":1,"prerenderedAt":219},["ShallowReactive",2],{"embed-brickelangelo-david":3},{"id":4,"title":5,"author":6,"body":7,"date":206,"description":207,"extension":208,"featured":209,"lastUpdated":206,"meta":210,"navigation":211,"path":212,"responsive":209,"seo":213,"stem":214,"tags":215,"thumbnail":217,"__hash__":218},"experiments\u002Fexperiments\u002Fbrickelangelo-david.md","Brickelangelo David","alvarosabu",{"type":8,"value":9,"toc":197},"minimark",[10,31,36,43,77,81,84,134,138,164,168,194],[11,12,13,14,18,19,22,23,30],"p",{},"This experiment recreates the iconic ",[15,16,17],"strong",{},"David sculpture by Michelangelo"," using ",[15,20,21],{},"75,000 LEGO brick instances",", demonstrating advanced surface sampling techniques and instanced rendering capabilities. Based on challenges from ",[24,25,29],"a",{"href":26,"rel":27},"https:\u002F\u002Fthreejs-journey.com\u002F",[28],"nofollow","Bruno Simon's Three.js Journey course",", this artistic tribute combines classical art with modern procedural generation.",[32,33,35],"h3",{"id":34},"what-youll-see","What You'll See",[11,37,38,39,42],{},"The scene features a ",[15,40,41],{},"magnificent LEGO brick reconstruction"," of David's sculpture:",[44,45,46,53,59,65,71],"ul",{},[47,48,49,52],"li",{},[15,50,51],{},"75,000 Individual Bricks",": Each positioned using surface sampling algorithms",[47,54,55,58],{},[15,56,57],{},"Mouse-Controlled Rotation",": Interactive rotation following cursor movement",[47,60,61,64],{},[15,62,63],{},"Dramatic Lighting",": Spotlight that follows mouse cursor for dynamic illumination",[47,66,67,70],{},[15,68,69],{},"Cinematic Camera Movement",": Smooth GSAP-powered camera animation revealing the sculpture",[47,72,73,76],{},[15,74,75],{},"Loading Experience",": Custom progress indicator with elegant typography",[32,78,80],{"id":79},"technical-implementation","Technical Implementation",[11,82,83],{},"This experiment showcases several advanced 3D techniques:",[44,85,86,92,103,109,119,125],{},[47,87,88,91],{},[15,89,90],{},"MeshSurfaceSampler",": Distributes brick instances across the David model's surface using UV weighting",[47,93,94,97,98,102],{},[15,95,96],{},"Instanced Rendering",": Efficiently renders 75,000 bricks using ",[99,100,101],"code",{},"InstancedMesh"," for optimal performance",[47,104,105,108],{},[15,106,107],{},"Grid Alignment",": Bricks snap to a 3D grid system for authentic LEGO brick placement",[47,110,111,114,115,118],{},[15,112,113],{},"Interactive Lighting",": Spotlight dynamically follows mouse position using ",[99,116,117],{},"useMouse"," composable",[47,120,121,124],{},[15,122,123],{},"GSAP Animation",": Smooth camera movements with easing for cinematic reveal",[47,126,127,130,131],{},[15,128,129],{},"Progress Loading",": Real-time loading feedback using ",[99,132,133],{},"useProgress",[32,135,137],{"id":136},"artistic-features","Artistic Features",[44,139,140,146,152,158],{},[47,141,142,145],{},[15,143,144],{},"Custom Typography",": Elegant serif font styling reminiscent of classical art presentations",[47,147,148,151],{},[15,149,150],{},"Hidden Cursor",": Custom cursor design for immersive experience",[47,153,154,157],{},[15,155,156],{},"Black Background",": Dramatic contrast highlighting the sculpture",[47,159,160,163],{},[15,161,162],{},"Surface Alignment",": Bricks follow the natural curves and details of the original sculpture",[32,165,167],{"id":166},"key-technologies","Key Technologies",[44,169,170,176,182,188],{},[47,171,172,175],{},[15,173,174],{},"Surface Sampling",": Mathematically accurate distribution respecting model geometry",[47,177,178,181],{},[15,179,180],{},"Performance Optimization",": Single draw call for thousands of objects",[47,183,184,187],{},[15,185,186],{},"Interactive Experience",": Real-time lighting and rotation based on user input",[47,189,190,193],{},[15,191,192],{},"Classical Aesthetics",": Typography and presentation honoring the original masterpiece",[11,195,196],{},"This experiment serves as both a technical demonstration of advanced TresJS capabilities and an artistic homage to one of history's greatest sculptures, bridging classical art with modern digital techniques.",{"title":198,"searchDepth":199,"depth":199,"links":200},"",2,[201,203,204,205],{"id":34,"depth":202,"text":35},3,{"id":79,"depth":202,"text":80},{"id":136,"depth":202,"text":137},{"id":166,"depth":202,"text":167},"2023-08-21","Bricks ThreeJS Journey challenge","md",false,{},true,"\u002Fexperiments\u002Fbrickelangelo-david",{"title":5,"description":207},"experiments\u002Fbrickelangelo-david",[216,90],"cientos","\u002Fexperiments\u002Fbrickelangelo-david.webp","fg8pOyxpUm9bwcypJmZ5L6AlfoLWwTsk8VoAwWEuo4U",1793714844051]