”threejs“ 的搜索结果

基于ThreeJS的智慧园区

标签：   3d  html5  javascript

     基于ThreeJS的智慧园区可视化项目

threejs让模型始终面向相机

标签：   前端  3d  javascript

     需求：threejs导入3D模型，改变相机位置的同时，让模型始终面向相机。实现方式：使用模型的lookAt()方法，设置模型lookAt的值。

vue3 - 基于maptalks和threejs实现3D地图板块效果，郑州区域json文件

标签：   vue.js 3d json

     郑州区域json文件

THREEJS 使用CatmullRomCurve3实现汽车模型沿着指定轨迹移动

标签：   js  3d

     使用的是gltf类型的模型。

threejs基本使用方法

标签：   javascript

     1、基本使用案例 ...import {OrbitControls} from 'three/examples/jsm/controls/OrbitControls.js'; //2、第一人称控制器 import { FirstPersonControls } from 'three/examples/jsm/controls/FirstPersonContro

ThreeJs控制器controls

标签：   javascript  前端  开发语言

     thre

初识three.js创建第一个threejs3D页面

标签：   javascript  3d  开发语言

     说到3D，想必大家都能想到three.js，它是由WebGL封装出来的，接下来，我手把手教大家创建一个简单的3D页面。// renderer中有domElement 是 canvas。大家可以复制代码玩一下。// 调整渲染器大小。// 让立方体转起来。

threejs 根据两个向量创建箭头

标签：   javascript  threejs

     threejs 根据两个向量创建箭头

Threejs入门之一:本地运行

标签：   vscode  javascript  html5

     ThreeJS本地运行方法

threejs-相机

标签：   javascript

     threejs相机

关于3d建模threejs和blender

标签：   blender

     关于3d建模threejs和blender

关于3d建模threejs和blender

标签：   blender

     关于3d建模threejs和blender

Three 之 three.js （webgl）使用 html div 给 Threejs 场景添加背景图的方法实现

标签：   threejs  webgl  背景图

     Three 之 three.js （webgl）使用 html div 给 Threejs 场景添加背景图的方法实现 目录 Three 之 three.js （webgl）使用 html div 给 Threejs 场景添加背景图的方法实现 一、简单介绍 二、该案例效果示图 三...

three.js 入门场景搭建及threejs下载（附带demo）- 01

标签：   javascript  3d  html5

     文章目录一、three.js三大要素 一、three.js三大要素 要渲染物体到网页中，我们需要3个组建：场景（scene）、相机（camera）和渲染器（renderer）。有了这三样东西，才能将物体渲染到网页中去。 要素 创建方式...

关于3d建模threejs和blender

标签：   blender

     关于3d建模threejs和blender

关于3d建模threejs和blender

标签：   blender

     关于3d建模threejs和blender

Threejs鼠标点击场景对象获取对象信息，Threejs使用Raycaster拾取对象信息

标签：   three.js

     所点击的网格是对象，...更多关于纹理的知识将在第10章学习）。...在该示例中任何被选中的对象会变得透明，而且相关的信息会输出在浏览器的控制台上 4，源码和模型 需要完整代码、模型或者其他源码，请进入博客首页查

超详细——手把手教你用threejs实现一个酷炫的模型发光扫描效果(三)

标签：   前端  javascript  开发语言

     上一篇文章已完成基本效果的实现，本文则完成整个项目的灵魂：发光效果以及模型优化。unrealBloom实现辉光效果接下来才是重头戏，前文基本功能已完成，但总有一种买家秀与卖家秀的感觉，接下来我们将通过辉光...

threejs 通俗易懂的入门教程

标签：   javascript  webgl  前端

     BoxGeometry 就是创建一个立方体, 传参为立方体的长宽高定义一个基础材质，颜色设置成红色。

threejs 物体A仅Y轴旋转始终面向运动的物体B

标签：   threejs

     方法来实现物体 A 始终面向物体 B，你可以使用欧拉角来实现这个效果。...请注意，这个示例假设物体 A 和物体 B 都是 Three.js 中的。你需要根据你的实际情况进行相应的调整。属性来设置物体 A 绕 Y 轴的旋转角度。

Threejs实现模拟河流，水面水流，水管水流，海面

标签：   three.js

     Threejs实现模拟河流，水面水流，水管水流，海面

threejs的使用背景色透明

标签：   javascript  开发语言  ecmascript

     如果我们希望threejs背景透明，比如数据大屏已经有背景图了，不希望threeejs的背景色遮挡，这时候就可以将threejs的背景设置为透明,设置背景透明前需要先将alpha设置为true。通过renderer.setClearColor(0x000000,0)...

threejs 人物沿轨迹移动

标签：   threejs

     threejs人物沿着轨迹移动

threejs关于模型的格式介绍,模型转换,模型压缩,模型加载的相关总结

标签：   three.js  webgl  javascript

     1.Threejs WebGL相关模型加载性能对比及模型压缩优化详解干货链接 1.科普：三维文件格式 科普：三维文件格式 2.如何在页面极速渲染3D模型 如何在页面极速渲染3D模型 3.3D性能优化 | 说一说glTF文件压缩 3D性能优化 ...

使用threejs简单Web3D效果

标签：   javascript  3d

     threejs是基于原生WebGLAPI和着色器封装得到的3D引擎，也就是一个.js库。直接通过原生WebGL直接编写程序，会比较麻烦，所以threejs就对WebGL做了一层封装，这样方便web开端的去开发web 3d的应用。

vue使用threeJs导入obj模型，并添加标注

标签：   vue.js  javascript  前端

     vue使用threeJs导入obj模型，并添加标注

Threejs中使用A*算法寻路导航，Threejs室内室外地图导航

标签：   three.js

     1，介绍 该示例使用的是 r95版本Three.js库。这里利用A*算法实现室内室外寻路、导航功能。 效果图如下： 2，主要说明 ...Threejs中使用A*算法寻路导航，Threejs室内室外地图导航</title> ...

Threejs封装电流效果

标签：   html

     封装 ... const curve_catmullRom3 = new THREE.CatmullRomCurve3( [ new THREE.Vector3( 500, 500, 0 ), new THREE.Vector3(900, 600, 0 ), new THREE.Vector3(450, 200, 0 ), new THREE.Vect...

uniapp微信小程序引入threeJs并导入模型

标签：   微信小程序  uni-app  小程序

     我的需求是使用uniapp写微信小程序，在小程序中使用threeJs就行了，目前暂不考虑兼容app什么的。1.引入小程序版的threejs库实现2.使用webview实现(推荐)

ThreeJS之3D柱形图

标签：   javascript  html  前端

     学习threejs第二篇，3D柱形图练习，本文参考了网上的实现方式，用html...此处box1.addAttribute，与threejs的版本有关，新版本中移除了该方法。柱形图分为上下两部分，因此使用了二维数组，表示上半部分和下半部分。

推荐文章