3js

learning 3js from scratch till i master it. this repository serves as a roadmap and reference for me in future or maybe help you .

Below are links to the various files within the project.

1. Basic Elements

Explore the basics of 3D elements in Three.js. The code here i have written serves as a syntax guide component wise.

• 1_basic_elements

2. Object Loading and Basics

Learn how to load and manipulate objects in Three.js.

• 1_load_gltf.html
• 2_change_size.html
• 3_animate.html

3. Animation

Dive into various animation techniques in Three.js.

• 1_basic_animation.html
• 2_orbitcontrols.html
• 2.1_orbitcontrols.html
• 3_mouse_pointer.html
• 4_animate_control_with_keyboard.html
• 5_animate_control_with_keyboard.html
• 6_click_interaction.html
• 7_rotate_and_movement.html
• 8_dynamic_shadow_and_lighting.html
• 9_cursor_is_light_source.html
• 10_drag_and_drop.html
• 11_move_obj_in_page.html
• 12_scale_obj_in_page.html
• 13_rotate_obj_in_page.html
• 14_combine_scale_and_rotate.html
• 15_combine_move_and_scale.html
• 16_transparency_in_page.html
• 17_position_offset_on_scroll.html
• 18_dynamic_lighting_in_page.html
• 19_parallax.html
• 20_obj_bounce.html

Additional Resources

You can explore various object files in the obj directories.

• Object files (2_object_loading_and_basics/obj)
• Object files (3_animation/obj)

Enjoy exploring Three.js animations and object manipulations!

Credits

3D-models

credits to the following 3d artists who provided their work for free. Take a peek at their work(masterpiece) and support them.

-fabian_orrego : author : source

-famousandfaded :author :source