【WebGL】Three.js 第3页

WebGl-Blender：建模 / 想象成形 / Blender概念词汇表 / 快捷键

一、理解Blender欢迎来到Blender！Blender是一款免费开源的3D创作套件。使用Blender，您可以创建3D可视化效果，例如建模、静态图像，3D动画，VFX（视觉特效）快照和视频编辑。它非常适合那些受益于其统一解决方案和响应式开发过程的独立和小型工作室。Blender是一款跨平台的应用工具，可以在Linux、macOS以及Windows系统下运行。与其他3D建模工具相比，Blend

snowball_li·2024-02-05 10:22

Unity打包WebGL报Unable to parse Build/*.framework.js.gz This can happen if build compression was.......

Unity版本：2020.3(LTS)0.错误完整信息：UnabletoparseBuild/*.framework.js.gz!ThiscanhappenifbuildcompressionwasenabledbutwebserverhostingthecontentwasmisconfiguredtonotservethefilewithHTTPResponseHeader"Content-E

VirtualCreator·2024-02-04 16:49

Unity打包H5 网页全屏

修改unity打包后的Webgl的H5代码将unity2019`修改为2、修改canvas.style.width=“1900px”;canvas.style.height=“900px”;为canvas.style.width

木土木昜·2024-02-04 16:49

unity 导出html5网页,Unity WebGL demos

unrealengine4(UE4)isfree,anditallowsyoudesktop,mobile,html5.Thelearningcurveislonger,andthereareplentyofcoursesonudemy.comTomake2DgamesinUE4youmayprofittheuseofPaper2Dpreset.ProsofUnrealEngine:-usedto

无无无所谓·2024-02-04 16:19

unity 导出H5

Unity输出html5_mob649e8157aaee的技术博客_51CTO博客Unity打包WebGL报UnabletoparseBuild/*.framework.js.gzThiscanhappenifbuildcompressionwas

汤米粥·2024-02-04 16:42

threeJS 使用 html2canvas截图为黑色的问题

实际错误是所有的webGL以及three的容器截图都为黑色的背景，其他元素无恙截图日志的报错为：在这个问题解决之前尝试的办法有：疑似跨域问题：修改`html2canvas`的配置，使用`{useCORS

MonkeyB_B·2024-02-04 13:06

Unity 发布WebGL

1.WebGL打包设置1.1压缩包问题构建完的包里是压缩包,如果服务器里没有解压缩的工具,就会无法打开项目发布设置.png勾上解压缩回退,即可解决该问题压缩方法.png一般选择gzip压缩1.2异常处理直接关闭异常

六边形站神·2024-02-04 10:27

Threejs 快速入门

刚好最近在做一个活动时，就遇到了需要播放3D全景视频的需求，顺便就研究了一下Threejs，一个用于在浏览器中绘制3D图像的JS库（https://github.com/mrdoob/three.js）

stcaolei·2024-02-04 08:43

three.js为何如此奇妙

WebGL是在浏览器中实现三维效果的一套规范，而最初使用WebGL原生的API来写3D程序是一件非常痛苦的事情，在辛苦的付出下WebGL开源框架出现了，其中three.js就是非常优秀的一个，它掩盖了很多麻烦的细节

weixin_30527551·2024-02-04 08:43

cesium three性能比较_mapboxgl + three 动画 — 网格热图

一、前言最近工作上需要实现一个地图动画效果，简单的动画效果，是的，简单；不过在此之前，我并不认为它简单，需要有一点点的webgl、three.js的基础。

weixin_39667801·2024-02-04 08:43

Three.js铅笔手绘效果实现

在这个教程中，我们将学习如何使用Three.js后处理创建铅笔手绘效果。

新缸中之脑·2024-02-04 08:13

three.js学习系列（一）————从概念到构建一个3D场景

Three.js、webGL和Canvas区别Three.js是基于原生WebGL封装的三维引擎。

0斌果0·2024-02-04 08:42

【Canvas】入门 - 实现图形以及图片绘制

功能开发小游戏：微信小游戏开发可视化数据（数据图表化）数据可视化库：百度ECharts、d3.js、three.js、highcharts地图：例如百度地图、高德地图等使用步骤canvas标签介绍标签用于渲染一个画图

且陶陶º·2024-02-04 08:12

three.js 小例子分析

https://threejs.org/examples/#webgl_geometry_extrude_shapes开头的引入js没什么好说//这是鼠标控制的工具接着分析代码varcamera,scene

今天又懒得加班·2024-02-04 08:11

Threejs 简析

刚好最近在做一个活动时，就遇到了需要播放3D全景视频的需求，顺便就研究了一下Threejs，一个用于在浏览器中绘制3D图像的JS库（https://github.com/mrdoob/three.js）

英灵海东青·2024-02-04 08:10

HTML5新特性 day_03(8.9)Canvas的路径、动画，Three.js和地理位置

一、Canvas的路径路径（Path）是将一组坐标点按照顺序连接起来所形成的图形。Canvas绘制路径时的API：调用ctx.beginPath()开启一条新路径。调用ctx.moveTo(x,y)将画笔移动到某一个起始点。调用ctx.lineTo(x,y)向目标点(x,y)绘制直线路径。调用ctx.stroke()对路径进行描边、ctx.fill()对闭合路径进行填充。案例：绘制一个三角形。03

加1床铺盖·2024-02-04 08:10

WebGL+Three.js入门与实战——绘制水平移动的点、通过鼠标控制绘制（点击绘制、移动绘制、模拟画笔）

个人简介个人主页：前端杂货铺‍♂️学习方向：主攻前端方向，正逐渐往全干发展个人状态：研发工程师，现效力于中国工业软件事业人生格言：积跬步至千里，积小流成江海推荐学习：前端面试宝典Vue2Vue3Vue2/3项目实战Node.jsThree.js数据结构与算法体系教程个人推广：每篇文章最下方都有加入方式，旨在交流学习&资源分享，快加入进来吧文章目录前言一、绘制一个水平移动的点（attribute）二

前端杂货铺·2024-02-04 08:08

Unity3d C# 在WebGL平台加载并解析xml文件实现总结

前言xml是可扩展标记语言，由一系列的元素、属性、值节点等构成的一个树形结构，除了可读性差一点，别的用于存储一些结构化的数据还是比较方便的。这个功能在Unity3d端的实现是比较方便快捷的：voidGetXML1(){stringfilePath=Application.streamingAssetsPath+"/xml1.xml";if(File.Exists(filePath)){XmlDoc

十幺卜入·2024-02-04 08:11

Three.js学习4：添加轨道控制器

在Three.js里，轨道控制器可以通过鼠标左右键、鼠标滚动控制画面的上下左右旋转、移动、缩放，可以从多个角度观测目标物体。其效果类似Three.js提供的官方编辑器一样。

stones4zd·2024-02-04 05:42

Unity 在WebGL上录制视频和截图

最近有个项目需要发布到web平台，项目中需要视频录制和截图，尝试了一些插件，在iOS和Android还可以，WebGL上没有找到合适的。

雄关漫道从头越·2024-02-04 03:13

使用three.js加载3D模型

安装依赖yarnaddthreeply文件可从网上查找，加载对应的文件地址也可以换成线上地址varscene,mesh;import*asTHREEfrom'three'import{OrbitControls}from'three/examples/jsm/controls/OrbitControls.js'import{PLYLoader}from'three/examples/jsm/loa

懒惰的狮子·2024-02-03 17:29

2022-04-13

昨天看完了bs大神的three.js课程，突然有一点悟了的感觉。今日必做之事：

Apbenz·2024-02-03 17:55

使用 React 和 Threejs 创建一个VR全景项目

最近我在学习使用React配合Three.js来搭建一个可以浏览720全景图片的项目实现的是加载一张2:1的720全景分享一下我的创建过程一、搭建框架并安装需要的插件npxcreate-react-appparano

WindyZ_34ec·2024-02-03 15:38

vue-3d-model属性介绍

vue-3d-model是一个可以解析3d模型的组件，基于threeJS和webGL；这篇文章就不介绍具体怎么引入了，可以到官网查阅一下，这里主要是记录一下这个组件的属性，方便我自己和大家查阅使用，具体支持哪些文件

喜枝儿·2024-02-03 09:39

three.js CSS3DObject、CSS2DObject、CSS3DSprite、Sprite的作为标签的区别

CSS3DObject、CSS2DObject、CSS3DSprite、Sprite的作为标签的区别是否面向相机场景缩放时，是否会跟随是否会被模型遮挡CSS2DObject是否否CSS3DObject否是否CSS3DSprite是是是Sprite是是是CSS3DObject和CSS3DRenderer搭配来渲染标签；CSS2DObject和CSS2DRenderer搭配来渲染标签；CSS3DSpr

汉武大帝··2024-02-03 09:39

python 机器人工具箱——robotics-toolbox-python

这个工具箱为Python带来了机器人特定的功能，并利用Python的可移植性、普遍性和支持性的优势，以及线性代数（numpy、scipy）、图形（matplotlib、three.js、WebGL）的开源生态系统的能力

FL17171314·2024-02-03 07:07

Unity WebGL开发汇总

一、配置1.BuildSettings建议使用内置渲染管线，URP和HDRP帧率较低。2.分辨率根据项目情况设置，RuninBackground看需求3.ColorSpace和LightmapEncoding需要设置4.裁剪未引用的模块，建议开启注意：代码裁剪可能引起的问题：可能会裁剪掉实际用到的类型，比如预制体包含一个类型A，而将该预制体打包到AssetBundle之中，Unity就可能将A类型

Star_MengMeng·2024-02-03 05:33

Unity生成webGL text 文本坑！

用unity生成webGL后发现中文字全部消失了！！！解决方式1：C:\Windows\Fonts到电脑自带的字体库中找一个中文字体库拖到unity中2：设置Text的font属性为拖入的中文字体库

一种时光·2024-02-03 05:33

unity WebGL发布游戏生成WebGL

1.untyHub中安装WEBGL支持2.项目平台的切换colorspace需要根据项目选择ColorSpace，是指玩家设置的颜色空间。

MIMO. mimo·2024-02-03 05:32

Three.js学习3：第一个Three.js页面

一、一图看懂Three.js坐标这个没什么好说的，只是需要注意颜色。

stones4zd·2024-02-03 03:22

Three.js学习2：页面引入 Three.js

一、关于Three.js的版本随着页面3D化应用越来越多，近两年Three.js处于飞速发展之中。现在Three.js几乎每个月都会发布一个新的版本，会增加新的API，废掉一些旧的功能之类的。

stones4zd·2024-02-03 03:50

three.js 中使用多线程以及性能测试

让他们简单的动起来，CPU几乎没有什么压力，FPS会在60左右，但是如果让这1000个Mesh的位置都需要大量计算才能得到，那么FPS就会很低（和计算量成负相关），下面是一段代码复制代码for(leti=0;i500){positions[i].y=positions[i].y-1000;}}for(vari=0;i{letpositions=e.data;for(vari=0;i{for(let

联旺·2024-02-03 02:30

Vue3+ThreeJS的简单使用

1.介绍Three.js是基于原生WebGL封装运行的三维引擎，在所有WebGL引擎中，Three.js是国内文资料最多、使用最广泛的三维引擎。

无敌暴龙神~·2024-02-02 16:04

vue2+three.js做出一个精美的3D地图——1.搭建基础场景

系列文章目录构建基础场景文章目录系列文章目录构建基础场景前言一、下载three.js二、搭建基础场景1.构建场景（Scene）2.构建摄像机（Camera）正交相机（OrthographicCamera

Tx的练习题·2024-02-02 16:04

three.js CSS2DRenderer、CSS2DObject渲染HTML标签

有空的老铁关注一下我的抖音：效果：//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js";import{GLTFLoader}from"three/examples/jsm/loaders/GLTFLoader.js";//效果制作器import{Effe

汉武大帝··2024-02-02 11:18

three.js CSS3DRenderer、CSS3DSprite渲染HTML标签

有空的老铁关注一下我的抖音：效果://引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js";import{GLTFLoader}from"three/examples/jsm/loaders/GLTFLoader.js";//效果制作器import{Effe

汉武大帝··2024-02-02 11:18

three.js 中 OrbitControls.js 文件

import{EventDispatcher,MOUSE,Quaternion,Spherical,TOUCH,Vector2,Vector3}from'three';//Thissetofcontrolsperformsorbiting,dollying(zooming),andpanning.//UnlikeTrackballControls,itmaintainsthe"up"directi

汉武大帝··2024-02-02 11:48

three.js CSS3DRenderer、CSS3DObject渲染HTML标签

有空的老铁关注一下我的抖音：效果：//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js";import{GLTFLoader}from"three/examples/jsm/loaders/GLTFLoader.js";//效果制作器import{Effe

汉武大帝··2024-02-02 10:14

webVR全景图多种方案实现（pannellum，aframe，Krpano，three,jquery-vrview）

第一种方案：three.js(大哥出山吧)作为前端界全景、3D大哥，大哥请开始你的表演官

a12b345c6789·2024-02-02 08:07

Three.js学习二——Three.js极简入门

目录准备开发环境掌握一些概念性知识编码测试创建一个场景（Creatingascene）创建一个场景渲染场景使立方体动起来结果准备开发环境1、一台可用浏览器的带文件系统的电脑；2、下载官网提供的three.js-master代码包，官方提供的示例和相关库文件都在里面，官网地址：https://threejs.org/；3、下载安装vscode编辑器，地址：https://code.visualstu

Mr_Bobcp·2024-02-02 05:16

Three.js学习四——模型导入

目录模型导入Three.js加载器3D模型文件获取与导入流程模型导入的操作模型导入通过Three.js的材质和几何体，我们可以很方便的创建基础3D模型，但涉及到复杂模型时，一般是由专业建模工具生成模型文件再导入的方式将模型引入到我们的

Mr_Bobcp·2024-02-02 05:16

家居设计软件的开发框架

1.图形渲染框架：Three.js：一个用于在Web浏览器中创建3D图形的JavaScript库，适用于家居设计软件的可视化和交互性。Unity3D：适用于跨平台的3D游戏引擎，

super_Dev_OP·2024-02-02 05:36

WebGL开发GIS系统

WebGL在GIS（地理信息系统）开发中能够提供强大的图形渲染能力，使得在Web浏览器中创建高性能的地理空间应用成为可能。

super_Dev_OP·2024-02-02 05:06

webgl开发交互式艺术品

开发交互式艺术产品是一个令人兴奋的领域，而WebGL正是实现这一目标的理想选择。以下是一些在WebGL中开发交互式艺术产品时的关键考虑事项，希望对大家有所帮助。