@@ -161,7 +161,6 @@ <h2>Dark Ritual Portal — Sprite Build <span class="new">NEW</span></h2>
161161</ div >
162162< div class ="section-note "> Pipeline overview</ div >
163163< div id ="grid-ritual "> </ div >
164- < div class ="preview-wrap " id ="grid-ritual-3d "> </ div >
165164</ section >
166165< div class ="arrow "> ▼</ div >
167166
@@ -771,55 +770,6 @@ <h2>From Single Effect to Texture Studio</h2>
771770 renderFrame ( frame ) ;
772771} ) ;
773772
774- // Build PBR maps from the ritual composite for the embedded 3D preview
775- doPBR ( ritualRT . blend , normalM , ritualRT . normal ) ;
776- doPBR ( ritualRT . blend , roughM , ritualRT . rough ) ;
777- doPBR ( ritualRT . blend , aoM , ritualRT . ao ) ;
778- doPBR ( ritualRT . blend , metalM , ritualRT . metal ) ;
779-
780- const wrap = document . getElementById ( "grid-ritual-3d" ) ;
781- const r = new THREE . WebGLRenderer ( { antialias :true , alpha :true } ) ;
782- const W = 360 , H = 280 ;
783- r . setSize ( W , H ) ; r . setPixelRatio ( Math . min ( window . devicePixelRatio , 1.5 ) ) ;
784- r . toneMapping = THREE . ACESFilmicToneMapping ; r . toneMappingExposure = 1.2 ;
785- r . domElement . style . cssText = "border-radius:10px;border:1px solid #222;background:#0a0a12" ;
786- wrap . appendChild ( r . domElement ) ;
787-
788- const scene = new THREE . Scene ( ) ;
789- scene . background = new THREE . Color ( 0x08080f ) ;
790- const cam = new THREE . PerspectiveCamera ( 40 , W / H , .1 , 50 ) ;
791- cam . position . set ( 0 , 0 , 3.2 ) ;
792-
793- const mat = new THREE . MeshStandardMaterial ( {
794- color :0xffffff , roughness :.4 , metalness :.6 ,
795- map :ritualRT . blend . texture ,
796- normalMap :ritualRT . normal . texture ,
797- roughnessMap :ritualRT . rough . texture ,
798- aoMap :ritualRT . ao . texture ,
799- metalnessMap :ritualRT . metal . texture
800- } ) ;
801- mat . normalScale . set ( 1.2 , 1.2 ) ;
802-
803- const mesh = new THREE . Mesh ( new THREE . SphereGeometry ( 1 , 48 , 48 ) , mat ) ;
804- scene . add ( mesh ) ;
805-
806- const amb = new THREE . AmbientLight ( 0x445566 , .9 ) ; scene . add ( amb ) ;
807- const key = new THREE . DirectionalLight ( 0xffffff , 1.4 ) ; key . position . set ( 2 , 3 , 4 ) ; scene . add ( key ) ;
808- const rim = new THREE . DirectionalLight ( 0x6633ff , .6 ) ; rim . position . set ( - 2 , 1 , - 3 ) ; scene . add ( rim ) ;
809-
810- r . render ( scene , cam ) ;
811-
812- const info = document . createElement ( "div" ) ; info . className = "preview-info" ;
813- info . innerHTML = `
814- <h3>Ritual Preview (Static)</h3>
815- <p>The final composite is converted into PBR maps and applied to a 3D surface for material validation.</p>
816- <ul class="map-list">
817- <li>Color map (Dark Ritual composite)</li>
818- <li>Normal map (Sobel)</li>
819- <li>Roughness map (luminance)</li>
820- <li>AO + Metallic maps</li>
821- </ul>` ;
822- wrap . appendChild ( info ) ;
823773}
824774
825775// ===================================================================
0 commit comments