How To Use iframes With Threejs (React-fiber + drei)

Автор: Sam Osborne

Загружено: 2023-02-13

Просмотров: 14124

Описание:

Useful links:

Code template used : https://github.com/samuelOsborne/reac...

Macbook model: https://market.pmnd.rs/model/macbook

Drei: https://github.com/pmndrs/drei

Henry Heffernan's portfolio website : https://henryheffernan.com/

Say hi! 👋

My socials:

TikTok:   / sams.code
Discord:   / discord
Twitter:   / osb_sam
Instagram:   / sams.code

Chapters:

00:00 Intro
00:30 Starting the project
01:38 Creating the laptop
03:10 Adding controls
05:25 Adding the iframe
06:30 Adding CSS
07:15 Adding parameters to the iframe
09:40 Finished project
10:00 Outro

#developer #sideproject #javascript #dev #opensource #threejs #cgi #3dmodelling #threejsdev #retrocomputing #webdev

How To Use iframes With Threejs (React-fiber + drei)

Доступные форматы для скачивания:

Скачать видео mp4

Информация по загрузке:

Скачать аудио mp3

Похожие видео

Хотелось бы знать это до использования React Three Fiber.

Хотелось бы знать это до использования React Three Fiber.

Interactive 3D in Webflow with React Three Fiber + CodeSandbox

Interactive 3D in Webflow with React Three Fiber + CodeSandbox

Are you sure your access tokens are really secure? - Wesley Cabus - NDC Copenhagen 2025

Are you sure your access tokens are really secure? - Wesley Cabus - NDC Copenhagen 2025

Я нашел ИДЕАЛЬНЫЙ дуэт для 3D веб-анимации

Я нашел ИДЕАЛЬНЫЙ дуэт для 3D веб-анимации

Tuto THREE.JS [Javascript]

Tuto THREE.JS [Javascript]

The Windows 11 Disaster That's Killing Microsoft

The Windows 11 Disaster That's Killing Microsoft

Создайте Землю с помощью THREE.js

Создайте Землю с помощью THREE.js

React Three Fiber & Three.js - Materials Explained 🔮

React Three Fiber & Three.js - Materials Explained 🔮

Tutorial for 3D model scroll animation in website | React | Three.js | R3F | Blender

Tutorial for 3D model scroll animation in website | React | Three.js | R3F | Blender

React Three Fiber (R3F) - The Basics

React Three Fiber (R3F) - The Basics

Create this 3D PARALLAX-STYLE Landing Page with THREE.JS! [FREE CODE | CODEPEN]

Create this 3D PARALLAX-STYLE Landing Page with THREE.JS! [FREE CODE | CODEPEN]

Как создать 3D-слайд-шоу с помощью React Three Fiber

Как создать 3D-слайд-шоу с помощью React Three Fiber

3D Scroll Animations Have Never Been Easier! React Fiber + Next.js 14 Tutorial

3D Scroll Animations Have Never Been Easier! React Fiber + Next.js 14 Tutorial

React Three Fiber tutorial - 3D Table Configurator

React Three Fiber tutorial - 3D Table Configurator

React Three Fiber Tutorial - Mesh Portal Material

React Three Fiber Tutorial - Mesh Portal Material

How to build a 3D website with Three.JS + React + SpacesVR [for beginners]

How to build a 3D website with Three.JS + React + SpacesVR [for beginners]

Theatre.js 0.5 – Animate THREE.js scenes in the browser

Theatre.js 0.5 – Animate THREE.js scenes in the browser

Windows Is Dying..

Windows Is Dying..

3D Particle Hand Tracking on the Web: Control Three.js with Your Webcam (Conceptual Tutorial)

3D Particle Hand Tracking on the Web: Control Three.js with Your Webcam (Conceptual Tutorial)

React 3D Animation Website Tutorial with ThreeJS (WebGi) & GSAP

React 3D Animation Website Tutorial with ThreeJS (WebGi) & GSAP