threejs(webgl) 第48页

基于 HTML5 WebGL 构建智能城市 3D 场景

本demo使用HTforWeb产品轻量化HTML5/WebGL建模的方案，传统的智慧楼宇/楼宇自动化/楼宇安防/智慧园区常会采用BI

图扑软件·2022-12-09 07:30

webgl初始

一，什么是WebGLWebGL（全写WebGraphicsLibrary）是一种3D绘图标准，这种绘图技术标准允许把JavaScript和OpenGLES2.0结合在一起，通过增加OpenGLES2.0

jiegeng2233·2022-12-09 07:57

Unity3d（webGL）构建数字孪生小案例（包含完整的数据交互体系）附赠完整代码

先来看看概念吧：数字孪生体是现有或将有的物理实体对象的数字模型，通过实测、仿真和数据分析来实时感知、诊断、预测物理实体对象的状态，通过优化和指令来调控物理实体对象的行为，通过相关数字模型间的相互学习来进化自身，同时改进利益相关方在物理实体对象生命周期内的决策。项目介绍：重点来了！重点来了！重点来了！本项目是一个小的demo但是项目是一个完整的系统，设计到硬件、建模、前端、后端、数据库的开发，有点可

拼搏的小浣熊·2022-12-09 06:55

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

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

Florenza·2022-12-08 21:33

od 追踪_Webgl中采用PBR的实时光线追踪

光线追踪_点击查看s.mecg.me因为Nvdia的RTX发布，还有微软的DXR，以及一系列直接支持光线追踪的游戏大作的发布，光线追踪最近在图形领域也是一个比较热门的话题了，可能看题目大家会觉得奇怪，webgl

weixin_39709367·2022-12-08 15:22

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

官网https://threejs.org/three.js是JavaScript编写的WebG

成茂峰·2022-12-08 11:56

webgl 获取数据集名称_如何在WebGL中创建Apple Fifth Avenue多维数据集

webgl获取数据集名称Viewdemo查看演示DownloadSource下载源InSeptember2019ApplereopenedthedoorsofitshistoricstoreintheFifthAvenueandtocelebratethespecialeventitmadealandingpagewithareallyneatanimationofacubemadeofglass

culiao9310·2022-12-07 09:52

unity编辑器一些设置

*这个设置只在webgl和stand起作用，ios不起作用。3.Unity项目

明明明h·2022-12-07 09:09

基于webassembly的H265视频播放器前端Angular学习笔记5:使用WebGL在canvas上渲染H256解码数据

基于webassembly的H265视频播放器前端Angular学习笔记5:使用WebGL在canvas上渲染H256解码数据使用wasm解码H265创建组件与路由获取H265解码数据重写webgl.js

跃龙客·2022-12-05 10:37

零基础编译ffmpeg到wasm

YUV420P在浏览器播放可以参考前一篇博文：webgl渲染Yuv420P图像本文主要从以下几个方面介绍：1、emcc简介2、docker安装emcc3、编译ffmpeg4、web示例代码emcc简介Emscripten

g0415shenw·2022-12-05 10:58

wasm 视频解码渲染实现

实现一个wasm视频解码渲染的小demo，网页端集成emcc编译的ffmpeg库，实现视频解码，使用WebGL实现视频渲染。

vonchenchen1·2022-12-05 10:56

56 WebGL处理响应上下文丢失

这将是WebGL基础的最后一节的更新，以后请关注three.js框架的相关学习的更新。

暮志未晚Webgl·2022-12-04 19:21

Three.js初识：渲染立方体、3d字体、修改渲染背景颜色

newTHREE.PerspectiveCamera(75,window.innerWidth/window.innerHeight,0.1,1000);constrenderer=newTHREE.WebGLRenderer

HaanLen·2022-12-03 18:44

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

前言：我的需求是使用uniapp写微信小程序，在小程序中使用threeJs就行了，目前暂不考虑兼容app什么的。

网抑云资深选手zzz·2022-12-03 14:28

uniapp引入Tensorflow.js所会发生的一些问题( 主要发布平台微信小程序）

dependencies":{"@tensorflow/tfjs-core":"3.5.0","@tensorflow/tfjs-converter":"3.5.0","@tensorflow/tfjs-backend-webgl

会喷火才能叫火山·2022-12-03 14:56

three.js中轨道控制器（OrbitControls）详解：

onUnmounted,ref}from'vue';import*asTHREEfrom'three';constglassRef=ref();constinit=()=>{constrenderer=newTHREE.WebGLRenderer

淡淡烟草味·2022-12-01 14:44

如何使用javascript制作一个网页端3D贪吃蛇游戏（附源码及链接）

该游戏使用Hightopo的SDK制作，总共100多行代码，没有WebGL基础的同学们也可很快掌握。场景初始化首先，我们对页面进行初始化，包括初始化3D场景，设置地面网格，以及开启事件监听等。

weixin_42078354·2022-11-30 13:26

汽车行业场景化营销新方向：基于 WebGL 的网上虚拟车展

WebGL作为一种新兴的技术，为Web端提供了交互式三维动画新体验，汽车之家的网上车展就是两者结合之后的一种新的产品形态。

·2022-11-30 06:36

游戏开发第7课

UnityWebGL微信小游戏适配方案准备工作先下载微信小游戏提供的转换插件GitHub-wechat-miniprogram/minigame-unity-webgl-transformUnity版本我使用的是

s178435865·2022-11-29 20:56

3D模型的加载与使用

http://www.hewebgl.com/article/getarticle/1261、感谢词亲爱的朋友：您们好。

173300598·2022-11-28 19:22

UnityWebGL自定义Templates

1.自定义模板通过在Assets文件夹中创建一个名为“WebGLTemplates”的文件夹添加到项目中-模板本身就是该文件夹中的子文件夹。

KongKong如也·2022-11-27 17:39

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

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

gfddd1231·2022-11-27 02:41

vue3的基本使用(超详细)

OnePiece特点：无需构建步骤，渐进式增强静态的HTML在任何页面中作为WebComponents嵌入单页应用(SPA)全栈/服务端渲染(SSR)Jamstack/静态站点生成(SSG)开发桌面端、移动端、WebGL

luofei_create·2022-11-24 08:40

PC_接百度智能云 -语音识别

会自动生成APIkey和Secretkey留意备用2.在语音技术下选择sdk（c#）下载，将其中适合版本的.dll文件和.json文件引用到unity3.将BaiduASR挂载到以下对象上4.无法导出webglusingSystem

fanfan_hongyun·2022-11-21 04:50

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

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

珞珈鸡丝·2022-11-21 04:14

Unity导出 Webgl托管报JavaScript 错误

保存web.config到index.html所在文件夹下

zxcvb036·2022-11-20 08:04

unity webgl使用dataCaching让二次加载秒开

想必大家都为unity的webgl加载速度之慢而发愁过，今日发现了个好东西：dataCaching。

qq_42987967·2022-11-20 04:57

webgl三维观察综合实验_【CV现状-2】三维感知

缘起三维感知目标识别3.0.目标是什么3.1.图像分割3.2.纹理与材质3.3.特征提取与描述目标（和自身）在三维空间中的位置关系目标的三维形状及其改变、目标的位移符号识别数字图像处理三维感知首先需要指出的是，对于计算机来说视觉数据的最原始表示是数字图像——栅格（离散）化的三维世界在二维平面的投影，如果要还原三维世界需要经过复杂而耗时的处理过程；对于人眼来说似乎接直接接收到了三维数据。不管事实到底

weixin_39881513·2022-11-15 22:54

Three.js从入门到放弃

而Three.js是基于WebGL的Javascript开源框架，简言之，就是能够实现3D效果的JS库。它的出现让web3D应用开发更简单。二、小试牛刀1.搭建t

东方睡衣·2022-11-15 08:34

【CSDN云IDE】个人使用体验和建议（含超详细操作教程）（python、webGL方向)

【CSDN云IDE】个人使用体验和建议（含超详细操作教程）（python、webGL方向)文章目录：一、CSDN云IDE简介二、新建工作空间三、管理你的工作空间（3.1）、工作空间基本信息（3.2）、工作空间时长信息

逆境清醒·2022-11-13 12:24

threejs三维地图大屏项目分享

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

·2022-11-09 14:40

JavaScript 实现网页截屏五种方法

主要看了以下几个：PhantomJSPuppeteer(chromeheadless)SlimerJSdom-to-imagehtml2canvas测试的网页使用了WebGL技术，所以下面的总结会和WebGL

千锋HTML5大前端·2022-11-08 13:22

Three.Js实现看房自由小项目

透视相机五、渲染器六、贴图纹理6.1基础介绍6.2环境贴图6.3HDR处理七、拓展7.1坐标系7.2控制器7.3自适应7.4全屏响应7.5信息面板7.6频率检测7.7导航网格八、源码一、前言概述：基于WebGL

·2022-11-05 09:40

CesiumJS 技术博客：glTF 模型（Model）加载新架构

在2012年，CesiumJS就实现了一个glTF加载器，是最早的一批加载器了，当时的glTF叫做“WebGLTF”。这十年间，发生了很多事情。

·2022-10-31 02:51

TWaver3D直线、曲线、曲面的绘制

插播一则广告（长期有效）TWaver需要在武汉招JavaScript工程师若干要求：对前端技术(JavasScript、HTML、CSS)，对可视化技术(Canvas、WebGL)有浓厚的兴趣基础不好的可培养

TWaver数字孪生·2022-10-30 18:42

一步步带你实现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实现看房自由（VR看房）

透视相机五、渲染器六、贴图纹理6.1基础介绍6.2环境贴图6.3HDR处理七、拓展7.1坐标系7.2控制器7.3自适应7.4全屏响应7.5信息面板7.6频率检测7.7导航网格八、源码一、前言概述：基于WebGL

知心宝贝·2022-10-29 20:20

接触webGl(three.js)之全景(VR)看房的实现旅程总结

文章目录前言实现全景(VR)看房的方式一、纯Three.js方式1.安装包2.实现的业务代码3.实现演示二、使用photo-sphere-viewer1.安装包2.实现的业务代码3.实现演示三、pano2vr实现1.下载软件2.安装软件3.实现演示四、krpano方式五、其他方式总结前言这几天可能是机缘巧合吧，我朋友让我帮他弄一下全景(VR)看房功能（类似贝壳看房不过最后做不出来....），这时候

An_s·2022-10-29 20:50

three.js 加载展示json模型

varrenderer,camera,scene,ambientLight,directionalLight,control;functioninitRender(){renderer=newTHREE.WebGLRenderer

qiaohj·2022-10-18 10:38

腾讯地图JavaScript API 入门

腾讯位置服务JavaScriptAPI是由JavaScript语言开发的地图应用编程接口，在此基础上腾讯位置服务推出了其升级版JavaScriptAPIGL，其基于WebGL实现的高性能三维渲染引擎而封装的一套

@宝儿姐·2022-10-15 01:24

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

人们大多在电影制作中使用这种技术，但我们也可以在WebGL中使用。后期处理可以是略微改善图像或者产生巨大影响效果。

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

Unity打包WebGL基础介绍

一、WebGLPlayerSetting打包设置官方参考Icon：web端无图标设置。

Adaya~·2022-10-13 03:40

推荐频道

threejs(webgl)