From 902844cdd1ee6099466f4eff6549b862666baef3 Mon Sep 17 00:00:00 2001 From: Frank Delaguila Date: Tue, 15 Mar 2022 15:29:08 -0600 Subject: [PATCH] Slight tweaks/adding HTML to 3D space --- src/components/App.jsx | 7 +++++-- src/views/index.html | 5 ++++- 2 files changed, 9 insertions(+), 3 deletions(-) diff --git a/src/components/App.jsx b/src/components/App.jsx index cf4b396..ccef955 100644 --- a/src/components/App.jsx +++ b/src/components/App.jsx @@ -2,7 +2,7 @@ import '../styles/styles.scss'; import * as THREE from 'three'; import { useRef, useState } from 'react'; import { useFrame } from '@react-three/fiber'; -import { Text, Environment, MeshReflectorMaterial, useTexture, MeshDistortMaterial } from '@react-three/drei'; +import { Text, Environment, MeshReflectorMaterial, useTexture, MeshDistortMaterial, Html } from '@react-three/drei'; import { gsap } from 'gsap'; import dreiVideo from '../assets/videos/drei.mp4'; @@ -78,7 +78,10 @@ const App = () => { /> - + +

HELLO

+ + -
+
+
+ +
\ No newline at end of file