# Threejs DSLR Camera Landing Page

> Starting a new project in threejs with a new renderer. This time will be a DSLR camera landing page using ScrollTrigger.

Canonical page: https://andersonmancini.dev/videos/threejs-dslr-camera-landing-page

Published: 2022-07-21 · Duration: 0:21 · Category: Projects · Tags: three.js, gsap, pixotronics, dslr, canon, landing-page, scrolltrigger, three-js

Watch: [YouTube](https://www.youtube.com/watch?v=An-agNdmyUU) · [Subscribe to the channel](https://www.youtube.com/@AndersonMancini?sub_confirmation=1)

Starting a new project in threejs with a new renderer. This time will be a DSLR camera landing page using ScrollTrigger.

WebGI is an amazing product. You can try it here:

If you want to check out the design, the address is this:

In the next video, I will demonstrate a little bit of the process of creating this project using the tool and the browser only. No 3D software was needed. And the live link will be posted soon.

## Links from the video

- [Live demo](https://dev-sandbox.pixotronics.com/webgi/0.4.3/demos/core~editor.html)
- [Live demo](https://www.figma.com/proto/PYtIrBaXapHmNf1FAAANo0/Pixotronics?page-id=0%3A1&node-id=101%3A4&viewport=371%2C-48%2C0.17&scaling=scale-down&hide-ui=1)

## Related projects

- [Canon 5D Mark IV](https://andersonmancini.dev/projects/canon-5d-mark-iv.md) — Concept product landing page