This Wednesday Wisdom deck goes into the world of Three.js and the power of creating stunning 3D web scenes effortlessly. Learn what Three.js is, explore essential 3D tools like Maya, 3DS MAX, Blender, etc., and follow step-by-step instructions to build your own 3D scenes.
Wednesday is a leading Product Engineering Agency. We have worked with over 50 Global Brands.
Due to our product thinking expertise, Wednesday has been the agency of choice for fast-growing startups. Over 10% of India's Unicorns are our customers.
We are known for our expertise in:
1. Data Engineering: Using DataOps principles, we build data pipelines that are cost-effective and performant and allow you to make strategic decisions.
2. Applied AI: We use large language models and your proprietary data to build data-centric intelligent apps for your customers.
3. App Development & Modernization: We use our expertise in strategy, product development & design to build web, mobile, TV & IoT Apps.
We offer our expertise via the following services:
- Launch: Idea from napkin sketch to product market fit.
- Amplify: Engineering & design for companies with product market fit.
- Control: Fast-paced, tight-deadline projects suited for enterprises.
- Catalyse: Staff Augmentation
If you want to explore an opportunity to work with Wednesday, send your resume to careers@wednesday.is.
2. 2
Content
What we’ll be covering
What isThreeJS?
What are some tools that can
help you with 3D stuff?
Creating a basic Scene using
ThreeJS.
Some optimizations that you
can do while creating 3D assets.
Resources.
3. wednesday.is
What is ThreeJS?
Making the Complex easy!
Problem
The web requires OpenGLES or WebGL
to render anything 3D on the screen.
However WebGLcan only put points,
faces, and other primitive stuff which
require a lot of code.
Solution
ThreeJS handles stuff like scenes, lights,
shadows, materials, textures, 3D math, all
things that you'd have to write yourself if
you were to use WebGLdirectly.
22. 22
Key Takeaways
What we learned
What isThreeJS? Why is it needed!
What are some 3D tools that you can
use!
Setting up a basic scene inThreeJS!
What makes 3D, 3D! Its LIGHTS!
Some optimizations!
