I shall begin with mentioning that I’m a total beginner, so I assume that there is a minor issue I keep missing over and over again while trying to make it work. In short: I loaded a GLTF scene with 3 different objects and added the scene separately. I want to make each of the objects open a new pa…

Try with the following: if (intersections.length > 0) { const object = intersections[0].object; if(object === cube1) window.open('https://www.amazon.com'); else if(object === cube2) window.open('https://www.google.com'); else window.open('facebook'); }

Thank you for such fast reply. I get: Uncaught ReferenceError: cube1 is not defined :frowning:

cube1, 2 and 3, are supposedly parts/objects/children of the loaded model. You’ll have to define them first, then check the intersection. You can find them by name scene .getObjectByName or by property scene .getObjectByProperty

I’ve put together a quick example on how to handle the raycaster, and dispatch the objects links by checking their respective names. Edit fiddle - JSFiddle - Code Playground JSFiddle - Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle.

@Fennec that fiddle needs slight correction where name should actually be objectName, maybe try to paste the following code: import * as THREE from "three" const scene = new THREE.Scene() const camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000, ) co…

Is it possible to add a custom data to objects in Blender? If yes, then it’s enough to have, for example, object.userData.link property, that stores a URL. And all you need to do is to obtain that URL. :thinking: Demo: https://codepen.io/prisoner849/full/vEBBVVE

[image] GitHubDragonFly: that fiddle needs slight correction where name should actually be objectName, maybe try to paste the following code: Yep! My bad :sweat_smile:, also all the URLs were pointing to the same content, fixed with new URLs pointing to the documentation for each shape. […

Different 3D models as hyperlinks

Questions

Fennec November 25, 2024, 4:51pm 5

I’ve put together a quick example on how to handle the raycaster, and dispatch the objects links by checking their respective names.

Topic		Replies	Views
Different THREE.JS 3D models as hyperlink Questions models , loaders , hyperlink	3	3036	January 5, 2021
Creating unique URL's for multiple GLTF Questions loaders , gltf , raycasting , url	15	996	September 30, 2023
How to click on objects in an uploaded 3D model Questions loaders , raycaster , gltf-loader , gltf	3	3855	March 29, 2022
Raycasting sphere to create a hyperlink Questions raycasting	3	2611	November 8, 2018
Clicking on gltf models Questions raycasting	5	11974	July 28, 2022

Different 3D models as hyperlinks

Related topics