{"id":257036,"date":"2017-08-04T06:40:42","date_gmt":"2017-08-04T13:40:42","guid":{"rendered":"http:\/\/css-tricks.com\/?p=257036"},"modified":"2017-08-04T13:13:44","modified_gmt":"2017-08-04T20:13:44","slug":"creating-photorealistic-3d-graphics-web","status":"publish","type":"post","link":"https:\/\/css-tricks.com\/creating-photorealistic-3d-graphics-web\/","title":{"rendered":"Creating Photorealistic 3D Graphics on the Web"},"content":{"rendered":"
Before becoming a web developer, I worked in the visual effects industry, creating award-winning, high-end 3D effects for movies and TV Shows such as Tron, The Thing, Resident Evil, and Vikings<\/a>. To be able to create these effects, we would need to use highly sophisticated animation software such as Maya<\/a>, 3Ds Max<\/a> or Houdini<\/a> and do long hours of offline rendering on Render Farms<\/a> that consisted of hundreds of machines. It’s because I worked with these tools for so long that I am now amazed by the state of the current web technology. We can now create and display high-quality 3D content right inside the web browser, in real time, using WebGL and Three.js.<\/p>\n <\/p>\n Here is an example of a project<\/a> that is built using these technologies. You can find more projects that use three.js on their website<\/a>.<\/p>\n