threeJs

【微信小程序】【AR】threejs-miniprogram 安装(76/100）

配置threejs-miniprogram环境搭建node环境初始化node工程npminit导入threejs-miniprogramnpmithreejs-miniprogram注意：安装threejs-miniprogram
lichong951·2022-12-30 16:01

微信小程序导入three.js

例子：GitHub-wechat-miniprogram/threejs-miniprogram:WeChatMiniProgramadaptedversionofThree.js重点是：1.解压后要在根目录下运行
海里的鱼2022·2022-12-30 16:01

从0开始学习Three.js | 大帅老猿threejs特训

一、Three.js简介提到Three.js，不得不先提OpenGL和WebGL，OpenGL是一个跨平台的3D/2D的绘图标准（规范），WebGL（WebGraphicsLibrary）是一种3D绘图协议。WebGL允许把JavaScript和OpenGL结合在一起运用，但使用WebGL原生的API来写3D程序非常的复杂，同时需要相对较多的数学知识，对于开发者来说学习成本非常高。Three.js
·2022-12-30 15:18

Three.js元宇宙实战特训营 | 大帅老猿threejs特训

Three.js元宇宙实战特训营|大帅老猿threejs特训最终效果废话不多说，先来看下最终效果这个就是本次特训营的最终案例，可以操作人物在指定的空间里走动。
·2022-12-29 12:51

Threejs3D炫酷地图

打造炫酷的地图板块项目场景：通过三维建模技术实现一个炫酷的城市地图的展示#场景制作流程章节目录提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录如何用THREE.js打造炫酷的地图板块项目场景：前言一、ThreeJs
米大饭·2022-12-27 13:14

html5 画布3d游戏开发,设计师怎么玩转Html5 3D游戏，一款让开发都折服的H5

第一次接触webgl还是去年的天猫活动，记得当时网上好多人疯狂转载，因为是国内第一次出现，所以大家觉得挺新鲜的，后来我了解到原来使用的是threejs的第三方库。
柯恩·2022-12-27 13:43

100行JS实现HTML5的3D贪吃蛇游戏

自己写不出来，站在巨人肩膀总是有机会吧，想起《基于HTML5的电信网管3D机房监控应用》这篇提到的threejs，babylon
weixin_33815613·2022-12-27 13:43

threejs创建3d地图

基本思路使用threejs创建3d地图注意的组要是以下几点。GeoJson数据规范，尤其是面状Feature的数据结构特点，可参考官网：https://geojson.org/。
jackeroo1997·2022-12-27 13:09

threejs实现地图

方式2GEOJSON，可实现地图方式3three-geo实现threejs+地图threegeo官网https://www.npmjs.com/package/three-geo注意事项：1在https
搬砖小田·2022-12-27 13:09

threejs三维地图大屏项目分享

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

threejs生成3d地图所需

threejs生成3d地图所需1、threejs，郭龙邦弄的教程熟悉形状、线绘制，绘制白模楼宇熟悉sprite，用以做POI标注熟悉光照熟悉LOD，用以远近不同时加载不同物体、地面熟悉漫游控制；可能用到正交
思依_xuni·2022-12-27 13:08

使用Threejs自己画一个河南省地图（超简单）

使用技术：根据经纬度坐标集合，使用形状几何体ShapeGeometry绘制根据包围盒大小设置正投影相机位置系数下面以河南省为例：//河南边界轮廓坐标vararr=[[110.3906,34.585],[110.8301,34.6289],[111.1816,34.8047],[111.5332,34.8486],[111.7969,35.0684],[112.0605,35.0684],[112.
李刚大人·2022-12-27 13:37

基于ThreeJs的一些开源地图项目

因为工作需要，此段时间以来接触到了一些Three.js，不成熟的见解，ThreeJs相较于Cesium其美观度应该是要高一些的，因此也有了一些Cesium结合Threejs的开发案列，这个在Cesium
LongJ_Sir·2022-12-27 13:36

Threejs开发3D地图实践总结

前段时间连续上了一个月班，加班加点完成了一个3D攻坚项目。也算是由传统web转型到webgl图形学开发中，坑不少，做了一下总结分享。1、法向量问题法线是垂直于我们想要照亮的物体表面的向量。法线代表表面的方向因此他们为光源和物体的交互建模中具有决定性作用。每一个顶点都有一个关联的法向量。如果一个顶点被多个三角形共享，共享顶点的法向量等于共享顶点在不同的三角形中的法向量的和。N=N1+N2;所以如果不
Joker_Ye·2022-12-27 13:35

【threejs】可视化大屏酷炫3D地图附源码

取消地图上柱状图显示3.更换地图、更换省份、市4.修改相机的视角，页面展示的远近角度5.修改地图的颜色及贴图6.关闭一些特效7.页面适配和在vue2版本中使用3.源码效果如下：1.前言：本文主要说明使用threejs
接着奏乐接着舞。·2022-12-27 13:31

数据同步推送，uniCloud云开发，Threejs

一、数据同步推送a.轻量级：SSE（Server-sentEvents）视频参考：《【IT老齐237】超好用Web服务端主动推送技术SSE》文档：《SSE技术详解：使用HTTP做服务端数据推送应用的技术》实际演示如：ithome软媒的服务端推送：https://www.ithome.com/news/n...服务端'usestrict';consthttp=require('http');http
·2022-12-27 10:29

Blender基础建模 | 大帅老猿threejs特训

最近接触到了web3d相关的知识，特别感觉“大帅老猿”和“胖达老师”带我入门！今天来和大家一起讲讲我建模的故事！顺便教大家一起实现建模自由！一、首先下载一个免费软件Blender，知道为什么用它吧？因为免费！！！作为白嫖党怎么可能放着免费的东西哈哈！二、新建一个免费的文件刚建好它是这样子的：虽然它给我们预置了一个正方体、一个相机、一个光，但是吧我们就是不用它的，诶嘿，我们右上角右击给它删了。然后我
·2022-12-23 15:50

从甜甜圈到数字孪生| 大帅老猿threejs特训

大家好，我是梦起，今天和大家一起来学习ThreeJs，早日实现ThreeJs自由。
·2022-12-22 17:30

如何在前端用js实现画三维饼图和三维柱形图

这个时候可以考虑用threejs来实现功能。
tianseyiwan008·2022-12-21 21:43

画球大师教你如何画好一个球

好像JS和CSS并没有提供这个能力，当然也不可能为了画个球引入Threejs。
杏仁技术站·2022-12-21 09:01

threejs 低级技巧

压缩模型使用gltf-pipeline进行模型的压缩，再js中可以使用Draco进行解压，这样模型会更小。gltf-pipeline-imodel_big.gltf-omodel_little.gltf-d在模板的Utils/Loader.js中已经对压缩的模型进行了Draco解压处理，这样模型在理想的情况下可以有百倍的压缩。反模型闪烁和反锯齿renderer=newTHREE.WebGLRend
qianbo_insist·2022-12-20 22:32

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
上一页 12 13 14 15 16 17 18 19 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他