Interactive Drop Caps with THREE.js
Interactive Drop Cap in Action
As I'm familiar with 3D modeling, animation, and programming from my 3DS Max, Papervision3D, and Unity experience, I assumed THREE.js would allow me to pull off what I envisioned with ease. I was right.
Instantly I found what I needed.
Upon some continued digging, I found two useful code examples that were going to allow me to jump start toward my ideal solution. Here they are:
From there it was simply a matter of iteration before I had exactly what I wanted. I did run into one rendering issue however and I want to thank @thespite as he helped me through the rendering issue insanely quickly.
Any knowledgeable #threejs #webgl folk out there no why this TextGeometry is rendering funky? Codpen is here https://t.co/btKKv5fvzv I swapped out the font w/helvetiker & I had the same issue. Makes me think it's not the geometry atm.— Derek Knox (@derekknox) August 24, 2018
cc @mrdoob @thespite @LearningThreejs pic.twitter.com/mAYvTqdGcz