THREE.JS

解决 Uncaught TypeError: SpriteCanvasMaterial is not a constructor.

文章目录前言一、替代语法总结前言上周买了本《Three.js开发指南》,第三版,里面的语法不太跟趟,有点旧,倒也不能全怪作者,three迭代的确很快.一、替代语法这几天没事做,加上前面本来就接触过Three
白瑕·2023-06-13 01:56

Three.js--》实现3d地月模型展示

目录项目搭建初始化three.js基础代码创建月球模型添加地球模型添加模型标签今天简单实现一个three.js的小Demo，加强自己对three知识的掌握与学习，只有在项目中才能灵活将所学知识运用起来，
亦世凡华、·2023-06-12 14:02

ros3djs具体使用

ros3djs具体使用ros3dj.sOrbitControls是一个用于在Three.js中进行相机控制的类。它允许用户通过鼠标和触摸手势来旋转、缩放和平移场景中的相机。
再遇当年·2023-06-12 03:56

vue打包发布后提示ReferenceError: exports is not defined

在项目中使用了three.js，three.js支持commonJs写法，导致发布后提示ReferenceError:exportsisnotdefined解决办法：执行以下命令添加babel/plugin-transform-modules-commonjsnpminstall
wylb868·2023-06-11 21:45

Three.js--》实现3d字体模型展示

目录项目搭建初始化three.js基础代码设置环境纹理加载字体模型今天简单实现一个three.js的小Demo，加强自己对three知识的掌握与学习，只有在项目中才能灵活将所学知识运用起来，话不多说直接开始
亦世凡华、·2023-06-11 16:30

Three.js教程：对象克隆、复制

推荐：将NSDT场景编辑器加入你的3D工具链其他系列工具：NSDT简石数字孪生对象克隆.clone()和复制.copy()Threejs大多数对象都有克隆.clone()和复制.copy()两个方法,点模型Points、线模型Line、网格网格模型Mesh一样具有这两个方法。复制方法.copy()A.copy(B)表示B属性的值赋值给A对应属性。varp1=newTHREE.Vector3(1.2
ygtu2018·2023-06-10 21:00

Three.js使用指南（入门版）

Three.js使用指南介绍Three.js是一个用于在Web浏览器中创建和渲染3D图形的JavaScript库。它提供了一系列强大的功能和工具，使开发者能够轻松地在网页中创建交互式的3D场景和动画。
西装暴徒_12138·2023-06-10 04:00

【threejs初级】初级demo&案例

前置知识：vue2+threejsVue里使用three.js实现3D模型小案例:非常基础的无贴图旋转立方体，有完整代码前置知识：vue3+ts+threejsvue3.0+ts+threejs实现简单的
Lana学习中·2023-06-09 23:45

Vue3+Three.js+antvG2实战项目 智慧城市(五)

前言在网上找了很久都没有找到使用Three.js开发智慧城市的免费文章或者免费视频,自己花了一点时间做了一个纯前端的智慧城市项目。
范天缘·2023-06-09 22:47

Three.js--》实现3d汽车模型展览搭建

目录项目搭建初始化three.js基础代码添加汽车模型展示动态修改汽车模型今天简单实现一个three.js的小Demo，加强自己对three知识的掌握与学习，只有在项目中才能灵活将所学知识运用起来，话不多说直接开始
亦世凡华、·2023-06-09 18:35

Three.js--》实现图片转3D效果展示

目录项目搭建初始化three.js基础代码加载图片纹理设置着色器今天简单实现一个three.js的小Demo，加强自己对three知识的掌握与学习，只有在项目中才能灵活将所学知识运用起来，话不多说直接开始
亦世凡华、·2023-06-09 17:20

Three.js教程：常见光源类型

推荐：将NSDT场景编辑器加入你的3D工具链其他系列工具：NSDT简石数字孪生常见光源类型Threejs虚拟光源是对自然界光照的模拟，threejs搭建虚拟场景的时候，为了更好的渲染场景，往往需要设置不同的光源，设置不同的光照强度，就像摄影师给你拍照要设置各种辅助灯光一样。环境光AmbientLight环境光是没有特定方向的光源，主要是均匀整体改变Threejs物体表面的明暗效果，这一点和具有方向
·2023-06-09 14:17

Three.js--》实现3d地球模型展示

目录项目搭建实现网页简单布局初始化three.js基础代码创建环境背景加载地球模型实现光柱效果添加月球模型今天简单实现一个three.js的小Demo，加强自己对three知识的掌握与学习，只有在项目中才能灵活将所学知识运用起来
亦世凡华、·2023-06-09 13:07

vue使用THREE.js创建一个可以控制的立方体

vue使用THREE.js创建一个可以控制的球体安装THREE依赖npminstallthree--save如果在main.js中导入THREE报错，可以在index.html中引入静态文件在THREE
jolin233·2023-06-09 12:20

Three.js--》实现3d官网模型展示

目录项目搭建实现网页简单布局初始化three.js基础代码创建环境背景加载飞船模型实现滚轮滑动切换3D场景设置星光流动特效今天简单实现一个three.js的小Demo，加强自己对three知识的掌握与学习
亦世凡华、·2023-06-08 19:44

在vue中使用three.js

npminstall--savethree在要使用的页面中引入three.jsimport*asThreefrom'three'参考资料：http://www.yanhuangxueyuan.com/Three.js
limit for me·2023-06-08 15:54

Three js 中文文档和在线演示实例

Three.js是当下最流行的网页3D渲染JS引擎，其主要是对WebGL编程以面向对象方式进行的封装。
这个有可能是真纯·2023-06-08 13:56

Three.js资源

Three.js资源本文是Three.js电子书的学前内容Three.js库github链接：https://github.com/mrdoob/three.jsThree.js官网：https://threejs.org
郭隆邦技术博客·2023-06-08 13:56

Three.js入门学习笔记09：Three.js对象拾取，鼠标点击对象响应事件

一.拾取对象概念二.坐标转换三.光线投射Raycaster中文文档http://www.webgl3d.cn/threejs/docs/#api/zh/core/Raycaster英文文档https://threejs.org/docs/index.html#api/en/core/Raycaster官网例子http://www.webgl3d.cn/threejs/examples/#webgl
月亮计划·2023-06-08 13:52

Three.js--》实现3d小岛模型搭建

目录项目搭建初始化three.js基础代码设置环境背景设置水面样式添加天空小岛今天简单实现一个three.js的小Demo，加强自己对three知识的掌握与学习，只有在项目中才能灵活将所学知识运用起来，
亦世凡华、·2023-06-08 13:46

Three.js--》建模软件如何加载外部3D模型？

目录三维建模软件的介绍Blender官方文档介绍Blender软件安装GLTF格式简介gltf不同文件形式看过我之前讲解的three文章的人都知道，我在创建模型的时候都没有使用three.js自带的一些简单模型
亦世凡华、·2023-06-08 12:57

Three.js--》实现3d水晶小熊模型搭建

目录项目搭建初始化three.js基础代码加载背景纹理加载小熊模型今天简单实现一个three.js的小Demo，加强自己对three知识的掌握与学习，只有在项目中才能灵活将所学知识运用起来，话不多说直接开始
亦世凡华、·2023-06-08 10:24

Three.js系列-报错export ‘Geometry‘ (imported as ‘THREE‘) was not found in ‘three‘

今天遇到报错export‘Geometry’(importedas‘THREE’)wasnotfoundin‘three’port'Geometry'(importedas'THREE')wasnotfoundin'three'(possibleexports:ACESFilmicToneMapping,AddEquation,AddOperation,AdditiveAnimationBlend
tangdou369098655·2023-06-08 03:25

【赏】three.js如何确定3dtile格式的模型的中心点和缩放比例

three.js如何确定3dtile格式的模型的中心点和缩放比例。有多个3dtile格式的模型（tileset.json+b3dm）,请问如何确定合适的比例？
鱼弦·2023-06-08 03:58

【Three.js】解决使用Three.js导入obj模型不可见问题详细记录

问题描述：近期在做三维重建项目，需要把最终生成的obj文件导入到web端浏览，这里使用的是three.js（另一个是babylon.js），但博主发现导入meshlab生成的obj时无法显示模型，但使用
DJames23·2023-06-08 02:57

Three.js在导入obj模型时自动赋予名字

在Three.js实现的Web项目中自动导入模型时需要根据文件名给导入的模型赋予名字，但由于THREE.OBJLoader().load()和你写的读入模型的for循环是异步进行的，因此难以实现，这里使用了一个讨巧的方式实现了这个需求
CXY_Likescoding·2023-06-08 02:27

Three.js 汽车3D展厅

山楂树の/CarShowroom·GitCode相关技术：tween.js、Lensflare镜头光晕、AudioListener音频、雾化Fog、GLTFLoader、gltf加载、环境/法线/高光/贴图、PBR物理网格材质、射线拾取Raycaster、线型渲染、sprite精灵模型、透视相机、OrbitControls、CSS3DRender、请求动画帧requestAnimationFram
山楂树の·2023-06-07 16:02

Three.js 自定义shader飞线动画

Flywire//引入Three.jsimport*asTHREEfrom'../../../../three.js-r133/build/three.module.js';importoutput_fragmentfrom'./output_fragment.glsl.js'varmodel=newTHREE.Group();//声明一个组对象/***创建线条模型*/vargeometry=ne
山楂树の·2023-06-07 16:02

Three.js中Raycaster射线拾取点或线模型时，碰撞范围过小无法精确检测到物体，对于精度问题相关设置

在Three.js中，Raycaster是用于检测场景中物体相交的类。当我们使用Raycaster检测物体相交时，可能会出现准确性的问题，特别是当检测到的对象是点模型或线模型时。
山楂树の·2023-06-07 16:02

Three.js加载FBX模型并解析骨骼动画

通过Threejs先加载一个.FBX格式的三维模型文件，然后解析该文件中的骨骼动画信息。FBX加载器FBXLoader.js加载fbx模型文件加载模型文件，加载完成后，如果模型显示位置不符合要求，可以通过Threejs程序进行平移、缩放等操作。varloader=newTHREE.FBXLoader();//创建一个FBX加载器loader.load("SambaDancing.fbx",func
山楂树の·2023-06-07 16:55

《vue 实践之 three.js 学习》

目录three.js学习包安装导包基础API学习Three.js三要素【图文展示】透视相机three.js渲染器之WebGLRendererWebGLRenderer实例化three.js学习个人博客地址
yk-ddm·2023-06-07 11:18

Three.js camera初探——转场动画实现

背景首先简单介绍一下three.js，three.js是用javascript写的基于webGL的第三方3D库，通过它可以在网页中进行3D建模，结合上TweenMax.js动画库，在网页中实现3D动画效果就变得很简单了
伟大先锋·2023-06-07 11:05

Three.js基本元素使用

一、Scene场景能够让你在什么地方、摆放什么东西来交给three.js来渲染，这是你放置物体、灯光和摄像机的地方。
七号公园的忧伤·2023-06-06 22:38

Threejs实现穿越云层动效

上文说到，我对《你的性格主导色》活动中最感兴趣的部分就是通过Three.js实现穿越云层动效了，据作者说每朵云出现的位置都是随机的，效果很好，下图是我实现的版本。
hezf·2023-04-21 16:52

Three.js教程：顶点位置数据解析渲染

推荐：将NSDT场景编辑器加入你3D工具链其他工具系列：NSDT简石数字孪生顶点位置数据解析渲染如果你没有WebGL基础，可以先不用记忆每个的threejs具体内容，有一个大致印象即可，学习本节课的重点是建立顶点的概念。如果你建立了顶点的概念，那么对于你深入理解学习hree.js很有帮助。如果你已经有WebGL基础或者说图形学基础，说明你肯定有顶点的概念，本节课重点可以放在学习threejs的AP
·2023-04-21 16:06

shadertoy各个uniform对应three.js值

着色器输入uniformvec3iResolution;//viewportresolution(inpixels)uniformfloatiTime;//shaderplaybacktime(inseconds)uniformfloatiTimeDelta;//rendertime(inseconds)uniformfloatiFrameRate;//shaderframerateuniform
Jedi Hongbin·2023-04-21 15:13

Three.js 加载3D模型

在学习Three.js和WebGL的时，突发奇想我是不是用这个东西来加载3D模型呢，这样多酷炫呀，通过自己的研究发现居然是可以的！！！下面，理论成立，实践开始！！
⁡⁢⁡⁢⁠Ac·2023-04-21 10:42

Three.js教程：透视投影相机

推荐：将NSDT场景编辑器加入你的3D工具链。https://ted.sinoccdc.cn/其他系列工具：NSDT简石数字孪生Threejs如果想把三维场景Scene渲染到web网页上，还需要定义一个虚拟相机Camera，就像你生活中想获得一张照片，需要一台用来拍照的相机。透视投影相机PerspectiveCameraThreejs提供了正投影相机OrthographicCamera(opens
·2023-04-21 10:21

three.js（JS 三维模型库）介绍和入门

介绍：three.js是一个基于WebGL的JavaScript3D库。它封装了WebGLAPI，为开发者提供了简单易用的API，以便在Web浏览器中展示3D图形。
南北极之间·2023-04-20 18:36

Three.js教程：建模软件绘制3D场景(Blender)

三维建模软件作用对于简单的立方体、球体等模型，你可以通过three.js的几何体相关API快速实现，不过复杂的模型，比如一辆轿车、一栋房子、一个仓库，一般需要通过3D建模软件来实现。
·2023-04-20 15:32

Three.js不同模型在不同轨道上的动画和移动

目录效果描述实现流程基本流程工程文件搭建场景添加模型和播放动画添加路径和模型移动完整代码和实现效果效果描述在场景中放置多个轨道路线，并在轨道上放置模型，在模型动画播放的同时让模型沿着预定轨迹移动。实现流程基本流程1、搭建场景2、添加模型和播放动画3、添加路径和模型移动工程文件工程文件结构如下图：static：存放静态资源文件three.js-master：为官网下载的代码包，包含所有需要用到的资源
Mr_Bobcp·2023-04-20 01:05

three.js之scene

在Three.js中，这意味着THREE.Scene保存所有对象、光源和渲染所需的其他对象。本节主要是构建一个基本场景，然后可以通过gui添加，删除场景里的对象等。
.伊泽瑞尔·2023-04-19 21:20

three.js之自定义一个正方体（网格）

真正的开始走近three.js。效果图坐标系坐标系支持右手定则。
.伊泽瑞尔·2023-04-19 21:20

three.js之摄像机

three.js的摄像机主要包括两类：正交投影摄像机和透视投影摄像机。透视投影摄像机：THREE.PerspectiveCamera，最自然的视图，距离摄像机越远，它们就会被渲染得越小。
.伊泽瑞尔·2023-04-19 21:20

Three.js教程：模型材质和几何体属性

推荐：将NSDT场景编辑器加入你的3D工具链https://ted.sinoccdc.cn/其他工具集：NSDT简石数字孪生模型材质和几何体属性本节课给大家介绍模型对象的几何体.geometry和材质属性.material。浏览器控制台查看对象和属性浏览器控制打印模型对象mesh，可以展开对象，查看对象的几何体.geometry和材质属性.material。constmesh=newTHREE.M
·2023-04-19 15:56

fastadmin使用three.js，导入xyz的txt文件，展示3D模型

1.安装three.jsbowerinstallthree--save2.在require-backend.js引入three.js我是在后台展示所以在require-backend中引入3.在需要展示的模块的
就是三木啊·2023-04-19 15:59

Three.js教程：材质效果

推荐：将NSDT场景编辑器加入你3D工具链其他工具系列：NSDT简石数字孪生材质效果前面案例中几何体对应网格模型材质只是设置了一个颜色，实际渲染的时候往往会设置其他的参数，比如实现玻璃效果要设置材质透明度，一些光亮的表面要添加高光效果。半透明效果更改场景中的球体材质对象构造函数THREE.MeshLambertMaterial()的参数，添加opacity和transparent属性，opacit
ygtu2018·2023-04-19 13:42

Three.js教程：材质效果

推荐：将NSDT场景编辑器加入你3D工具链其他工具系列：NSDT简石数字孪生材质效果前面案例中几何体对应网格模型材质只是设置了一个颜色，实际渲染的时候往往会设置其他的参数，比如实现玻璃效果要设置材质透明度，一些光亮的表面要添加高光效果。半透明效果更改场景中的球体材质对象构造函数THREE.MeshLambertMaterial()的参数，添加opacity和transparent属性，opacit
·2023-04-19 11:07

Three.js 进阶之旅：全景漫游-初阶移动相机版

Three.js实现全景功能也是十分方便的，当然了目前已经有很多相关内容的文章，我之前就写过一篇《Three.js实现3D全景侦探小游戏》
·2023-04-19 10:59

0元领魔豆500颗，150个3D源码打包，三维可视化 全景 3D建模 ThingJS

使用目前最流行的3D开发框架three.js，一个加载模型、调光、选择模型弹框的功能，就能写出上百行代码……！
小锘good·2023-04-19 07:26
上一页 16 17 18 19 20 21 22 23 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他