threejs(webgl) 第39页

2022-06-14 Canvas画布模糊问题

threejs的处理流程renderer=newTHREE.WebGLRenderer({antialias:true});renderer.setPixelRatio(win

SMSM·2023-04-14 01:42

几个JavaScript机器学习开源框架

通过做一些Search和研究发现，这里的确有一些简洁的库，可以将JavaScript、机器学习、DNN甚至NLP结合在一起，而且在浏览器端大多库会调用WebGL

January丶缘·2023-04-13 22:18

cesium自学记录(一）

简介：Cesium是国外一个基于JavaScript编写的使用WebGL的地图引擎。

智商偏低·2023-04-13 17:43

WebWorker、ThreeJs的渲染和控制

在ios16.4版本中已经开始支持了OffscreenCanvas，那看样子，是时候再把Three做一波优化了背景介绍在之前的项目经验中，如果使用threejs加载比较大的3d场景，那么在创建threejs

前端_小学生·2023-04-13 01:28

【Three.js】Three.js快速上手教程

即：three.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能，是一个常见的web3D库。

卸载引擎·2023-04-12 18:27

Three.js初识:three.js的下载与使用

什么是threejs简单地，可以理解成three+js就可以了。three表示3D的意思，js表示javascript的意思。

HaanLen·2023-04-12 18:26

Three 之 three.js （webgl）基础第一个入门 Web 3D 场景

Three之three.js（webgl）基础第一个入门Web3D场景目录Three之three.js（webgl）基础第一个入门Web3D场景一、简单介绍二、Three中构建场景主要的三要素三、场景（

仙魁XAN·2023-04-12 18:55

使用 Three.js 的 3D 制作动画场景

由于GSL语法的复杂性，对于许多开发人员来说WebGL是一个未知的领域。但是有了Three.js，在浏览器中3D的实现变得简单。

ygtu2018·2023-04-12 16:37

前端工程师初识Three.js

一、展示效果图1.1颜色模型自转效果1.2贴图模型自转效果二、web图形库的定义1、什么是WebGL：webGL(web图形库)是一个中JavaScriptAPI，用于在web浏览器中呈现交互式2D与3D

xinxiaoyong·2023-04-12 16:07

three.js

模型旋转、缩放、平移变换四*常用材质五*模型复制和克隆六*光源对象七*层级模型八*模型文件加载九*纹理贴图十*相机对象十一*精灵模型和粒子系统十二*帧动画[十三*骨骼动画，变形动画](http://www.webgl3d.cn

玩具大兵·2023-04-12 16:35

Three.js零基础入门教程(2023版本)

1.threejs文件包下载和目录简介在正式学习Three.js之前，先做一些必要的准备工作，具体说就是下载threejs官方文件包，threejs官方文件包提供了很多有用的学习资源。

郭隆邦技术博客·2023-04-12 16:04

Three.js旋转动画、requestAnimationFrame周期性渲染

Three.js旋转动画、requestAnimationFrame周期性渲染本文是Three.js电子书的1.2节基于WebGL技术开发在线游戏、商品展示、室内漫游往往都会涉及到动画，初步了解three.js

郭隆邦技术博客·2023-04-12 16:03

Three.js入门

Threejs是一款WebGL三维引擎，在所有WebGL引擎中，Three.js是国内文资料最多、使用最广泛的三维引擎。

程序猿向前跑·2023-04-12 16:02

Three.js初学

因为需要使用3D绘图，开始学习Three.js，以下是初学的一些总结基于原生WebGL封装运行的三维引擎一个示例/***创建场景对象Scene*/varscene=newTHREE.Scene();/*

lsinzjcs·2023-04-12 16:02

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

yevtte2023·2023-04-12 16:00

小程序使用threejs第二篇—立方体展示并自动旋转与手势旋转

在上一篇小程序使用threejs第一篇——安装中，除了说明了threejs在小程序中如何构建，还附带了一个小小的示例——一个旋转的正方体，接下来我们先花一点点时间通过示例代码了解一下发生了什么？

玩烂小程序·2023-04-12 16:27

Three.js教程：旋转动画、requestAnimationFrame周期性渲染

yevtte2023·2023-04-12 16:24

基于webgl的建筑安全三维可视化应用 ThingJS 3d 开发

建筑安全管理一直是城市管理一项重要工作，[ThingJS]有不错的案例如腾讯总部大厦，项目难度虽然很虐，但在此项目中需要获取高层建筑几何特征和健康信息，尤其体现了三维模型在表达房屋信息方面具有直观、方便的优势，能以可视化方式反映建筑物的几何外观及内部结构，被认可为腾讯“微翎”项目的核心应用，[三维项目演示DEMO点击查看>>]其实，房屋安全问题对于社区来讲更为重要，居民楼或者库房都如雨后春笋冒出来

小锘good·2023-04-12 11:16

webgl——必须掌握的数学知识

文章目录前言坐标系屏幕坐标系右手、左手坐标系其它坐标系向量向量比较向量大小、单位向量行向量和列向量向量基本运算：向量加减、向量与标量乘除向量重要运算：点乘与叉乘矩阵矩阵加减矩阵数乘矩阵乘矩阵矩阵转置逆矩阵正交矩阵行主序和列主序WebGL

迦南giser·2023-04-12 07:22

threejs-效果合成器（EffectComposer）

自转的地球创建THREE.EffectComposer添加后期处理通道并更新渲染EffectComposer使用示例示例一：FilmPass添加电视效果示例二：OutlinePass添加闪烁效果总结前言threejs

迦南giser·2023-04-12 07:18

THREEJS 笔记2 灯光篇

threejs中光源有很多种，但是常见的光源只有4种：环境光（AmbientLight）点光源（pointLight）平行光(DirectinalLight)聚光灯(spotLight)环境光在不知道如何在场景中放光源的时候

论宅·2023-04-12 03:22

ThreeJS-车展（二十九）

为了更好的兼容提供素材的解码器，建议使用threejs@0.142.0版本[email protected]不然有可能会出现以下问题：素材：链接:https://pan.baidu.com

不穿铠甲的穿山甲·2023-04-11 15:07

webgl坐标转换_WebGL教程

前言通过WebGL做了很多项目，感觉有必要录制一套视频教程，所以在这里写一个录制大纲，大家也可以通过章节目录了解下WebGL的基本内容。

晓剑15703836037·2023-04-11 11:09

Unity加载3dTile倾斜摄影数据(WebGL)

格式倾斜摄影数据加载，支持osgb格式倾斜摄影数据加载2.支持编辑器下加载预览，方便进行场景编辑3.支持海量的数据量加载4.多线程LOD算法动态加载卸载5.支持urp,hdrp等渲染管线6.支持PC，WebGL

Answer-3·2023-04-11 11:39

Unity WebGL三维地球

bingmap，谷歌地图，高德地图等影像加载2.支持高程三维地形加载3.支持在线，离线数据加载4.支持unity坐标和经纬度坐标互相转换5.支持fbx模型放置在地球上6.支持倾斜摄影数据放置在地球上7.支持pc,webgl

Answer-3·2023-04-11 11:32

ReactThree入门1-快速场景搭建

目录简介与安装最简案例简介与安装react-three-fiber是一款集成了threejs绝大部分功能且以标签的形式来构建3d场景的库由于版本更新，最新的库改名为：@react-three/fiber

知奕奕·2023-04-11 09:21

WebGL--vue+openlayers实现轨迹回放动画

vue+openlayers实现轨迹回放动画效果:代码:{{buttonContent}}//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）//例如：import《组件名称》from'《组件路径》';////引入主要组件////import{Feature,Map,Overlay,View}from"ol";import{Map,View,Feature}

喝西瓜汁的兔叽Yan·2023-04-11 07:50

webgl-根据鼠标点击而移动

html*{margin:0px;padding:0px;}您的浏览器不支持HTML5,请更换浏览器main.jsletcanvas=document.getElementById('webgl')canvas.width

不穿铠甲的穿山甲·2023-04-11 05:53

Unity2021发布WebGL与网页交互问题

（一）首先说Unity调用页面方法的办法。首先是需要在工程的Asset目录里面建一个Plugins文件夹，然后在文件夹里面创建一个.txt文件，名字倒是无所谓，创建好后要把扩展名改成.jslib。文件要包含类似如下内容：mergeInto(LibraryManager.library,{Hello:function(){window.alert("Hello,world!");},HelloStr

ttod_qzstudio·2023-04-11 00:10

SuperMap iClient 3D for WebGL 类结构图（Cesium）

SuperMapiClient3DforWebGL类结构图SuperMapiClient3DforWebGL一款在服务式GIS架构体系中，无任何插件，跨浏览器的客户端产品。

Gerhard_杨光辉·2023-04-10 21:37

unity打包webgl PC端和移动端使用

测试版本unity5.6.3版本PC端浏览器win10自带的浏览器(谷歌没能打开-----肯定是可以的，暂时没去找办法)移动端安卓(无ios手机)主机局域网内做iis再使用移动端微信打开链接------成功打开打包的方法百度很多，正常打包就行，无需改动什么下面是打包出来的文件(名称是默认的--可以自行更改)下面是PC端成功运行(全屏的话跟移动端的方法是一样的-----照着移动端的抄就行)移动端的打

萌萌哒蕗甴噐·2023-04-10 17:34

230：vue+openlayers使用WebGLPoints显示数据，根据某属性值的不同阈值显示不同颜色点

第230个点击查看专栏目录本示例的目的是介绍演示如何在vue+openlayers项目中使用WebGLPoints显示数据，根据某属性值的不同阈值显示不同颜色点。

还是大剑师兰特·2023-04-10 15:42

2023 前端面试题

main、article、section、aside、footer）表单控件（calender、date、time、email、url、search）音视频处理API（audio、video）Canavs/webGL

冰魂破·2023-04-09 23:01

webgl 学习笔记

webgl介绍区别webgl是在传统的html文件的系统上，添加了GLSLes（主要是编写着色器的配置）webgl通过js赋值给着色器数据，着色器主要是编写绘制图形需要的配置项webgl代码的主要部分和一些需要知道的概念介绍学习新语言

_旁观者_·2023-04-09 19:44

Three.js基础入门

Threejs主要的应用场景有：物联网3D可视化随着物联网的发展,工业、建筑等各个领域与物联网相关Web项目网页交互界面都会呈现出3D化的趋势。这种方式更为直观，开发成本也比较大。

宋小菜_菜菜·2023-04-09 11:47

和我一起学【Three.js】「初级篇」：0. 总论

1.什么是Three.jsThree.js是一个基于WebGL的3DJavaScript开源库（遵循MIT协议），它使Java

libinfs·2023-04-09 10:33

react-three-fiber入门项目（1）-组件化设计

three.js入门知识点资料整理文章目录系列文章目录前言一、项目效果图二、细说代码部分1.拆分组件2.地球仪部分（重点）细节：3.文字部分细节：前言GlobalWarming项目是基于react框架写的threejs

宇宙修理员·2023-04-09 10:02

react fiber加载gltf文件：3d模型

文章目录前言一、threejs引入3d模型（html版本）1.完整代码2.代码详解二、reactfiber引入3d模型（reactfiber版本）1.代码详解1.1引入3d模型的资源问题一：为什么“资源必须放在

宇宙修理员·2023-04-09 10:02

ThreeJS中的点击与交互——Raycaster的用法

1190000010490845坐标系我们的手机屏幕是二维的，但是我们展示物体的世界是三维的，当我们在构建一个物体的时候我们是以一个三维世界既是世界坐标来构建，而转化为屏幕坐标展示在我们眼前，则需要经历多道矩阵变化，中间webGL

IamaStupid·2023-04-09 03:15

Unity反编译:AssetStudio资源浏览器及代码查看器

前言假如你手上有Unity发布出来的exe文件、apk文件或者webGL文件，但就是没有工程源文件，那么，如何从这些文件里面一窥究竟呢？这就需要资源提取工具以及代码反编译工具！

dzj2021·2023-04-08 20:58

Unity使用webSocket与服务器通信（一）搭建一个简单地服务器和客户端

你想在unityWebGL里面使用TCP通信吗，那么你可以用一用webSocket。

dzj2021·2023-04-08 20:27

three.js三大基本概念

照相机（Camera），以及你在场景中创建的物体1.渲染器（Renderer）渲染器：决定了渲染的结果应该画在页面的什么元素上面，并且以怎样的方式来绘制代码如下：varrenderer=newTHREE.WebGLRenderer

Silly_727a·2023-04-08 10:17

SuperMap iClient3D for WebGL教程-CylinderGraphics

CylinderGraphics翻译过来就是圆柱对象，只是这个圆柱对象比较特别，可分别指定上下圆柱面的半径，从而可以衍生出圆锥和圆台对象，下面小编就来讲解下CylinderGraphics如何使用。首先还是老规矩，先看下对象的所有属性。CylinderGraphics属性这里小编对几个比较特别的属性进行讲解length：圆柱的长度，也就是圆柱的上下圆面间的空间距离topRadius：上圆面半径bo

Mr桔子先生·2023-04-08 07:00

3D 技术开发框架 threeJS

一:介绍(第一章节)一：首先我们需要了解的几个问题1.微信小程序是什么？2.three.js框架的功能以及可以实现的适用场景有哪些？3.为什么小程序'跳一跳'可以火遍大江南北？二：微信小游戏的基本介绍1.2018年年初,微信给移动端游戏开发投放了'微信小游戏'重磅炸弹。2.从技术的角度来说,'微信小游戏'是微信小程序SDK的一个升级;在微信小程序的SDK中,增加了游戏类目的一个功能能力。3.从产品

黑木令·2023-04-08 06:14

Threejs入门教程

一、本地搭建Threejs官方文档网站1.官网地址：https://github.com/mrdoob/three.js下载压缩包并解压或使用gitclone若github过慢，则使用gitee对应网址

ReturnTmp·2023-04-08 03:55

Cocos Creator 橡皮擦(刮刮卡)功能（转）

（WEBGL和Native端测试可用）maskNode是详细设置如下我们在scratchCardCtr上挂载了一个脚本scratchCardNodeCtrl直接上这个脚本的代码吧1234567

myflyingangel2016·2023-04-08 02:06

Threejs写的渐变发亮半球

马上就要毕业了，实习进入了一个GIS公司，任务要求使用Threejs写个渐变的发光半球小特效，我完成后决定写出这篇文章。给那些刚刚接触Threejs的朋友们。

gardenlike2·2023-04-08 02:02

如何理解threejs的buffergeometry的index？

计算机图形学中最小的渲染单位，是一个由3个空间顶点（Vertex）构成的空间三角形，叫Polygon。每一个polygon，会包含3个顶点在3个轴向上的9条数据，即Vertex0：X0，Y0，Z0；Vertex1：X1，Y1，Z1；Vertex2：X2，Y2，Z2；各种着色器，本质其实都是在得到3个顶点的具体空间坐标后进行线性插值。作者：蒙古上单3DPunkhttps://www.bilibili

不穿铠甲的穿山甲·2023-04-07 19:06

ThreeJS-战争导弹飞行演示（三十四）

关键代码：functionanimate(){requestAnimationFrame(animate);//使用渲染器渲染相机看这个场景的内容渲染出来renderer.render(scene,camera);//controls.update();//获取delay时间constdelay=clock.getDelta();//获取总共耗时consttime=clock.getElapsed