Aframe - Hello Metaverse Testing
How do I make an aframe - hello metaverse testing?
What is a aframe - hello metaverse testing? How do you make a aframe - hello metaverse testing? This script and codes were developed by Kévin Joffard on 11 October 2022, Tuesday.
Aframe - Hello Metaverse Testing - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Aframe - Hello Metaverse Testing</title> <script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script>
<script src="https://unpkg.com/[email protected]/dist/aframe-text-geometry-component.min.js"></script>
</head>
<body> <a-scene> <a-assets> <img id="pink" src="https://img.gs/bbdkhfbzkk/stretch/https://i.imgur.com/1hyyIUi.jpg" crossorigin="anonymous" /> <img src="https://img.gs/bbdkhfbzkk/stretch/https://i.imgur.com/25P1geh.png" id="grid" crossorigin="anonymous"> <img src="https://img.gs/bbdkhfbzkk/2048x1024,stretch/https://i.imgur.com/WMNH2OF.jpg" id="chrome" crossorigin="anonymous"> <img id="sky" src="https://img.gs/bbdkhfbzkk/2048x2048,stretch/https://i.imgur.com/WqlqEkq.jpg" crossorigin="anonymous" /> <a-asset-item id="dawningFont" src="https://cdn.glitch.com/c719c986-c0c5-48b8-967c-3cd8b8aa17f3%2FdawningOfANewDayRegular.typeface.json?1490305922844"></a-asset-item> <a-asset-item id="exoFont" src="https://cdn.glitch.com/c719c986-c0c5-48b8-967c-3cd8b8aa17f3%2Fexo2Black.typeface.json?1490305922150"></a-asset-item> <a-asset-item id="exoItalicFont" src="https://cdn.glitch.com/c719c986-c0c5-48b8-967c-3cd8b8aa17f3%2Fexo2BlackItalic.typeface.json?1490305922725"></a-asset-item> </a-assets> <a-entity scale="2 2 2" geometry="primitive: octahedron" position="0 6 -10" material="color: #071D49; metalness:1; roughness: 0.1; sphericalEnvMap: #sky;"> <a-animation easing="linear" attribute="rotation" dur="10000" to="0 0 360" repeat="indefinite"></a-animation> </a-entity> <a-entity position="-3 1 -6" rotation="5 0 0"> <a-entity rotation="0 0 5" position="-2.3 2 0.2" text-geometry="value: Change Your World; font: #dawningFont; bevelEnabled: true; bevelSize: 0.05; bevelThickness: 0.05; curveSegments: 12; size: 1; height: 0;" material="color:lavenderblush; metalness:1; roughness: 0; sphericalEnvMap: #pink;" ></a-entity> <a-entity position="-0.5 0.5 -0.5" scale="0.6 1.2 1" text-geometry="value: FINALCAD; font: #exoFont; bevelEnabled: true; bevelSize: 0.1; bevelThickness: 0.1; curveSegments: 1; size: 1.5; height: 0.5;" material="color:pink; metalness:0.9; roughness: 0.05; sphericalEnvMap: #chrome;"></a-entity> <a-entity position="1 0 0.3" text-geometry="value: WAOW; font: #exoItalicFont; style: italic; size: 0.8; weight: bold; height: 0;" material="shader: flat; color: white"></a-entity> <a-entity position="1 0 0.3" text-geometry="value: WAOW; font: #exoItalicFont; style: italic; size: 0.8; weight: bold; height: 0; bevelEnabled: true; bevelSize: 0.04; bevelThickness: 0.04; curveSegments: 1" material="shader: flat; color: white; transparent: true; opacity: 0.4"></a-entity> </a-entity> <a-entity geometry="primitive: plane; width: 10000; height: 10000;" rotation="-90 0 0" material="src: #grid; repeat: 10000 10000; transparent: true;metalness:0.6; roughness: 0.4; sphericalEnvMap: #sky;"></a-entity> <a-entity light="color: #ccccff; intensity: 1; type: ambient;" visible=""></a-entity> <a-entity light="color: #ffaaff; intensity: 1.5" position="5 5 5"></a-entity> <a-entity light="color: white; intensity: 0.5" position="-5 5 15"></a-entity> <a-entity light="color: white; type: ambient;"></a-entity> <a-sky src="#sky" rotation="0 -90 0"></a-sky>
</a-scene>
</body>
</html>
Developer | Kévin Joffard |
Username | kejoff |
Uploaded | October 11, 2022 |
Rating | 3 |
Size | 2,235 Kb |
Views | 16,192 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
Experimentation - Gmaps Colors | 2,757 Kb |
Animation iFrame Google maps - Vanilla Javascript | 2,322 Kb |
Footer Grid | 2,023 Kb |
Grid 2 columns test | 1,710 Kb |
Landing Page 3 columns oblique | 3,251 Kb |
Product Page | 6,544 Kb |
Vertical Accordeon Menu | 2,226 Kb |
Footer new generation | 3,069 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
Slide out Menu | Rbiggs | 4,936 Kb |
Lightrays v2 | Sinthetyc | 2,903 Kb |
SCSS Unit Conversion | Jakob-e | 8,210 Kb |
Canvas Orbital Trails v2 | Jackrugile | 3,421 Kb |
Hover Animation from UNIQLO | Insprd | 3,772 Kb |
Elephants Full screen site | Orrinward | 3,981 Kb |
Filtre ile Arama Kutusu - Search Box with Filter | AyhanALTINOK | 3,448 Kb |
Apex Calculator | Michaelwnelson | 2,370 Kb |
Ionic Infinite outside ion-content with ion-pane | Felquis | 3,117 Kb |
SVG Circle Progress | JMChristensen | 3,368 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!