ThreeJs

Lanuch threejs with 甜甜圈| 大帅老猿threejs特训

WebGL简介WebGL（全写WebGraphicsLibrary）是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGLES2.0结合在一起，通过增加OpenGLES2.0的一个JavaScript绑定，WebGL可以为HTML5Canvas提供硬件3D加速渲染，这样在浏览器里更流畅地展示3D场景和模型了，还能创建复杂的导航和数据视觉化。WebGL使用需要图形学知识，对We
·2022-12-18 22:58

元宇宙基础案例 | 大帅老猿threejs特训

文章目录元宇宙基础-Three.js|大帅老猿threejs特训营什么是元宇宙Three.js基础入门Web3D技术WebGL简介Three.js官网以及下载备注可能遇到但不希望你遇到的问题Three.js
IT从业者张某某·2022-12-15 14:10

元宇宙基础案例|大帅老猿threejs特训

什么是元宇宙「元宇宙」这个概念在近来十分火热，但本质来上说，元宇宙这个词更多的是一个商业上的概念，在这个概念里面融入集成了很多现有的技术。具体可能包括：包括信息革命（5G/6G)、互联网革命（web3.0）、人工智能革命，以及VR、AR、MR，特别是游戏引擎在内的虚拟现实技术革命的成果，向人类展现出构建与传统物理世界平行的全息数字世界的可能性；引发了信息科学、量子科学，数学和生命科学的互动，改变科
·2022-12-14 16:20

Three.js（十四）—— 模型文件加载

文章目录14、Three.js加载外部模型文件14.1Three.js数据结构、导入导出Threejs导出模型信息自定义模型加载器文件加载Three.js导出的模型数据14.2加载stl文件并解析stl
summer_du·2022-12-10 09:11

Three.js层级模型节点命名、查找、遍历

层级模型节点命名、查找、遍历本文是Three.js电子书的6.2节上节课说过Threejs场景对象Scene和各种子对象构成的层级模型就是一个树结构。
郭隆邦技术博客·2022-12-10 09:41

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

1.ThreejsWebGL相关模型加载性能对比及模型压缩优化详解干货链接1.科普：三维文件格式科普：三维文件格式2.如何在页面极速渲染3D模型如何在页面极速渲染3D模型3.3D性能优化|说一说glTF
红叶920·2022-12-10 09:10

ThreeJs 学习之旅(十四)—Raycaster(射线)

部分摘抄自:three.js学习笔记(九)——光线投射_hongsir_12的博客-CSDN博客光线投射(RayCaster)可以向特定方向投射光线，并测试哪些对象与其相交。光线投射用于进行鼠标拾取（在三维空间中计算出鼠标移过了什么物体）。用法示例：测试相机前方是否有一堵墙（障碍）光线是否击中目标当鼠标移动时测试是否有物体位于光标下方，以此模拟鼠标事件当物体朝向特定某处时提示信息初始场景三个球体，
Florenza·2022-12-08 21:33

Three.js一学就会系列：01 第一个3D网站

官网https://threejs.org/three.js是JavaScript编写的WebG
成茂峰·2022-12-08 11:56

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

前言：我的需求是使用uniapp写微信小程序，在小程序中使用threeJs就行了，目前暂不考虑兼容app什么的。
网抑云资深选手zzz·2022-12-03 14:28

THREEJS相关3d-force-graph 3d力导图使用

，但是api文档不是很友好，网上教程也很少几乎找不到，写完一个例子所以记录一下自己用到的一些api的配置使用，最开始看官方例子最简单，建议初学者先看官方例子熟悉配置，再参考这边的配置，最后深入可以研究threejs
gfddd1231·2022-11-27 02:41

基于Threejs火焰烟雾动画功能代码

利用Threejs进行三维可视化的应用项目开发，我们经常回遇到需要加入一些动画效果，粒子效果等。所以本片利用此详细的例子进行介绍在Threejs中如何使用。
珞珈鸡丝·2022-11-21 04:14

threejs三维地图大屏项目分享

这是最近公司的一个项目。客户的需求是基于总公司和子公司的数据，开发一个数据展示大屏。大屏两边都是一些图表展示数据，中间部分是一个三维中国地图，点击中国地图的某个省份，可以下钻到省份地图的展示。地图上，会做一些数据的标注，信息标牌。如下图所示：本文将对一些技术原理进行分享。2d图表2d图表部分，主要通过echart图表进行开发，另外还会涉及到一些icon文字的展示。这个部分相信大部分前端人员都知道如
·2022-11-09 14:40

一步步带你实现web全景看房——three.js

1.基本概念在THREEjs中，渲染一个3d世界的必要因素是场景（scene）、相机（camera）、渲染器（renderer）。
小可乐程序员·2022-10-29 20:21

threejs实现VR看房材质贴图

home1_left.jpghome1_right.jpghome1_top.jpghome1_bottom.jpghome1_front.jpghome1_back.jpghome2_left.jpghome2_right.jpghome2_top.jpghome2_bottom.jpghome2_front.jpghome2_back.jpg
慢步者_rambler·2022-10-29 20:21

three.js 全景看房

代码参考了官方的https://threejs.org全景看房body{background-color:#000000;margin:0;cursor:move;overflow:hidden;}a{
菜鸟驿站2020·2022-10-29 20:51

vite+vue3+ts+Threejs 实现vr全景看房

import*asTHREEfrom'three'import{TextureLoader}from'three'import{OrbitControls}from'three/examples/jsm/controls/OrbitControls'//import{RGBELoader}from'three/examples/jsm/loaders/RGBELoader'import{ref,o
sheen~向阳·2022-10-29 20:51

使用threejs实现VR看房效果，仿贝壳找房VR看房

一、效果演示最近看到贝壳找房里的VR看房，感觉挺有意思；就试着仿照实现了一下。在这里做一个学习记录。二、代码//记录当前是在哪个房间letcurrentHome='home1';//纹理加载器letloader=newTHREE.TextureLoader();//加载所需要的纹理图片lettexture1=loader.load('./img/home1_left.jpg')lethome1_l
慢步者_rambler·2022-10-29 20:51

three.js学习笔记(十九)——后期处理

下面链接是Three.js官方文档中一些关于后期处理的示例：https://threejs.org/docs/index.html?
hongsir_12·2022-10-15 01:23

Threejs学习笔记

Three.jsThree.js学习笔记，来自：https://gitchat.csdn.net/columnTopic/5b320731bebc3c4bd7e725cb?utm_source=juhehttps://blog.csdn.net/qq_30100043/article/category/7003591?utm_source=juhehttps://zhuanlan.zhihu.co
ienyh·2022-10-15 01:42

vr全景看房的方案 three.js

WebGL3D引擎http://www.webgl3d.cn/threejs/docs/#api/zh/core/Raycaster一.客户端，加载六张图及按钮位置，点击按钮删除旧的图及按钮，加载下一组图
lxsssss·2022-10-15 01:50

Three.js的入门案例（下）

关注初识Threejs与小编一起学习成长在上一篇案例中实现了几何体-球体旋转效果，今天继续丰富这个案例效果，在球体的周围添加光圈及旋转模块（图片+文字组成），均匀的分布在球体周围，围绕着球体逆时针旋转，
前端达人·2022-10-15 01:20

ThreeJS绘制路径方案

ThreeJS绘制路径方案预研1)ThreeJS部分Line先使用Line来创建一根最简单的线：//创建材质constmaterial=newTHREE.LineBasicMaterial({color
魈傩·2022-10-15 01:47

vue+threejs写物体动画之物体缩放动画效果

目录写在前面代码说明写在最后写在前面本文用vue+threejs写物体动画：物体缩放动画。实现原理：让缩放值根据秒数的增加呈函数式变化，以达到动画展示的效果。
·2022-10-06 16:35

ThreeJS学习记录（二）中文文字

我在Vue项目中引入了threeJS，需要在视图中展示文字，一开始没在意，直接按照例子来写：import*asTHREEfrom'three'import{FontLoader}from'three/examples
·2022-09-27 15:08

Three.js快速入门

ThreeJS快速入门ThreeJS开发学习准备安装基本使用效果图控制器物体移动效果图物体缩放与旋转Clock跟踪时间Gsap动画自适应Gui效果图BufferGeometry（设置顶点）设置顶点创建矩形实现三角形材质与纹理标准网格材质效果图环境贴图效果图灯光与阴影效果图平行光的阴影属性聚光灯效果图点光源效果图
碰磕·2022-09-17 07:36

uniapp 3D模型加载

注意：需要引入three.js,只支持Gbl文件的模型使用到renderjs，因为app不支持docment的操作import*asTHREEfrom"three";//OrbitControls是对Threejs
晓丶生·2022-09-16 16:17

threejs中使用drawbufferss示例详解

目录原因历程原生的使用基本流程灵光乍现使用WebGLMultipleRenderTargets原因深度剥离实现之后，似乎会使得走样严重起来。我意识到，这是因为剥离这个过程，并没有什么讲究，只要是深度小于等于就剔除了，这样很可能就导致了，原本平滑的差值过渡出现了断层，突变。简单的解决办法就是增顶点数。一番搜寻weightoit算法的demo,但是只找到了用原生webgl写的,传送门。在费了几个日夜之
·2022-09-06 13:46

OutLine渲染调研

geoffprewett.com/blog/...博客语言:openGL包含一个顶点着色器和片元着色器的代码http://jsfiddle.net/Eskel/g59...CoffeScript编写的threejs
·2022-09-06 12:17

webgl(three.js)实现室内三维定位,3D定位,3D楼宇bim、实时定位三维可视化解决方案——第十四课（定位升级版）

使用three.js(webgl)搭建智慧楼宇、3D定位、三维室内定位、设备检测、数字孪生、物联网3D、物业3D监控、物业基础设施可视化运维、3d建筑,3d消防,消防演习模拟,3d库房,webGL,threejs
魂断蓝桥666·2022-09-06 12:00

webgl(three.js)实现室内三维定位,3D定位,3D楼宇bim、实时定位三维可视化解决方案——第十四课（定位升级版）

使用three.js(webgl)搭建智慧楼宇、3D定位、三维室内定位、设备检测、数字孪生、物联网3D、物业3D监控、物业基础设施可视化运维、3d建筑,3d消防,消防演习模拟,3d库房,webGL,threejs
魂断蓝桥666·2022-09-06 12:00

learn threejs (最小化例子）

&t=803shttps://github.com/00-joe-js/playground-of-huge-potential最小化场景例子https://github.com/chunleili/threejsMinimal
beidou111·2022-09-02 09:02

UE 实现镜头平移，旋转和缩放

如果是开发过threejs的读者，可能能够设想到的思路是这样的，监听键盘事件，如果是字母W就是把镜头的位置和中心点向前移动，其他键类似
·2022-09-02 08:49

vue3 如何使用 three.js

Ⅰ.安装threeJsnpmithreeⅡ.main.js中全局导入import{createApp}from'vue'importAppfrom'.
别拿bug搞偷袭·2022-08-31 09:23

用Threejs做一只会动的3D玉兔祝大家中秋快乐

前言2022年中秋佳节即将来临，中秋节是我们国家的传统节日。在民间活动中，全国各地的老百姓通常会举行很隆重的活动来度过中秋节，通常比较见的就有赏灯、赏月、吃月饼、喝桂花酒、赏桂花等活动，而每年的中秋节都是天气比较凉爽的季节，人们刚刚经历了酷暑，转入梁秋。因而纷纷会选择走出户外，或与亲朋好友一起赏月，吃着月饼，甚至喝一壶桂花酒，不仅让彼此都放松了心情，同时增加了加强了家人的感情。坚守不管在哪个行业，
yelangking1·2022-08-30 19:34

基于Three.js实现3D玉兔效果的示例代码

目录前言技术人的快乐1、中秋与玉兔2、3D玉兔3、环境说明4、创建一个html5、定义Threejs的相关场景、相机等参数6、定义玉兔并设置大小7、最终效果前言2022年中秋佳节即将来临，中秋节是我们国家的传统节日
·2022-08-30 10:24

Three.js - 模拟太阳、地球、月亮的运动（十一）

基础场景学习//官网地址import*asTHREEfrom'https://threejsfundamentals.org/threejs/resources/threejs/r132/build/three.module.js'import
nie-ny·2022-08-28 20:55

threejs学习第一天--3D地月环绕实战案例

实现效果部分代码index.html:Document*{margin:0;padding:0;}canvas{background-image:url(imgs/star.jpg);background-size:cover;}.label{color:#fff;font-size:16px;}import*asTHREEfrom'../libs/build/three.module.js'im
chnyi6_ya·2022-08-28 20:25

UE导入FBX、GLTF模型

楔子虽然做了很多年的三维可视化，不过都主要还是web端开发为主（webgl，threejs，有兴趣的读者也可以关注下我的相关专栏）。最近准备入手一下UE，顺便做一下知识梳理。
·2022-08-27 19:58

利用Three.js实现3D三棱锥立体特效

Threejs是一款WebGL三维引擎，它可以用来做什么许多许多地场景应用一个小案例第一个three.js文件_WebGL三维场景body{mar
·2022-08-22 14:59

ThreeJS从创建场景到使用功能实例详解

目录前言创建场景以及相机创建一个平面添加图片创建线添加轴线缩放、定位、以及旋转添加文字正交摄像机和透视摄像机的区别总结前言最近公司要做一个2.5D插件，然后自己学旋转角度不太好，然后就使用了THREEJS
·2022-08-21 11:41

webgl(threejs)生成房间楼层

以threejs为基础，扩展一个几何对象PathCub
·2022-08-20 15:02

使用three.js(webgl)搭建智慧楼宇、设备检测、数字孪生——第十三课

使用three.js(webgl)搭建智慧楼宇、设备检测、数字孪生、物联网3D、物业3D监控、物业基础设施可视化运维、3D定位、三维室内定位、3d建筑,3d消防,消防演习模拟,3d库房,webGL,threejs
魂断蓝桥666·2022-08-16 15:00

【WebGL 3D前沿】threeJs 入门篇

1.什么是threeJs简单的说，就是一门绘制3D的javaScript轻量级框架；主要采用，HTML5Canvas提供硬件3D加速渲染；于是web端，就能制作出3D系统，访问就能操作，十分方便。
别拿bug搞偷袭·2022-08-15 00:53

基于webgl(threejs)的路面编辑

我们知道在threejs中有通过路径生成管路的对象，参考文章WebGL管网展示(及Tu
·2022-08-11 18:36

基于webgl(threejs)的路面编辑

楔子在很多应用中，特别是一些园区类的应用。都需要对园区的地面环境进行展示，路面就是地面的一部分。通常的做法是，都是建模的时候把相关的元素都建好，然后导入到展示系统中进行展示。不过有些情况下，可能建模并不太方便，所以三维编辑器可以直接进行简单的路面编辑显得挺有必要。路面对象扩展简单的路面
ITman彪叔·2022-08-11 17:00

reactjs中使用threejs从0到1

搭建本地开发环境安装nodejs按照CreateReactApp安装指南创建一个新的项目npxcreate-react-appreact-three-demo删除掉新项目中src/文件夹下的所有文件。（不要删除整个src文件夹，删除里面的源文件。）安装路由依赖包和thr
小方块的世界·2022-08-04 18:00

threejs 开发3d园区

点击建筑名称可转场到建筑内，查看内部结构该技术适合园区展示，物联网开发，社区信息可视化等等，智慧城市，智慧生活，产品展示，楼盘展示等等
·2022-08-02 19:18

WebGPU 导入[1] - 入门常见问题与个人分享

1.常见问题①WebGL、ThreeJS会淘汰吗？WebGL是不是过时了？WebGPU性能是不是比WebGL强？ThreeJS会淘汰吗？
·2022-08-01 21:11

threejs后期处理的基本使用方法之加特效

目录前言基本代码基本流程核心函数介绍EffectComposer效果组合器构造函数重要方法：RenderPass渲染通道构造函数重要属性：ShaderPass着色器通道官方案例链接通道相关代码位置案例演示电脉冲故障风效果代码描边效果代码泛光效果BloomPass的参数代码总结前言后期处理：简单的说就是先渲染一张图存起来，在这张图上面"添油加醋"，处理完后再渲染到屏幕上。这一过程three进行了封装
·2022-07-22 12:22

使用threejs实现第一人称视角的移动的问题(示例代码)

今天我们就通过最基本的threejs来完成第一人称视角的场景巡检功能。如果你是一位threejs的初学者或正打算入门，我强烈推荐你仔细阅读本文并在我的代码基础之上继续深入学习。
·2022-07-22 12:22
上一页 13 14 15 16 17 18 19 20 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他