threejs(webgl)

Three.js基础入门系列（六）

01Three.js中的相机插件OrbitControls.js通过Three.js的相机控件OrbitControls.js可以对Threejs的三维场景进行缩放、平移、旋转操作，本质上改变的并不是场景
骨灰级收藏家·2023-10-13 13:03

WebGL

1、javaScript不支持线程2、移动端不支持webGL3、webgl不支持filestream4、浏览器不能直接使用socket5、openGL的api只支持到最老的2.06、只支持基本的音频功能
向前ing_·2023-10-13 13:29

threejs GLTFLoader

package.json{"name":"gltf-loader-code","version":"1.0.0","main":"index.js","license":"MIT","scripts":{"start":"webpack-dev-server"},"dependencies":{"three":"0.110.0"},"devDependencies":{"html-webpack-
antlove·2023-10-13 10:54

前端人最值得关注的JS动画库来了

这个流行的库拥有超过4.3万star，是一种直观地使用WebGL在浏览器上创建3D动画的好方法。该库提供，，CSS3D和WebGL渲染器，使我们能够在设备和浏览器之间创建丰富的
骨灰设计师小X·2023-10-13 08:39

Three.js的相机控件OrbitControls.js

通过Three.js的相机控件OrbitControls.js可以对Threejs的三维场景进行缩放、平移、旋转操作，本质上改变的并不是场景，而是相机的参数，通过前面的学习应该知道，相机的位置角度不同，
心淡然如水·2023-10-13 05:04

一种正在取代WebGL的新技术-WebGPU

它是由W3C的GPU为来自苹果、Mozilla、微软、谷歌和其他公司的工程师开发的与WebGL不同，WebGPU不是任何现有的本地API的直接端口。
Real游戏引擎开发者·2023-10-13 04:13

全网首发 黑马高端课程，仅限老学员免费领取

跨平台：由于Three.js是基于WebGL的，因此它可以在任何支持WebGL的浏览器上运行，无论是桌面、移动设备还是平板电脑。性能优化：Three.js提供了许多工具和技术来优化3
骨灰级收藏家·2023-10-13 01:10

基于HTML5和WebGL的3D网络拓扑结构图

现在，3D模型已经用于各种不同的领域。在医疗行业使用它们制作器官的精确模型；电影行业将它们用于活动的人物、物体以及现实电影；视频游戏产业将它们作为计算机与视频游戏中的资源；在科学领域将它们作为化合物的精确模型；建筑业将它们用来展示提议的建筑物或者风景表现；工程界将它们用于设计新设备、交通工具、结构以及其它应用领域；在最近几十年，地球科学领域开始构建三维地质模型，而且3D模型经常做成动画，例如，在故
weixin_34174132·2023-10-12 07:20

每日前端签到（第五十四天）

第五十四天（2018-09-26）[html]有用地过WebGL吗？说说你对它的理解[css]你有用过哪些css框架？
拿着号码牌徘徊·2023-10-12 03:13

Unity打包AssetBundle报错

这个报错只产生在我unity的webgl平台打包时，其它平台是没问题的报错1.这个报错一般资源文件有重复名字的文件也会有问题不过我的不是上面1的问题。
AngerCow·2023-10-12 00:19

kepler.gl安装使用_数分钟内提供精美的地图：认识Kepler.gl

乘车共享公司使用deck.glWebGL数据可视化框
cumo7370·2023-10-11 18:57

ThreeJS-3D教学八-OBJLoader模型加载+动画

先看效果图：本篇给大家介绍下模型加载的知识，用到了OBJLoader对应的模型，为了增加趣味性，花了些时间，利用newTHREE.Points获取到模型上的点，做了一个动画效果，其实就是操作Y轴上的点，先降低上0，然后再还原，代码如下：Titlebody{width:100%;height:100%;}*{margin:0;padding:0;}.label{font-size:20px;colo
天外天-亮·2023-10-11 12:30

vue中使用threejs注意事项

最近在vue项目中使用threejs一下都是踩过的雷点卡顿问题在vue中three.js的相机,场景,渲染器,控制器,都不能放在data中,否则会导致项目运行使用出来后很卡//将以上的东西放在mounted
久..·2023-10-10 13:39

腾讯地图基于 WebGL实现自定义栅格图层踩坑实录

以下内容转载自totoro的文章《WebGL-Y轴翻转踩坑实录》作者：totoro链接：https://blog.totoroxiao.com/webgl-flipY/来源：https://blog.totoroxiao.com
小小码农biubiubiu·2023-10-10 05:00

腾讯地图jsapi GL 加载自定义栅格图层无法在手机端显示的问题

解决：1、使用普通版本的jsapi，即不是webgl版本呢的，叠加自定义瓦片可以在手机端实现类似的效果。2、移动端需要设置view
brave211·2023-10-10 05:28

threejs 创建场景，轨道控制器以及天空盒子

前言一、新建场景1场景2相机3渲染器4坐标轴5辅助网格二、引入轨道控制器1.引入库2.创建轨道控制器三创建天空盒子前言快速认识threejs开发基础代码干货整理；开发环境是nodejs环境；安装:npminstall
杨大大28·2023-10-10 00:33

从引入开始学习Three.js

循环动画函数（自带的requestAnimationFrame）1、渲染循环实现旋转动画2、计算两帧时间间隔3、渲染循环+OrbitControls（相机）8、canvas画布宽高度动态变化9、stats查看threejs
Ciwei蓝·2023-10-10 00:57

Vue3 + Photo-sphere-viewer 全景

使用该插件的唯一要求是浏览器支持canvas或WebGL。这只是一个简单的全景图，我们还可以在全景图上面不同位置添加标注，修改、删除标注等操作。
奺珁·2023-10-09 19:22

Threejs进阶之六：使用EffectComposer后处理实现点击模型发光效果

这一节我们继续对前面的摩托车模型进行研究，前面我们实现了点击摩托车模型的各个部分时弹出HTML标签显示该部分的信息，这一节我们加入后期处理效果，EffectComposer来实现点击模型使其发光的效果，先看下最终的效果图，整体看起来还不错，下面我们来实现它，老规矩，在实现上面的效果之前，我们先来认识下EffectComposerEffectComposer效果合成器EffectComposer是T
九仞山·2023-10-09 19:49

vue3和threejs单击按钮模型高亮显示

文章目录一、在组件中引入three.js依赖的文件二、在setup函数中定义全局变量三、在setup函数中创建outlineObj(selectedObjects)，参数为选中的模型所组成的数组[]四、必须在animate函数中执行composer.render()总结一、在组件中引入three.js依赖的文件import{EffectComposer}from"three/examples/js
青春最美，庆幸遇见karry·2023-10-09 18:46

threejs单击选中模型高亮显示/选中模型发光

目录效果图（颜色和呼吸灯时间可调节）：1.本例子是在vue中实现，引入依赖文件：2.data中定义全局变量3.必须在render()方法中执行composer.render()4.调用方法outlineObj(selectedObjects)，参数为选中的模型所组成的数组[].效果图（颜色和呼吸灯时间可调节）：1.本例子是在vue中实现，引入依赖文件：import*asTHREEfrom'thre
冉冉胜起·2023-10-09 18:15

threejs点击模型实现模型边缘高亮的选中效果--更改后提

题解|#输出单向链表中倒数第k个结点#importjava.util.Scanner;//注意类名必须为Main,不要有任何packagexxx信息publicclassMain深信服24届校园招聘内推码：NTAXX2e（投递简历时填写优先推荐）深信服24届offer数量投top1岗位—【客户经理】&【售前产品经理】专项招聘火热进行中！本科23万题解|#华为OD-寻找连续区间#题目给定一个目标值x
愤怒的小青春·2023-10-09 18:45

桌面动态壁纸

1、将压缩包中解压，选择所需要的壁纸复制到目录2、解压kugou动态壁纸运行程序，文件选择默认打开文件为animation_desktop_webgl.exe3、重启电脑生效
Mr_YDK·2023-10-09 16:23

threejs

初识threejs最近在项目中遇到一些需要threejs的知识，特此撰写一篇相关文档记录一下自己的threejs学习。
1rving·2023-10-09 13:54

ThreeJS-3D教学六-物体位移旋转

之前文章其实也有涉及到这方面的内容，比如在ThreeJS-3D教学三：平移缩放+物体沿轨迹运动这篇中，通过获取轨迹点物体动起来，其它几篇文章也有旋转的效果，本篇我们来详细看下，另外加了tween.js知识点
天外天-亮·2023-10-09 11:11

ThreeJS-3D教学七-交互

在threejs中想要选中一个物体，点击或者鼠标悬浮，又或者移动端的touch事件，核心都是通过newTHREE.Raycaster完成的。
天外天-亮·2023-10-09 11:28

【threejs】基本编程概念及海岛模型展示逻辑

采用three封装模式完成的海岛动画（点击这里查看）直接上代码吧{{loadingProcess}}%1灯塔：矗立在海岸的岩石之上，白色的塔身以及红色的塔屋，在湛蓝色的天空和深蓝色大海的映衬下，显得如此醒目和美丽。2小船：梦中又见那宁静的大海，我前进了，驶向远方，我知道我是船，只属于远方。这一天，我用奋斗作为白帆，要和明天一起飘扬，呼喊。3沙滩：宇宙展开的一小角。不想说来这里是暗自疗伤，那过于矫情
Li_Ning21·2023-10-09 08:29

2、threejs官网本地化部署启动和Parcel热加载：Web应用打包工具介绍及使用

一、Three.js官网背景：threejs是国外的网站，访问有时候比较卡，所以建议本地化部署启动一下，方便随时访问学习。
30岁老阿姨·2023-10-09 08:27

本地搭建Three.js官网文档网站

因为Threejs官网是国外服务器,为了方便学习和快速的查阅文档,我们可以自己搭建Three.js官网.首先进入Threejs的GitHub仓库:GitHub-mrdoob/three.js:JavaScript3DLibrary
开发那点事儿~·2023-10-09 08:54

（一）ThreeJS本地环境搭建

目录1、本地部署threeJS环境2、部署过程2.1、three开源地址2.2、代码下载2.3、依赖安装2.4、项目启动1、本地部署threeJS环境threeJSAPI、编辑器、示例代码部署在外网节点
轮回的秋·2023-10-09 08:53

Threejs进阶之十五：在Thereejs 使用自定义shader

目录最终效果什么是ShaderShaderMaterial类常用属性uniforms属性vertexShader属性fragmentShader属性代码实现新建ShaderView.vue文件并引入Threejs
九仞山·2023-10-09 01:43

浅谈webGl vr全景模式

开讲之前解释一下这些词，以免没学习过webGl的同学还要再去找百度webGL=>是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGLES2.0结合在一起，通过增加OpenGLES2.0
调皮小欧某·2023-10-08 19:34

Three.js初体验——VR全景展示

前言Three.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。
kitty_ELF·2023-10-08 19:32

webgl进阶Shader篇（基于Three.js）——第一个简单的Shader

一.从一个shader开始Three.js已经简化了很多写shader的工作，最主要的工作就是他把一些常用的矩阵已经作为一个常量提供给我们。首先来看Three.js官网的说明，一些常用参数已经和几何元素、相机等关联在一起，我们只需要拿来用即可。来看第一个shader，通过shader改变几何体表面的颜色，效果还是很炫酷的。Three框架div#canvas-frame{border:none;cu
niuge No.1·2023-10-08 18:33

ThreeJS-3D教学五-材质

我们在ThreeJS-3D教学二：基础形状展示中有简单介绍过一些常用的材质，这次我们举例来具体看下效果：代码是这样的：Titlebody{width:100%;height:100%;}*{margin
天外天-亮·2023-10-08 06:56

HTML5开发实例-3D全景(ThreeJs全景Demo) 详解（图）

前言在现在市面上很多全景H5的环境下，要实现全景的方式有很多，可以用css3直接构建也可以用基于threeJs的库来实现，还有很多别的制作全景的软件使用本教学适用于未开发过3D全景的工程狮如果觉得内容太无聊可以直接跳到最后下载代码理论整个
lmr廖·2023-10-08 06:21

threejs 透明贴图，模型透明，白边

问题使用Threejs加载模型时，模型出现了上面的问题。模型边缘部分白边，或者模型出现透明问题。原因出现这种问题是模型制作时使用了透明贴图。threejs无法直接处理贴图。
小和尚敲木头·2023-10-07 18:37

01-Three.js 安装以及介绍

-p8000浏览器WebGL兼容性检查WebGL.jsif(!THREE.WEBGL.isWebGLAv
IsYang·2023-10-07 16:59

Qt的WebEngineView加载网页时出现Error: WebGL is not supported

1.背景当我在qml中使用WebEngineView加载一个网页时，出现以下错误：Error:WebGLisnotsupported2.解决方案其实这个问题在Qt的帮助文档中已经提及了解决办法：因此，可以按照下面的步骤操作一下
韭菜钟·2023-10-07 10:46

webgl智慧楼宇发光效果算法系列之高斯模糊

如果使用过PS之类的图像处理软件，相信对于模糊滤镜不会陌生，图像处理软件提供了众多的模糊算法。高斯模糊是其中的一种。在我们的智慧楼宇的项目中，要求对楼宇实现楼宇发光的效果。比如如下图所示的简单楼宇效果：building.gif楼宇发光效果需要用的算法之一就是高斯模糊。高斯模糊简介高斯模糊算法是计算机图形学领域中一种使用广泛的技术,是一种图像空间效果，用于对图像进行模糊处理，创建原始图像的柔和模糊版
ITman彪叔·2023-10-07 04:23

3D孪生场景SDK：Viwer 孪生世界

NSDT编辑器简化了WebGL3D应用的开发，完全兼容Three.JS生态。同时为了满足用户自定义业务的需求，NSDT编辑器还封装了基于three.js的SDK，用户可以在自己的应用中嵌
ygtu2018·2023-10-07 04:23

three.js后处理

通常在电影制作中使用这种技术，但我们也可以在WebGL中使用。
seeooco·2023-10-06 22:43

用WEBGL来画封闭多边形，然后拉伸为3D模型

目前很多浏览器原生支持WEBGL,只要你的代码在浏览其中打开，不用服务器，就可以看到你画的模型了。目前我做了一个非常简单的画图工具，先画2D图形（结束画图按‘c'键），画好后直接拉伸成立体图形。
水滴与鱼·2023-10-06 10:20

[Review]To be coder(2011.08.01~2013.05.23-WebGL-ing)

其实编程是一件非常有意思的事情，像造物主可以创造万物一样，每一个程序员都可以创造一片属于自己的世界。这就是我喜欢编程的原因，很简单，自由。以下内容回记录汪海的编程生活，因为比较懒的原因，所以写的比较简单，其中坎坷曲折，一言难尽。再回头看以前写的代码，敲的程序，却也别有一番滋味。个人兴趣飘忽无常，所以有些都没有深入学习，以后有时间再慢慢补上吧。JAVA因为大一的课程安排，一开始接触的很多东西都是和J
iteye_19603·2023-10-05 21:10

【Unity】3D贪吃蛇游戏制作/WebGL本地测试及项目部署

本文是Unity3D贪吃蛇游戏从制作到部署的相关细节项目开源代码：https://github.com/zstar1003/3D_Snake试玩链接：http://xdxsb.top/Snake_Game_3D效果预览：试玩链接中的内容会和该效果图略有不同，后面会详细说明。游戏规则经典贪吃蛇游戏：蛇身随着吃食物的增加不断变长，通过A/D或方向键←→控制方向，蛇头撞在蛇身上或四周墙壁会导致游戏失败。
zstar-_·2023-10-05 21:38

Coding and Paper Letter（四十五）

gempy2.Tangram是一个JavaScript库，用于使用WebGL在Web浏览器中实时渲染2D和3D地图。tangram3.R语言包gdalcube
胖胖雕·2023-10-05 09:18

WebGL-3D地图大俯仰角的雾化处理

以下内容转载自掘金文章《WebGL-3D地图大俯仰角的雾化处理》作者：多多洛爱学习链接：https://juejin.im/post/5db2a58a51882559ee62dfba来源：掘金著作权归作者所有
_bugMaker·2023-10-05 06:14

iOS 初识SceneKit

SceneKit是苹果公司对Metal或OpenGL封装的3D渲染框架，可以快速3D渲染项目的项目，有点类似js中ThreeJs。轻松添加动画、物理模拟、粒子效果和逼真的物理渲染。
星星编程·2023-10-05 04:48

在2023年使用Unity2021从Built-in升级到Urp可行么

因为最近在做WEbgl平台，所以某些不可抗力原因，需要使用Unity2021开发，又由于不可明说原因，想用Urp，怎么办？
avi9111·2023-10-05 04:14

threejs 加载材质

package.json{"name":"threejs-texture","version":"1.0.0","main":"index.js","license":"MIT","scripts":{
antlove·2023-10-04 19:59
上一页 20 21 22 23 24 25 26 27 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他