JSM

3.js - 鸡蛋托

import*asTHREEfrom'three'import{OrbitControls}from'three/examples/jsm/controls/OrbitControls'import{GUI
一嘴一个橘子·2024-09-06 12:58

react 中three.js 模型渲染

npminstallthreeimport*asTHREEfrom"three";import{GLTFLoader}from"three/examples/jsm/loaders/GLTFLoader.js
Mr_wuying·2024-09-04 07:17

【Three.js基础学习】19.Custom models with Blender

/style.css'import*asTHREEfrom'three'import{OrbitControls}from'three/examples/jsm/controls/OrbitControls.js'import
蚕食我的耐心·2024-08-29 08:33

threejs 创建CSS3DSprite精灵标签, 可以更新位置及内容(封装)

/js/three.js/examples/jsm/renderers/CSS3DRenderer.js";classThreeCss3dSprite{constructor(){this.sprit
zsd_666·2024-08-24 09:47

CSS2DRenderer的使用

master/examples/css2d_label.html；CSS2DRenderer的使用import{CSS2DObject，CSS2DRenderer}from‘three/examples/jsm
qq_39672409·2024-02-28 09:20

threejs 坐标系与三角函数的实践应用

有空的老铁关注一下我的抖音：效果：沿着圆弧批量创建多个小球//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm
汉武大帝··2024-02-08 19:30

three.js 箭头ArrowHelper的实践应用

效果：代码：//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js
汉武大帝··2024-02-08 19:30

three.js 匀速动画(向量表示速度)

效果：代码：1.匀速动画(向量表示速度)//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls
汉武大帝··2024-02-08 19:30

three.js 渲染.obj模型

scene.add(group)加载.obj模型，需要使用MTLLoader和OBJLoader，我们先引入//解析.obj模型import{OBJLoader}from'three/examples/jsm
inkbamboo·2024-02-07 10:07

使用three.js加载3D模型

文件可从网上查找，加载对应的文件地址也可以换成线上地址varscene,mesh;import*asTHREEfrom'three'import{OrbitControls}from'three/examples/jsm
懒惰的狮子·2024-02-03 17:29

three.js CSS2DRenderer、CSS2DObject渲染HTML标签

有空的老铁关注一下我的抖音：效果：//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js
汉武大帝··2024-02-02 11:18

three.js CSS3DRenderer、CSS3DSprite渲染HTML标签

有空的老铁关注一下我的抖音：效果://引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js
汉武大帝··2024-02-02 11:18

three.js CSS3DRenderer、CSS3DObject渲染HTML标签

有空的老铁关注一下我的抖音：效果：//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js
汉武大帝··2024-02-02 10:14

Threejs API——`OrbitControls`相机控件

文章目录API用法APIOrbitControls相机控制用法导入import{OrbitControls}from'three/examples/jsm/controls/OrbitControls.js'import
博客zhu虎康·2024-02-01 09:42

threejs-day3(摄像机/阴影/雾/渲染目标/自定义缓冲几何体)

/three/examples/jsm/controls/OrbitControls";import{GUI}from"dat.gui";constcanvas=document.querySelector
小杰66·2024-01-29 13:30

three.js 鼠标选中模型弹出标签

效果：请关注抖音代码：//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js
汉武大帝··2024-01-29 05:54

【Three.js】轨道控制器（OrbitControls）的使用

轨道控制器功能不可以通过three模块来直接访问，需要从example/jsm子目录下导入。import{OrbitCo
叶子yes·2024-01-29 04:42

记事本(父页面与iframe子页面的联通,vue3+ts展示fbx模型,与tga贴图)

import{FBXLoader}from'three/addons/loaders/FBXLoader';//导入FBXLoaderimport{TGALoader}from'three/examples/jsm
yasuo56·2024-01-26 17:02

THREE.js 导入glTF文件，界面中不展示模型

导入代码import{GLTFLoader}from'three/examples/jsm/loaders/GLTFLoader';exportasyncfunctionloadGLTF(){constlo
JA+·2024-01-24 07:19

threejs demo

/jsm/controls/OrbitControls.js';letcame
前端大颖颖·2024-01-22 12:55

最值得入手的aj有哪些？价格下降入手好时机

价格下降入手好时机随着aj系列篮球鞋的普及，被种草的jsm也越来越多，随着大量货物的涌入，AJ系列的球鞋也呈现出不涨反跌的趋势，那么在AJ价格下降的大前提下，值得入手的AJ又有哪些呢？
派大星爱吃蛋黄派·2024-01-21 18:47

WEB 3D技术 three.js 3D贺卡(2) 加入天空与水面效果

搭建基本项目环境我们简单搭了一个贺卡雏形然后我们要引入一个hdr的一个天空的效果所以我们需要在代码中导入RGBELoader//导入RGBELoaderhdr工具import{RGBELoader}from"three/examples/jsm
-耿瑞-·2024-01-20 08:26

three.js 缓动算法.easing(渐入相机动画)

效果：淡入，靠近物体代码：设备A设备B整体保存图片//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls
汉武大帝··2024-01-19 09:16

three.js 点按钮,相机飞行靠近观察设备

点击按钮或直接点击模型都可以实现运动效果代码：设备A设备B整体保存图片//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm
汉武大帝··2024-01-18 16:13

十三、Three场景物体增加发光特效

实现步骤增加composer.jsimport{UnrealBloomPass}from'three/examples/jsm/postprocessing/UnrealBloomPass.js'
arguments_zd·2024-01-17 01:10

three.js 变形动画原理示例

效果：代码：开始//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js
汉武大帝··2024-01-14 19:34

three.js : tweenjs创建threejs动画

效果：代码开始//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js
汉武大帝··2024-01-14 19:34

three.js 关键帧动画

倍速循环播放控制动画播放特定时间开始(2秒)播放速度播放速度动画播放(拖动任意时间状态)//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm
汉武大帝··2024-01-14 19:00

three.js 创建三维模型

{OrbitControls}from'three/addons/controls/OrbitControls.js';import{DragControls}from'three/examples/jsm
inkbamboo·2024-01-14 17:48

WEB 3D技术 three.js 聚光灯

/style.css'import*asTHREEfrom"three";import{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js
-耿瑞-·2024-01-14 00:34

WEB 3D技术 three.js 阴影属性

/style.css'import*asTHREEfrom"three";import{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js
-耿瑞-·2024-01-13 18:24

WEB 3D技术 three.js 多元素包围盒

/style.css'import*asTHREEfrom"three";import{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js
-耿瑞-·2024-01-08 15:02

WEB 3D技术 three.js 元素居中与获取元素中心点

/style.css'import*asTHREEfrom"three";import{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js
-耿瑞-·2024-01-08 15:58

web3d-three.js场景设计器-TransformControls模型控制器

引入方式import{TransformControls}from'three/examples/jsm/controls/TransformControls.js';使用方式//
11eleven·2024-01-06 13:52

WEB 3D技术 three.js 顶点交换

/style.css'import*asTHREEfrom"three";import{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js
-耿瑞-·2024-01-06 13:26

WEB 3D技术 three.js 顶点缩放

/style.css'import*asTHREEfrom"three";import{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js
-耿瑞-·2024-01-06 13:26

WEB 3D技术 three.js 顶点旋转

/style.css'import*asTHREEfrom"three";import{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js
-耿瑞-·2024-01-06 13:23

three.js 射线拾取精灵图Sprite控制场景

效果：这里只是鼠标点击时，改变了精灵图的材质颜色代码：//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls
汉武大帝··2024-01-05 15:00

WEB 3D技术 three.js 法向量演示性讲解

/style.css'import*asTHREEfrom"three";import{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js
-耿瑞-·2024-01-04 23:23

three.js: gltf模型设置发光描边

效果：代码：发光描边//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js
汉武大帝··2024-01-04 12:09

three.js gltf后处理颜色异常(伽马校正)

效果：应用了伽马校正，好像效果不明显代码：发光描边//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls
汉武大帝··2024-01-04 12:34

WEB 3D技术 three.js通过光线投射 完成几何体与外界的事件交互

/style.css'import*asTHREEfrom"three";import{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js
-耿瑞-·2024-01-01 22:23

基于vue与three.js，监听FPX（Stats类使用）

第一步，引入stats类并new出来importStatsfrom'three/examples/jsm/libs/stats.module.js';data(){return{stats:newStats
printf_824·2023-12-31 02:26

Vue ThreeJs实现银河系行星运动

预览可通过右上角调整参数，进行光影练习代码import*asTHREEfrom'three'import{OrbitControls}from'three/examples/jsm/controls/OrbitControls'import
jingzhi1230·2023-12-29 19:01

three.js学习笔记（react版）

很多方法在各种版本里的使用方法不太一样或者已经被废弃，所以下载正确的版本是很重要的，想下载最新版本的只需将@后面的版本去掉即可npminstallthree@对应版本--save下载后的three文件如下在该目录下examples/jsm
Pluto_fan·2023-12-29 18:57

three.js使用精灵模型Sprite渲染森林

效果：源码：//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js
汉武大帝··2023-12-25 20:51

three.js后处理(发光描边OutlinePass描边样式

效果：//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js
汉武大帝··2023-12-25 20:47

WEB 3D技术 three.js 通过lil-gui管理公共事件

首先导入我们的lil-gui//引入lil-guiimport{GUI}from"three/examples/jsm/libs/lil-gui.module.min.js";我们直接可以在代码最下面这样写
-耿瑞-·2023-12-24 05:58

WEB 3D技术 three.js 通过lil-gui 控制x y z轴数值 操作分组 设置布尔值控制 颜色材质控制

/style.css'import*asTHREEfrom"three";//引入lil-guiimport{GUI}from"three/examples/jsm/libs/lil-gui.module.m
-耿瑞-·2023-12-24 05:58

three.js实战模拟VR全景视图

import{onMounted}from"vue";import*asTHREEfrom'three'import{OrbitControls}from'three/examples/jsm/con
说学逗唱攻城狮·2023-12-23 12:54
上一页 1 2 3 4 5 6 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他