threejs(webgl)

threejs 坐标系与三角函数的实践应用

有空的老铁关注一下我的抖音：效果：沿着圆弧批量创建多个小球//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js";import{GLTFLoader}from"three/examples/jsm/loaders/GLTFLoader.js";//效果制作
汉武大帝··2024-02-08 19:30

Ionic+three.js混合开发webgl初体验

安装ionicnpminstallIonic-g安装three.js1.three模块化使用THREE.jsnpminstallthree.js后example中的js文件夹下插件没有被包含。替代方案：npminstallthree-full使用typeScript：npminstallthree.js->npminstall@types/three安装完后安装three类型库单独安装npmins
蒲公英落脚点·2024-02-08 01:20

webgl点光源的漫反射

1.webgl点光源的漫反射点光源的特点:点光源照射到物体上的每个顶点的入射光方向是各不相同的。需要一个点光源的位置。需要一个点光源的光颜色。需要计算的是我们需要计算出每个顶点的入射光线的方向。
你大爷的,这都没注册了·2024-02-07 23:10

WebGL 是否需要以 OpenGL 为学习基础？

想要了解学习下WebGL所以去搜索了相关问题，看到这个，想保存下来做个参考;下面的答案来自：知乎相关链接作者：Vinjn张静链接：https://www.zhihu.com/question/19993499
前端菜篮子·2024-02-07 22:49

Python中的6个三维可视化工具！

点击上方“小白学视觉”，选择加"星标"或“置顶”重磅干货，第一时间送达Python拥有很多优秀的三维图像可视化工具，主要基于图形处理库WebGL、OpenGL或者VTK。
小白学视觉·2024-02-07 18:33

大坑！react+thress.js

2.UI交互界面与Canvas画布叠加|Three.js中文网(webgl3d.cn)//canvas画布绝对定位renderer.domElement.style.position='absolute
前端小菜鸟也有人起·2024-02-07 16:58

零代码3D可视化快速开发平台

平台架构平台特性基于HTML5和WebGL技术，可在主流浏览器上进行快速浏览和调试，支持PC端和移动
老子云平台·2024-02-07 12:57

顶点索引BufferGeometry.index复用顶点数据

BufferGeometry.index复用顶点数据本文是Three.js电子书的2.4节通过几何体BufferGeometry的顶点索引属性BufferGeometry.index可以设置几何体顶点索引数据，如果你有WebGL
Threejs可视化·2024-02-07 10:50

六 zrender

←WebGLzrender是二维绘图引擎，它提供Canvas、SVG、VML等多种渲染方式。
十丈_红尘·2024-02-07 08:28

在WebGL中创建动画

前言在搭建WebGL开发环境中介绍了如何开始使用webgl进行绘制。本篇文章介绍如何在WebGL中创建动画动画的定义动画是一种通过快速显示一系列图像(或帧)模拟运动的技术。
SauronKing·2024-02-07 01:00

WebGL 1.0 内置函数

前言本篇文章介绍WebGL1.0shader中支持的内置函数角度弧度转化角度转弧度radians计算公式：R=π×degree÷180R=\pi\timesdegree\div180R=π×degree
SauronKing·2024-02-07 01:00

基于 HTML5 WebGL 的 3D “弹力”布局

分子力(molecularforce)，又称分子间作用力、范得瓦耳斯力，是指分子间的相互作用。当二分子相距较远时，主要表现为吸引力，这种力主要来源于一个分子被另一个分子随时间迅速变化的电偶极矩所极化而引起的相互作用；当二分子非常接近时，则排斥力成为主要的，这是由于各分子的外层电子云开始重叠而产生的排斥作用。HTforWeb提供了弹力布局（也称为力导向布局）的功能，即根据节点之间存在互斥力，相互连接
图扑软件·2024-02-06 18:43

基于 WebGL 实现的 HTML5 3D “弹力”布局

分子力(molecularforce)，又称分子间作用力、范得瓦耳斯力，是指分子间的相互作用。当二分子相距较远时，主要表现为吸引力，这种力主要来源于一个分子被另一个分子随时间迅速变化的电偶极矩所极化而引起的相互作用；当二分子非常接近时，则排斥力成为主要的，这是由于各分子的外层电子云开始重叠而产生的排斥作用。HTforWeb提供了弹力布局（也称为力导向布局）的功能，即根据节点之间存在互斥力，相互连接
图扑软件·2024-02-06 18:43

基于 HTML5 WebGL 实现的 3D “弹力”布局

分子力(molecularforce)，又称分子间作用力、范得瓦耳斯力，是指分子间的相互作用。当二分子相距较远时，主要表现为吸引力，这种力主要来源于一个分子被另一个分子随时间迅速变化的电偶极矩所极化而引起的相互作用；当二分子非常接近时，则排斥力成为主要的，这是由于各分子的外层电子云开始重叠而产生的排斥作用。HTforWeb提供了弹力布局（也称为力导向布局）的功能，即根据节点之间存在互斥力，相互连接
图扑软件·2024-02-06 18:12

Threejs案例-绘制3D文字

13.Threejs案例-绘制3D文字实现效果知识点FontLoader一个用于加载JSON格式的字体的类。返回font，返回值是表示字体的Shape类型的数组。
MossGrower·2024-02-06 18:56

threejs之updateWorldMatrix的实现原理

首先我们需要定义几个额外的概念，包括表示位置、旋转、和缩放的类，以及一个用于表示4x4矩阵并执行矩阵运算的类。这个函数的目的是更新一个物体在世界空间中的位置，考虑到它的局部变换（位置、旋转、缩放）以及它的父对象的世界矩阵（如果有的话）。首先，让我们定义一些基础的数学工具类，包括Vector3,Quaternion（用于表示旋转）,和Matrix4。classVector3{constructor(
Young soul2·2024-02-06 16:14

threejs之常用贴图

在三维图形和游戏开发中，高光贴图、凹凸贴图、法线贴图和环境光遮蔽贴图是常用的技术，用于增加虚拟物体表面的细节和真实感，而无需增加更多的几何体。这些技术可以帮助开发者和艺术家创造出既详细又性能高效的场景。高光贴图（SpecularMap）高光贴图用于控制物体表面的高光部分，即那些直接反射光源光线的区域。它通常是一张灰度图，其中亮部表示强反射区域，暗部表示弱反射或非反射区域。这使得材质的高光效果可以在
Young soul2·2024-02-06 16:12

即将大学毕业，想要进像BAT这些大厂，需要具备哪些条件

如果你具备比较好的计算机基础素养，那么以后在拓展到其他领域（WebGL——计算机图形学，Node.js底层——操作系
QFdongdong·2024-02-06 11:14

2. TensorFlow.js

2.1TensorFlow.js基础TensorFlow.js由WebGL提供支持，并提供用于定义模型的高级层API和
启辰·2024-02-06 06:24

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

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

vue3+threejs+koa可视化项目——模型文件上传(第四步)

文章目录⭐前言往期node系列文章threejs系列相关文章vue3+threejs系列⭐koa后端文件上传(koa-body)自动创建目录自定义目录上传apifox自测上传接口⭐vue3前端上传模型文件
yma16·2024-02-05 06:33

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铅笔手绘效果实现

我们将完成创建自定义后处理渲染通道、在WebGL中实现边缘检测、将法线缓冲区重新渲染到渲染目标以及使用生成和导入的纹理调整最终结果的步骤。这就是最终结果的样子，让我们开始吧！
新缸中之脑·2024-02-04 08:13

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

Three.js、webGL和Canvas区别Three.js是基于原生WebGL封装的三维引擎。
0斌果0·2024-02-04 08:42

three.js 小例子分析

https://threejs.org/examples/#webgl_geometry_extrude_shapes开头的引入js没什么好说//这是鼠标控制的工具接着分析代码varcamera,scene
今天又懒得加班·2024-02-04 08:11

Threejs 简析

Threejs快速入门现在什么都是3D，看电影3D，打游戏3D，估计3D打车，很快就会面世。那么作为前端开发的标准语言，JS和3D能不能也搞出点大新闻呢？
英灵海东青·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

Unity 在WebGL上录制视频和截图

最近有个项目需要发布到web平台，项目中需要视频录制和截图，尝试了一些插件，在iOS和Android还可以，WebGL上没有找到合适的。
雄关漫道从头越·2024-02-04 03:13

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

最近我在学习使用React配合Three.js来搭建一个可以浏览720全景图片的项目实现的是加载一张2:1的720全景分享一下我的创建过程一、搭建框架并安装需要的插件npxcreate-react-appparano//创建一个React项目npminstall-Stypescript//安装typescript，这个是类型辅助插件，与全景项目关系不大npminstall-S@types/thre
WindyZ_34ec·2024-02-03 15:38

vue-3d-model属性介绍

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

vue-3d-model

vue-3d-model-npmGitHub-hujiulong/vue-3d-model:vue.js3Dmodelviewercomponent通过该插件降低Threejs的使用难度vue项目加载三维模型
dragonzoebai·2024-02-03 09:07

vue-3d-loader

vue-3d-loader-npmGitHub-king2088/vue-3d-loader:VueJSandthreeJS3dviewer是对vue-3d-model的改进，降低Threejs使用难度
dragonzoebai·2024-02-03 09:04

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提供的编辑器可以在本地Three.js文档中的editor目录里访问到：http://localhost:9000/editor/如果不知道怎么做，可以参考我的这篇博文：Three.js学习1：threejs
stones4zd·2024-02-03 03:22

Threejs 地图3D可视化

大厂技术高级前端Node进阶点击上方程序员成长指北，关注公众号回复1，加入高级Node交流群可以直接去githubgithub.com/1023byte/3Dmap前言threejs小练习，从头实现如何加载地理数据
傲娇的koala·2024-02-02 16:34

Threejs 开发3D可视化地图

可以直接去githubgithub.com/1023byte/3Dmap前言threejs小练习，从头实现如何加载地理数据，并将其映射到三维场景中的对象上。
zz_jesse·2024-02-02 16:34

Vue3+ThreeJS的简单使用

1.介绍Three.js是基于原生WebGL封装运行的三维引擎，在所有WebGL引擎中，Three.js是国内文资料最多、使用最广泛的三维引擎。
无敌暴龙神~·2024-02-02 16:04

Threejs案例-绘制网格状圆环

10.Threejs案例-绘制网格状圆环实现效果知识点TorusGeometry(圆环缓冲几何体)一个用于生成圆环几何体的类。
MossGrower·2024-02-02 12:52
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他