How to Create Realistic Crystal & Ceramic Materials in Blender and Three.js
Creating convincing 3D geometric props—such as sculpted ceramic spheres, crystal geodes, and architectural ornaments—requires a balanced setup of physically based rendering (PBR) roughness, normal maps, and studio three-point lighting.
1. Setting Up Subdivision Surface Geometry
When modeling organic oval shapes or clean hard-surface props for real-time mobile WebGL viewports, keeping polygon counts below 4,000 triangles ensures smooth 60 FPS performance across modern smartphones and tablets.
| Component / Module | Recommended Benchmark | Rendering Pipeline |
|---|---|---|
| Sculpted Ceramic / Oval Mesh | 1181 – 2387 Tris | Standard PBR (Roughness 0.24) |
| Subdivision Modifier Level | Viewport Lv.1 / Render Lv.2 | Catmull-Clark Smoothing |
| Studio Environment Lighting | 2 Key Directional + 1 Fill | sRGB ACES Tone-Mapped |
2. Optimizing Studio Lighting for Mobile Browsers
Instead of expensive real-time raytracing, digital artists bake ambient occlusion into vertex colors or lightweight 512x512 textures, providing crisp surface depth while loading instantaneously.