Three.js - 程序员宅基地

three.regular.helvetiker:helvetiker three.js的常规字体

这是从three.js到commonjs包的的移植。用法 var typeface = require ( 'three.regular.helvetiker' ) ; THREE . typeface_js . loadFace ( typeface ) ; 安装使用可以： npm install three.regular.helvetiker ...

Three.js一学就会系列：03 炫酷3D划线

标签： javascript 3d 前端

最近开始入坑前端3D建站，跟大家一起慢慢深入three.js做网站3D这篇文章给大家讲下three.js 画线升级版，3D炫酷划线以上就是今天要讲的内容，本文仅仅简单介绍了three.js的使用，而three.js提供了非常多的3D显示功能...

three.js-简单上手

标签： javascript 前端开发语言

three.js 简单上手，入门webgl 领域

three.js简单例子墙上挖门

标签： three.js webgl 3D web html5

项目要用到web3d 但是webgl学习起来太麻烦，先用three.js库写这点，初期做个记录。关于框架的基本搭建和js引入，场景相机等的基本添加就不说明了，随便搜一下就一堆说明，重点说下如何在墙壁上挖一个门出来

Three.js专栏（三）、创建一个简单的3D地球

标签： javascript html5 前端

用Three.js创建一个简单的3D地球；

在vue中使用three.js

标签： javascript vue.js 开发语言

下面我会介绍three.js的基础写法，和在vue中写入three.js的写法。three在vue中使用的时候，用到纹理图片、模型加载不出来的时候的解决办法，在下面会具体体现出来。

THREE.JS实现看房自由（VR看房）

标签： vr javascript 图形渲染

目前随着`元宇宙`概念的爆火，`THREE`技术已经深入到了物联网、VR、游戏、数据可视化等多个平台，今天我们主要基于`THREE`实现一个三维的`VR`看房小项目，THREE基于`WebGL`的三维引擎，目前是国内资料最多、使用最...

【愚公系列】2023年08月 Three.js专题-基本概念和使用

标签： javascript 开发语言 ecmascript

Three.js是一个用于创建和呈现3D图形的JavaScript库。它提供了一组易于使用的工具和API，使得开发人员可以轻松地在Web应用程序中创建复杂的3D场景和动画。Three.js可以与其他JavaScript库和框架一起使用，如jQuery和...

Three.js学习七——播放模型动画时模型沿着轨迹移动

标签：动画 javascript 学习

在播放导入的模型动画同时，让模型沿着预定路径轨迹移动。例如导入一个会跑步动作的模型，让它沿着一条类似跑道的路径跑步移动。模型使用的是官方示例中的Soldier模型。

【Three.js】渲染模型卡顿的优化办法

标签： javascript three.js 前端

优化方法是根据chatGPT的回答下，我这里记录一下，有的方法进行了尝试，有的还没有。

vue页面引入three.js实现3d动画场景操作

标签： 3d hr js js实现 ue vue 动画操作

three.js是JavaScript编写的WebGL第三方库。Three.js 是一款运行在浏览器中的 3D 引擎，你可以用它通过控制相机、视角、材质等相关属性来创造大量3D动画场景。我们开始引入three.js相关插件。 1、首先利用淘宝镜像...

基于three.js + canvas实现爱心代码+播放器效果.zip

标签： javascript 软件/插件

基于three.js + canvas实现爱心代码+播放器效果.zip 基于three.js + canvas实现爱心代码+播放器效果.zip 基于three.js + canvas实现爱心代码+播放器效果.zip 基于three.js + canvas实现爱心代码+播放器效果.zip 基于...

threejs-starter:为Three.js程序准备的项目框架

标签： JavaScript

对于three.js项目，这可能是一个有点古怪的模板/框架。使用透视相机查看旋转的多维数据集来设置场景。使用OrbitControls，添加三个js stat跟踪器和dat.gui。画布设置为与您指定其ID的dom元素的大小匹配，并在调整...

three.js加载PLY格式模型(vue中使用three.js56)

标签： webgl three.js vue

加载PLY格式模型1.demo效果2.实现要点2.1 PLY模型放置路径2.2 加载PLY模型2.3 创建粒子材质纹理2.4 格式化为粒子系统3.demo代码 1.demo效果如上图，该demo通过PLYLoader加载了PLY格式的模型，将汽车模型呈现在页面...

PalestineMuseumWebGL:使用WebGL和Three.js库的巴勒斯坦意义演示博物馆

标签： JavaScript

three.js JavaScript 3D库该项目的目的是使用默认的WebGL渲染器创建易于使用，轻巧的3D库。在示例中，该库还提供了Canvas 2D，SVG和CSS3D渲染器。 ------ - 用法此代码创建一个场景，一个照相机和一个几何立方体...

xcx_threejs:适用于小程序的three.js

标签： JavaScript

xcx_threejs 基于three.js r97改造在小程序中直接约会 var THREE = require（“ three.js”）即可使用关于纹理的加载目前推荐使用TextureLoader.load（canvas，path）方式加载，或者可以另外创建一个Canvas，将...

three.js使用轨迹球控件TrackballControls控制相机(vue中使用three.js62)

标签： webgl three.js vue

使用TrackballControls控制相机1.demo效果2.TrackballControls介绍2.1 TrackballControls操控说明2.2 TrackballControls属性介绍2.3 TrackballControls方法介绍2.3.1 update()函数2.3.2 reset()函数2.3.3 dispose()...