This simple three.js demo uses a window.onscroll callback to manipulate a 3D text object. It's so easy, and fun for the whole family! Take a look at the source code on github.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus a ullamcorper nibh. Nunc vel rutrum arcu. Aenean rhoncus eros a dolor tincidunt ultrices. Nulla tellus elit, viverra quis enim vitae, pulvinar lobortis felis. Integer ullamcorper leo pulvinar felis venenatis, et aliquet tellus ornare. Nullam dignissim ullamcorper lectus, sit amet ultrices mi cursus a. Vivamus quis fringilla purus. Quisque congue orci et tellus luctus, eu dapibus enim imperdiet. Nunc non condimentum sem.
Phasellus semper imperdiet placerat. Nullam eget erat eu lectus facilisis tristique. Sed fringilla, nibh sed fermentum laoreet, orci ipsum pulvinar felis, a placerat sem erat sit amet ipsum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras vulputate, quam non porttitor viverra, eros neque accumsan arcu, vel bibendum ipsum turpis at nibh. Maecenas auctor turpis eget lectus porta, in semper est sagittis. Nunc enim nisi, facilisis sit amet vestibulum a, pellentesque vel orci. Integer eu diam id urna lobortis viverra sit amet at justo. Nam venenatis hendrerit fermentum. Integer aliquet nibh eget diam placerat, eu varius enim fringilla. Sed nec volutpat magna, nec sagittis massa. Cras id molestie turpis. Integer vitae ipsum lacinia enim consectetur consequat at non felis. Aliquam tempor ut est id varius. Mauris congue neque ex, vitae commodo lectus suscipit in. Sed metus ligula, ultrices ut quam nec, auctor ultricies risus.
Vestibulum ornare placerat magna, eu pulvinar ante rhoncus ut. Phasellus venenatis lacus massa, id maximus nisi bibendum in. Suspendisse finibus ullamcorper mattis. Praesent pretium semper magna id condimentum. Pellentesque at risus volutpat, blandit orci eget, volutpat erat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis accumsan tellus quis nibh tristique, ut malesuada quam vehicula. Pellentesque nec elementum massa. Nullam tincidunt molestie lacus sed luctus. Pellentesque ultricies laoreet diam, aliquam tristique sem commodo et. Nunc eleifend, nibh non ultrices posuere, ante ante suscipit est, et cursus turpis turpis nec quam. Aliquam vel ipsum ut lectus feugiat commodo.
Curabitur elementum magna lacus, eget commodo arcu pretium in. Aenean vel tellus enim. Fusce aliquet quam at justo ultricies, ut interdum nunc placerat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris quis aliquet odio. Integer sollicitudin porttitor ultrices. Vivamus dignissim volutpat molestie. Proin pretium sagittis nulla, sit amet aliquet est faucibus quis. Donec sit amet cursus eros. Aenean finibus id metus a tempor.
Nulla tincidunt elementum diam, in hendrerit eros convallis eget. Cras diam ligula, consectetur a egestas ut, suscipit non libero. Curabitur semper tincidunt dui, a tincidunt eros eleifend id. Pellentesque dapibus diam libero, a consectetur mauris faucibus ac. Fusce luctus velit nec eros accumsan venenatis. Mauris molestie consectetur magna, in auctor tellus gravida non. Phasellus nisl lacus, venenatis quis ligula eu, elementum pharetra nulla. In a leo quam. Proin rutrum diam quis libero sagittis, varius dignissim nulla gravida.
Nam condimentum enim eros, nec pretium quam consectetur vel. Sed semper, est elementum rutrum pellentesque, mauris ante tempor sapien, at tempor dolor mi suscipit turpis. Fusce quis tristique metus. Aliquam euismod, orci vel hendrerit blandit, justo quam tincidunt nulla, nec posuere velit est et nibh. Quisque fringilla leo eget nunc gravida, ut facilisis magna tristique. Phasellus quis efficitur nibh, ut fringilla turpis. Duis dapibus volutpat nisi a aliquet. Cras tempus est sit amet orci dapibus scelerisque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam suscipit at nisi eget rhoncus. Aliquam id venenatis diam.
Fusce molestie, risus vitae laoreet blandit, orci odio varius lacus, quis luctus justo est at tortor. Pellentesque lacus risus, placerat et felis eget, venenatis efficitur libero. Quisque maximus erat sit amet sollicitudin consectetur. Phasellus mollis vulputate elit, id sagittis lacus accumsan id. Proin egestas, odio quis aliquet auctor, ligula justo laoreet augue, eu sodales lorem arcu sed dolor. Maecenas erat libero, commodo id odio eget, viverra placerat metus. Suspendisse quis gravida tortor. Etiam dictum velit sit amet varius faucibus.
Phasellus hendrerit lobortis bibendum. Nullam ac sem dictum nunc commodo ultrices. Phasellus quam velit, maximus in pulvinar vel, bibendum ut enim. Donec nec lectus diam. Vivamus condimentum mauris velit, sit amet venenatis massa varius bibendum. Fusce porta sapien sed ex viverra semper. Nunc viverra felis purus, id pellentesque magna suscipit non. Vestibulum dictum eros porta magna tempus pretium. Aenean semper, lacus nec sollicitudin mollis, justo mauris blandit sapien, sit amet facilisis augue tellus a orci. Ut fringilla elit leo, id tempor arcu congue vel. Etiam maximus ex leo, in commodo ex egestas et.
Nunc condimentum aliquam est ut consequat. Nulla vitae magna felis. Sed ultricies justo nunc, at elementum dui auctor in. Aliquam a nisl eget erat scelerisque egestas. In hac habitasse platea dictumst. Pellentesque pretium, sapien vitae condimentum iaculis, odio nisl rutrum ligula, id hendrerit risus libero vitae diam. Nunc magna odio, tristique sit amet semper ac, vestibulum sit amet magna. Maecenas sagittis ex libero, quis dignissim arcu lacinia sit amet. Fusce tempus sed dui in finibus. Etiam ultrices dignissim risus eu feugiat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed dui ex, egestas ac libero at, dignissim semper ex.
Ut eu mollis quam. Aenean pellentesque tortor velit, quis mollis felis porta ut. Maecenas nec diam nec mi laoreet pulvinar. Vivamus quis est semper, laoreet sapien ut, volutpat orci. Aenean congue posuere diam, sed aliquet velit. Donec vitae metus aliquet, aliquam velit vitae, eleifend dolor. Nam vitae est consequat tellus feugiat lacinia. Cras id ultricies orci, quis fringilla dolor.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent sodales rutrum eleifend. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce non nibh scelerisque, tincidunt ligula sit amet, bibendum turpis. Maecenas quis efficitur tortor. Aenean sodales metus vel turpis elementum euismod. Vestibulum fermentum tellus arcu, non efficitur odio finibus a. Praesent sit amet placerat felis. Quisque dignissim suscipit orci eleifend mattis. In eu libero et sapien semper volutpat at et eros. Phasellus porttitor urna est, eget sagittis ipsum fermentum quis. Vestibulum nec odio risus.
Ut mattis aliquet sapien, ut porttitor ante commodo et. Praesent pellentesque non ex et vehicula. Donec fringilla est id turpis consectetur, sed bibendum neque vestibulum. Cras eget auctor orci. Integer maximus nisi sollicitudin augue tincidunt ornare. In vitae tellus eu augue aliquet maximus. Maecenas suscipit congue orci, eu tempus massa. Morbi feugiat facilisis lectus, a sollicitudin lacus. Pellentesque consectetur augue in eros efficitur varius. Nulla eu varius mi, sed volutpat justo. Aliquam nec dictum tellus, sed luctus nulla. Praesent sit amet sollicitudin enim, id pellentesque mi. Pellentesque viverra aliquet consectetur. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce nibh velit, euismod a sollicitudin ac, viverra at quam.
Pellentesque commodo faucibus magna, in finibus libero suscipit vel. Pellentesque non iaculis sapien, vitae ornare leo. Pellentesque purus lectus, imperdiet eget felis vitae, lobortis rutrum nibh. Fusce a nisi laoreet purus aliquam interdum. Aliquam porttitor eget ex nec bibendum. Ut nec urna nulla. Fusce mauris tellus, ullamcorper vel ornare eu, bibendum in odio. Proin dignissim mollis sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc mattis vehicula nunc, eget interdum eros tristique nec. Fusce malesuada, odio ut placerat tincidunt, augue risus facilisis lorem, at auctor arcu felis nec erat. Donec imperdiet nisi in eros ornare, et blandit mauris dictum.
Vivamus vestibulum nisi ac odio scelerisque viverra. Etiam et tincidunt ante, interdum egestas nunc. Nunc vehicula neque ex, eget gravida dui euismod sed. Proin bibendum varius felis a sodales. Integer a ornare enim. Aliquam at tortor mollis, lobortis ligula non, pretium elit. Donec ut gravida augue. Quisque enim libero, dapibus vel malesuada a, porta eget ante. Etiam pulvinar maximus nunc, at posuere tortor vehicula ac. Nunc ac dolor aliquet, consectetur leo rhoncus, faucibus ex. Donec vulputate quam cursus, vehicula mauris id, dignissim ipsum. Quisque egestas erat ut tortor pellentesque iaculis. Integer mauris urna, euismod nec mi at, volutpat rhoncus nulla. Nunc feugiat tellus non massa ornare aliquam. Vivamus faucibus euismod magna in malesuada. Ut tincidunt gravida sapien a venenatis.
Duis tincidunt dolor nec varius sagittis. Cras rutrum faucibus nulla at fringilla. Ut efficitur lacinia magna sit amet vestibulum. Pellentesque id ex faucibus, consequat augue non, luctus lacus. In tristique ex id turpis venenatis vulputate. Quisque tortor erat, posuere sit amet nisl non, tincidunt congue purus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce vel egestas ipsum.
Morbi id ex sem. Phasellus non venenatis nisi, eget iaculis felis. Pellentesque sollicitudin nunc non dui commodo, eget vestibulum enim ullamcorper. Curabitur hendrerit suscipit felis, mattis sodales eros pellentesque ac. Morbi eleifend ultricies eros, at varius ex pretium ac. Quisque tincidunt bibendum dui nec porta. Vestibulum ut leo at dolor volutpat venenatis vel id arcu. Ut commodo tortor tellus, ut euismod libero commodo ac. Proin eu molestie mi, eu pellentesque purus. Curabitur quis consequat tortor, in pellentesque libero. Donec vulputate, neque quis tincidunt malesuada, orci urna vulputate quam, consectetur interdum lacus enim ut leo. Curabitur semper ex velit, et maximus massa tristique ac. Donec volutpat lorem nec imperdiet tristique. Donec leo tellus, ornare in vestibulum sed, eleifend sed leo.
Sed sed rhoncus urna, in volutpat arcu. Ut quis lorem in nunc rutrum rutrum. Quisque sollicitudin luctus massa, sit amet commodo libero luctus vitae. Suspendisse mattis id erat id gravida. Sed ut leo luctus, maximus mauris ut, malesuada purus. In nec tincidunt tellus. Etiam fringilla posuere enim. Ut tincidunt velit vitae turpis efficitur, non sagittis orci varius. Suspendisse ipsum tortor, egestas at dui in, mattis rutrum erat.
Donec odio orci, fringilla et magna eget, rutrum molestie ligula. Etiam accumsan enim ut nunc eleifend luctus. Suspendisse egestas quam vitae dignissim faucibus. In ac metus mollis, dignissim magna nec, rhoncus nunc. Aliquam a nulla a mauris tincidunt tristique vitae nec turpis. Aenean cursus blandit nulla facilisis auctor. Ut sit amet sagittis justo, id aliquam nisi. Mauris vitae ex efficitur, viverra neque a, blandit lacus. Phasellus ultricies sem ac erat tincidunt placerat. Quisque ex lectus, elementum quis dolor vitae, consectetur tristique felis. Vivamus sit amet lectus nisi. Suspendisse convallis nisl justo, id pharetra orci tincidunt nec. Proin accumsan non nisi sit amet varius.
Pellentesque ultrices scelerisque tortor, et laoreet ex pulvinar vel. Donec laoreet lacinia leo id pretium. Sed luctus urna id tincidunt porttitor. Donec nec finibus nunc. Integer eleifend metus purus, non rhoncus tortor fermentum nec. Duis ornare aliquet consectetur. Ut non lorem risus. Suspendisse quis cursus velit, vitae viverra magna. Suspendisse leo neque, ullamcorper mattis augue lacinia, rutrum commodo ante.
Fusce viverra et purus in ultrices. Duis justo massa, tempus at feugiat in, condimentum et odio. In hendrerit dictum justo. Sed ultricies enim eget elit ultrices feugiat. Duis maximus, nisl ac lobortis pharetra, lectus orci consequat odio, sed blandit risus turpis et nulla. Morbi feugiat vestibulum mauris sed fringilla. In velit tortor, efficitur id neque eget, condimentum accumsan ante. Phasellus faucibus turpis quis mauris pellentesque placerat dignissim eu tortor.