Three.js Sculpture
Posts
How to Create a rorating .glb sculpture in a webGL metaverse envoronment using the three.js library.
Creating a rotating .glb sculpture using Three.js in a webGL metaverse environment involves several steps. First, make sure you have included the Three.js library in your HTML file. You can use the following script as a starting point: ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Three.js Sculpture</title> <style> body { margin: 0; } canvas { display: block; } </style> </head> <body> <script type="module"> import * as THREE from 'https://threejsfundamentals.org/threejs/resources/threejs/r125/build/three.module.js'; import { GLTFLoader } from 'https://threejsfundamentals.org/threejs/resources/threejs/r125/examples/jsm/loaders/GLTFLoader.js'; let camera, scene, renderer; let sculpture; init(); animate();
JavaScript PROJECT NOTES
JavaScript Project: how do I "Create a project directory and navigate to it my terminal"? //code converts kelvin to celsius and then to fahrenheit const kelvin = 293 const celsius = kelvin - 273 ; let fahrenheit = celsius * ( 9 / 5 ) + 32 ; fahrenheit = Math . floor ( fahrenheit ) console . log ( `the temperature is ${ fahrenheit } degrees Fahrenheit.` ); re: json, fetch,
Creating a GLB sculpture in Three.js and embedding it into a WebGL metaverse environment
NOTE: Creating an interactive 3D .glb sculpture in a metaverse WebGL-based virtual space using the Three.js library requires a more extensive codebase and customization based on your specific 3D model and interaction requirements. Here I will provide a basic template to help you get started. (You'll need to replace the placeholders with your actual model and interaction code). Creating a GLB sculpture in Three.js and embedding it into a WebGL metaverse environment involves several steps, here's an overview of the process: 1. Set Up Your Development Environment: Ensure you have Node.js* and a text editor (e.g., Visual Studio Code) installed. Create a project directory and navigate to it in your terminal. *?*How do I do that?!: SEE: JavaScript Notes " for a javascript project: how do I Create a project directory and navigate to it my terminal? " 2. Initialize a Project: Run the following commands to set up a basic project structure and install necessary depen
web3, AI, Avatar, etc. TOOLS for Programming
CodeSandbox Avaturn iframe example - CodeSandbox The online code editor tailored for web applications https://codesandbox.io/s/unruffled-http-ixku7g?file=/index.html Avaturn | Realistic avatar creator MAKE HUMAN www.makehumancommunity.org Easily display interactive 3D models on the web & in AR https://modelviewer.dev/ <!-- Import the component --> < script type = " module " src = " https://ajax.googleapis.com/ajax/libs/model-viewer/3.0.1/model-viewer.min.js " > </ script > <!-- Use it like any other HTML element --> < model-viewer alt = " Neil Armstrong's Spacesuit from the Smithsonian Digitization Programs Office and National Air and Space Museum " src = " shared-assets/models/NeilArmstrong.glb " ar environment-image = " shared-assets/environments/moon_1k.hdr " poster = " shared-assets/models/NeilArmstrong.webp " shadow-intensity = " 1 " camera-controls touch-action
COPYRIGHTED MATERIAL: work-in-progress ARTICLE: Generative art in the Metaverse: UX (User Experience) as VX™ (Visitor Experience) - awork-in-progress
Generative Art in the Metaverse Museum: Building better UX (User Experience) as VX ™ (Visitor Experience) the challenge(s) of viewing generative art in Metaverse spaces have yet to be overcome, how to optimise the user experience (UX) OR, in this case the Visitor experience (VX) near future: Generative art will have to be properly integrated into metaverse spaces for both to flourish in the digital art world of nfts in web3 This RESEARCH, etc: Fidenza by Tyler Hobbs https://opensea.io/collection/fidenza-by-tyler-hobbs https://everyrealm.com/blog/education/fidenza https://oncyber.io/spaces/1Q2ktveqvqAHChfYLPBG?coords=-9.54x2.77x-14.16x1.67 Mar 15 [Berlin GenArt Month] Generative art and creative coding with somaticbits Join us at despace berlin for a introductory workshop into creative coding. https://www.eventbrite.com/e/berlin-genart-month-generative-art-and-creative-coding-with-somaticbits-tickets-574879148007 Join us at despace berlin for a introductory workshop into creativ