three
大得369
科学
展开
-
three全部
<template> <div class="box"> <div style="position: absolute;z-index: 10;cursor:pointer;margin-top:100px;" @click="animates()"> <!-- <div style="width: 500px;height: 960px;">6666666666666666666666666666666666</div>.原创 2022-04-01 16:07:31 · 208 阅读 · 0 评论 -
three根据name或者id获得模型,设置透明度
var Floor = gltf.scene.getObjectById(2307);Floor.material = new THREE.MeshLambertMaterial({ color: 0x000000,});var Floor = gltf.scene.getObjectByName('地面');Floor.material = new THREE.MeshLambertMaterial({ color: 0x000000,});...原创 2022-03-24 23:21:16 · 2145 阅读 · 0 评论 -
three种树
// 加载树纹理贴图var textureTree = new THREE.TextureLoader().load("/static/shu.jpg");// 批量创建表示一个树的精灵模型for (let i = 0; i < 100; i++) { var spriteMaterial = new THREE.SpriteMaterial({ map:textureTree,//设置精灵纹理贴图 }); // 创建精灵模型对象 var sprite = new THREE.Sp.原创 2022-03-20 12:15:02 · 982 阅读 · 0 评论 -
three点击物体
let group = new THREE.Group();//点击addEventListener('click', onMouseDblclick);//获取与射线相交的对象数组 function getIntersects(event) { event.preventDefault(); // 阻止默认的点击事件执行, https://developer.mozilla.org/zh-CN/docs/Web/API/Event/preventDefault //con.原创 2022-03-19 16:37:26 · 332 阅读 · 0 评论 -
three贴图地面,雾气,克隆,贴图,打印所有模型,模型光源,旋转角度
import * as THREE from 'three';import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader'import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls'import { PerspectiveCamera } from 'three/src/cameras/PerspectiveCamera'const ge.原创 2022-03-18 21:56:28 · 651 阅读 · 0 评论 -
three贴图地面
const geometry = new THREE.PlaneGeometry( 10000, 10000);const texture = new THREE.TextureLoader().load('/static/gltf/wuxuanxian/x/3d66Model-792313-files-13.jpg');texture.wrapS = THREE.RepeatWrapping;texture.wrapT = THREE.RepeatWrapping;texture.repeat..原创 2022-04-01 17:12:35 · 613 阅读 · 0 评论