threejs(webgl) 第31页

Unity发布web遇到的问题

1.WebGL报错UncaughtRuntimeError:floatunrepresentableinintegerrange2.报Maximumcallstacksizeexceeded超出最大调用堆栈大小原因

羽阿呆·2023-08-24 06:22

Cesium介绍

1、背景在许多虚拟地理空间应用的实现中，Cesium是一个很有用的WebGL图形库。学习如何解释CSS文件保证它准确呈现3D场景是一个重要的知识，因此本文提供了Cesium源代码的指导和说明。

无敌的季末·2023-08-24 03:45

《WebGL入门指南》——第1章，第1.2节3D图形学——入门

本节书摘来自异步社区《WebGL入门指南》一书中的第1章，第1.2节WebGL——一个技术定义，作者【美】TonyParisi，更多章节内容可以访问云栖社区“异步社区”公众号查看1.23D图形学——入门

WWWWWWWWolf·2023-08-23 20:29

WebGL编程指南01-着色器与常用API

前言本系列是在学习WebGL编程指南中，做出的个人总结Canvas1.1什么是CanvasCanvas即画布，顾名思义就是绘画的地方，Canvas在HTML5中被定义为一个标签，从此前端开发者可以通过这个标签和脚本语言

搬砖怪·2023-08-23 19:44

Three.js着色器基础【含源码】

WebGL和OpenGL使用一种名为GLSL的语言，它代表OpenGL着色器语言，类似于C语言。在Three.js中添加着色器的最简单方法是使用ShaderMaterial。还有一些RawShad

新缸中之脑·2023-08-23 19:13

threejs-自定义着色器材质

attributeuniformvarying2.精度限定关键字3.模型转换矩阵二、使用RawShaderMaterial1.顶点着色器向片元着色器传递数据2.着色器变换操作3.让着色器动起来总结前言看了这么久的threejs

迦南giser·2023-08-23 19:12

VTK文件格式

转载：http://www.hewebgl.com/article/getarticle/126什么是vtk文件？

后知后觉_3e4a·2023-08-23 08:43

Threejs学习04——球缓冲几何体环境光以及直线光源

实现随机多个三角形随机位置随机颜色展示效果这是一个非常简单基础的threejs的学习应用！本节主要学习的是球面缓冲几何体在环境光合直线光源下的效果，可以学习到环境光和直线光源的生成效果等功能！

maker011·2023-08-23 08:10

Threejs学习02——使用dat.gui实现主动控制立方体相关操作

maker011·2023-08-23 08:40

Threejs学习03——实现随机多个三角形随机位置随机颜色展示效果

实现随机多个三角形随机位置随机颜色展示效果这是一个非常简单基础的threejs的学习应用！

maker011·2023-08-23 08:40

Threejs学习01——坐标轴展示立方体并实现来回移动

在三维坐标轴上展示立方体并实现来回移动这是一个非常简单基础的threejs的学习应用！

maker011·2023-08-23 08:39

Threejs学习05——球缓冲几何体背景贴图和环境贴图

实现随机多个三角形随机位置随机颜色展示效果这是一个非常简单基础的threejs的学习应用！本节主要学习的是球面缓冲几何体的贴图部分，这里有环境贴图以及背景贴图，这样可以有一种身临其境的效果！

maker011·2023-08-23 07:34

threejs让模型始终面向相机

需求：threejs导入3D模型，改变相机位置的同时，让模型始终面向相机。

键盘上行走的猿·2023-08-22 11:41

【js&threeJS】入门three，并实现3D汽车展示厅，附带全码

首先放个最终效果图：三维（3D）概念：三维（3D）是一个描述物体在三个空间坐标轴上的位置和形态的概念。相比于二维（2D）只有长度和宽度的平面，三维增加了高度或深度这一维度在三维空间中，我们使用三个独立的坐标轴来描述物体的位置。通常使用笛卡尔坐标系，即X、Y和Z轴。其中，X轴表示横向，Y轴表示纵向，Z轴表示纵深或垂直方向。通过在这些轴上的不同值组合，可以确定一个点或对象在三维空间中的位置大家可以th

阿晨12138·2023-08-22 08:30

Goby 漏洞更新｜锐捷网络 NBR路由器 webgl.data 信息泄露漏洞

漏洞名称：锐捷网络NBR路由器webgl.data信息泄露漏洞EnglishName：RuijieNBRRouterwebgl.datainformationCVSScore:7.5影响资产数：204290

Gobysec·2023-08-22 05:02

在Unity编辑器中开发遇到问题BUG如何调试解决?

这一节主要讲在Unity编辑器中的问题解决方法，发布后的程序（如PC端、WebGL、Andnroid、iOS等）出现异常、崩溃等情况，后面再专门写文章去探

洪智·2023-08-22 04:27

vue中的canvas插件

vue中canvas插件有vue-konva、vue-fabricjs、vue-canvas-effect、vue-chartjs和vue-threejs等。

忧郁的蛋~·2023-08-22 03:53

1.用threejs创建几何体的步骤

操作流程1.模型操作生成几何体=》生成材质=》混合生成模型生成模型=》添加到场景中2.场景操作生成场景（配置参数）=》模型导入场景3.相机操作生成相机=》添加控制器4.渲染器操作生成渲染器=》场景和相机添加到渲染器中=》简历与canvas的关联5.动画模块动画连续，相机，场景的更新控制codeletwidth=window.innerWidth,height=window.innerHeightc

名刀工一品·2023-08-21 21:55

Three.js之几何体、高光材质、渲染器设置、gui

参考资料阵列立方体和相机适配体验Threejs常见几何体简介…gui.js库(可视化改变三维场景)知识点注：基于Three.jsv0.155.0长方体：oxGeometry球体：SphereGeometry

开心就是最好·2023-08-21 12:17

Egret Wing

渲染模式：dom，cavase，webGL不同的地图、不同的元素，好玩的道具（充值付费获得道具、融合形成新的道具）二、准备工作创建项目->资源（jso

朝朝_c53e·2023-08-21 09:57

three.js 中设置透明背景

类似这样的，canvas感觉是透明的，里面的3D在上面，通常做地球旋转之类的效果，webgl设置：setClearColor（1.0,1.0,1.0,1.0）rgba格式最后一个参数就是alphathree.js

那年我七岁·2023-08-20 22:50

WebGL和OpenGL之间的差异

ygtu2018·2023-08-20 06:21

WebGL的剪裁空间

ygtu2018·2023-08-20 06:50

2D应用开发是选择WebGL 还是选择Canvas？

ygtu2018·2023-08-20 06:45

WebGPU应用开发快速入门

在WebGPU之前，有一种WebGL技术，它提供了WebGPU功能的子集。而WebGPU启用了新一类丰富的网络内容，开发人员可以用它构建了令人惊叹的应用。

·2023-08-19 22:28

基于WebGL智慧养老院三维可视化云平台

前言我国已经迈入老龄化社会，老龄化社会中养老已然成为社会普遍关注的焦点，智慧养老成为未来趋势。建设背景社会因素养老床位数量也增长至2020年的821万张.每千名老人拥有养老床位增长至35张,相对于先进国家的50-7O张仍有较大差距。目前养老床位供需还处于紧张状态。“十四五”民政事业发展的规划第一次在五年规划中提出健全建设运营管理政策.发展家庭养老床位，让更多的老年人养老不离家,在家里就能享受家庭养

·2023-08-19 21:27

WebGL+Three.js 入门与实战，系统学习 Web3D 技术

download：WebGL+Three.js入门与实战，系统学习Web3D技术React18和Next.js13：前端开发的新时代引言前端开发是一个不断变化和进化的领域，每年都有新的工具和技术出现，为开发人员提供了更多的选择和可能性

·2023-08-19 21:55

Flutter web打包后,访问页面显示空白

使用Skia编译为WebAssembly并使用WebGL渲染。该渲染器与Flutter移动设备和台式机完全一致，具有更快的性能，并且不太可能在浏览器之间出现差异，但下载大小增加了大约2MB。

yytester·2023-08-19 19:01

前端的方向

行业的发展必然带来职业的细分，在前端领域也一样，目前行业前端有下面这几个方向：界面展现用户体验和可访问性方向、偏后的js/nodejs开发方向、audio/video音视频富媒体方向、SVG/canvas/webGL

仰望天空的人·2023-08-19 14:42

社交直播游戏场景前端解决方案专栏（二）：小游戏开发 The React Way

通过结合React生态与WebGL渲染能力，我们可以让熟悉React的开发人员低成本地入门H5游戏开发，在复用现有组件资产的同时，提供高性能的游戏画面，实现更复杂的视觉效果。

·2023-08-19 09:05

WebGL 入门

文章转自：WebGL入门-知乎课件地址https://github.com/buglas/webgl-lesson课前准备安装webstorm或vscode开发工具。

夜跑者·2023-08-18 11:41

一些面向H5画布Canvas的js库

4.pixijs（2D库）一个2DwebGL渲染器，提供无缝Canvas回退，支持主流浏览器，包括桌面和移动。5.Fabr

IT码农-爱吃辣条·2023-08-18 11:16

unity拓展 unity自带的类（Tranform为例）

因为我们使用了ILRuntime热更，unity打出的WebGL包，运行就会报找不到DoTween里面的方法，所以吧DoTween拓展到tranform类里面，这样就不会报错了，下面是示例usingDG.Tweening

王源骏·2023-08-18 09:21

unity发布WebGL遇到的坑（持续更新）

1、unity默认字体在网页中不会显示解决方法：自己新导入一个字体，使用导入的字体2、之前打过包并运行过，后面又在unity中进行了修改，重新打包，运行发现还是修改之前的效果，虽然是新包，解决方法：这是因为网页中有缓存，点击浏览器右边的三个点，选择设置–隐私、搜索与服务–清除浏览数据,清除后重新运行3、如果unity里使用了ILRintime热更新，和DoTween插件，在热更里使用了DoTwee

王源骏·2023-08-18 09:19

threejs中FBX格式模型的加载与克隆

废话不多说，直接正题，所需脚本：threer97表示R97版本的threejs,这些文件在官方的demo可以找到，此处不介绍。

SheepBoy·2023-08-18 06:45

Canvas2D基础

canvas中规定了了2Dcontext和3Dcontext（WebGL），目前绝大部分浏览器支持2Dcontext。WebGL的发展还比较缓慢。

小菜101·2023-08-17 23:21

【Unity2020 WebGL无法加载异常】 Uncaught ReferenceError: unityFramework is not defined at HTMLScriptElement

问题Unity2020打包出WebGL,打开项目会卡在读条界面，无法进入场景。

真鬼123·2023-08-17 22:52

SuperMap iClient3D for WebGL扩展开发教程——动态棱锥标注

从表面看这种方式比较直接，但是开发解决WebGL底层，需要大量的基础支持和计算

Mr桔子先生·2023-08-17 19:22

web实现酷炫的canvas粒子动画背景

传统的粒子动画主要由Canvas、WebGL实现，

向宇it·2023-08-17 18:57

经纬度坐标系转threejs空间直角坐标系

在利用threejs做一些例如城市模型等3D开发时，会发现threejs无法直接支持经纬度坐标，例如城市模型的某个建筑，它在空间直角坐标系中的位置，可以用一个x,y,z表示，但是没法和实际世界中地球坐标系的经度

Erric_Zhang·2023-08-17 17:16

Unity Webgl 截屏白屏问题

注：（会影响性能）截图白屏是因为:默认的WebGL行为是在每帧之后清除绘图缓冲区，当打开preserveDrawingBuffer，会保留绘图缓冲区。

U3D界金城武·2023-08-17 11:57

2. threejs源码阅读——math/matrix

Matrix接口与Vector接口一样，threejs也在Matrix3.d.ts文件中提供了一个Matrix接口，并且在Matrix3（3x3矩阵类）和Maxtrix4（4x4矩阵类）中实现了该接口。

吃货传说·2023-08-17 06:11

WebGL游戏站优化实录【myshmup.com】

编辑器UI用Javascript编写并使用REACT框架游戏用Typescript编写并调用低级WebglAPI进行渲染。在这篇文章中，我将解释我在游戏

新缸中之脑·2023-08-16 18:29

Threejs入门之十八：GUI调试器的使用

GUI是图形用户界面(GraphicalUserInterface)的简写，为了方便我们在编写代码时对相机、灯光等对象的参数进行实时调节，Threejs为我们提供了GUI库，使用它，可以快速创建控制三维场景的

九仞山·2023-08-16 07:17

threejs实现水面的效果

实现水波纹的效果：加入几何形状，可以将平台的几何形状constwaterGeometry=newTHREE.PlaneGeometry(10000,10000);引入水的插件，并修改水的材质。import{Water}from'three/addons/objects/Water.js';constwater=newWater(waterGeometry,{textureWidth:512,tex

姚*鸿的博客·2023-08-16 07:17

threejs 笔记整理

内容参考自Web3D可视化系统课程一、threejs基础透视投影相机//30:视场角度,width/height:Canvas画布宽高比,1:近裁截面,3000：远裁截面constcamera=newTHREE.PerspectiveCamera

焦焦焦焦焦·2023-08-16 07:17

threejs中gui的使用

dat.gui是一个用于创建交互式调试界面的JavaScript库。下面是dat.gui的基本使用步骤：接下来，在终端中使用以下命令安装gui库（以dat.gui为例）：npminstalldat.gui确保安装成功后，在你的JavaScript文件中导入gui库：import*asdatfrom'dat.gui';在你的JavaScript代码中，创建一个dat.gui实例：constgui=n

姚*鸿的博客·2023-08-16 07:47

第2话 Mesh对象的属性和threejs中的两种相机

构建一个"向场景中添加方块"的功能这主要要在dat.GUI中添加按钮以控制场景中各物体对象的属性。第2话functioninit(){varscene=newTHREE.Scene();varcamera=newTHREE.PerspectiveCamera(45,window.innerWidth/window.innerHeight,0.1,1000);scene.add(camera);va

seeyoumeet·2023-08-16 07:16

threejs使用gui改变相机的参数

调节相机远近角度定义相机的配置：constcameraConfg=reactive({fov:45})gui中加入调节fov的方法constgui=newdat.GUI();constcameraFolder=gui.addFolder("相机属性设置");cameraFolder.add(cameraConfg,"fov",0,100).name("修改相机远近").onChange((num)

姚*鸿的博客·2023-08-16 07:46

推荐频道

threejs(webgl)