threejs(webgl)

three.js从入门到精通系列教程034 - 创建PointLight光源和辅助线

three.js从入门到精通系列教程034-创建PointLight光源和辅助线//创建渲染器varmyRenderer=newTHREE.WebGLRenderer({antialias:true})
smartsmile2012·2024-01-21 16:43

three.js从入门到精通系列教程035 - 创建SpotLight聚光灯光源和辅助线

three.js从入门到精通系列教程035-创建SpotLight聚光灯光源和辅助线varmyRenderer=newTHREE.WebGLRenderer({antialias:true});myRenderer.setSize
smartsmile2012·2024-01-21 16:43

three.js从入门到精通系列教程033 - 创建DirectionalLight光源和辅助线

three.js从入门到精通系列教程033-创建DirectionalLight光源和辅助线varmyRenderer=newTHREE.WebGLRenderer({antialias:true});
smartsmile2012·2024-01-21 16:42

three.js从入门到精通系列教程029 - three.js利用贴图实现地球全貌地图

three.js从入门到精通系列教程029-three.js利用贴图实现地球全貌地图//创建渲染器varmyRenderer=newTHREE.WebGLRenderer({antialias:true
smartsmile2012·2024-01-21 16:12

three.js从入门到精通系列教程023 - three.js利用ExtrudeGeometry创建多个拉伸缓冲几何体支持旋转缩放

three.js从入门到精通系列教程023-three.js利用ExtrudeGeometry创建多个拉伸缓冲几何体支持旋转缩放//创建渲染器varmyRenderer=newTHREE.WebGLRenderer
smartsmile2012·2024-01-21 16:12

three.js从入门到精通系列教程028 - three.js通过多面材质创建类似魔方的立方体

three.js从入门到精通系列教程028-three.js通过多面材质创建类似魔方的立方体//创建渲染器varmyRenderer=newTHREE.WebGLRenderer({antialias:
smartsmile2012·2024-01-21 16:12

three.js从入门到精通系列教程016 - three.js通过OrbitControls对立方体实现旋转和缩放

three.js从入门到精通系列教程016-three.js通过OrbitControls对立方体实现旋转和缩放/*通过OrbitControls.js可以对Threejs的三维场景进行缩放，平移，旋转操作
smartsmile2012·2024-01-21 16:41

three.js从入门到精通系列教程020 - three.js通过贴图使用图像材质创建立方体

three.js从入门到精通系列教程020-three.js通过贴图使用图像材质创建立方体//创建渲染器，antialias表示是否启用抗锯齿varmyRenderer=newTHREE.WebGLRenderer
smartsmile2012·2024-01-21 16:41

three.js从入门到精通系列教程021 - three.js通过贴图使用图像材质创建圆环救生圈

three.js从入门到精通系列教程021-three.js通过贴图使用图像材质创建圆环救生圈//创建渲染器varmyRenderer=newTHREE.WebGLRenderer({antialias
smartsmile2012·2024-01-21 16:41

three.js从入门到精通系列教程013 - three.js创建多次旋转连接的圆环结

three.js从入门到精通系列教程013-three.js创建多次旋转连接的圆环结//创建渲染器varmyRenderer=newTHREE.WebGLRenderer({antialias:true
smartsmile2012·2024-01-21 16:11

three.js从入门到精通系列教程014 - three.js创建几何体圆台

three.js从入门到精通系列教程014-three.js创建几何体圆台//创建渲染器varmyRenderer=newTHREE.WebGLRenderer({antialias:true});myRenderer.setSize
smartsmile2012·2024-01-21 16:11

three.js从入门到精通系列教程009 - three.js创建球体和圆柱体

three.js从入门到精通系列教程009-three.js创建球体和圆柱体//创建渲染器varmyRenderer=newTHREE.WebGLRenderer({antialias:true});varmyWidth
smartsmile2012·2024-01-21 16:10

three.js从入门到精通系列教程010 - three.js创建旋转圆柱体

010-three.js创建旋转圆柱体varmyWidth=480,myHeight=320,k=myWidth/myHeight,s=120;//创建渲染器varmyRenderer=newTHREE.WebGLRenderer
smartsmile2012·2024-01-21 16:10

three.js从入门到精通系列教程003 - three.js透视相机（PerspectiveCamera）

three.js从入门到精通系列教程002-three.js透视相机（PerspectiveCamera）//创建渲染器varmyRenderer=newTHREE.WebGLRenderer({antialias
smartsmile2012·2024-01-21 16:40

three.js从入门到精通系列教程006 - three.js创建旋转立方体BoxGeometry

three.js从入门到精通系列教程006-three.js创建旋转立方体BoxGeometry//创建渲染器varmyWidth=480,myHeight=320;varmyRenderer=newTHREE.WebGLRenderer
smartsmile2012·2024-01-21 16:40

three.js从入门到精通系列教程032 - 使用多张贴图实现立方体骰子模型

three.js从入门到精通系列教程032-使用多张贴图实现立方体骰子模型//创建渲染器varmyRenderer=newTHREE.WebGLRenderer({antialias:true});myRenderer.setSize
smartsmile2012·2024-01-21 16:08

WebGL 的 Hello World

本文整理自div侠于凹凸2022年技术分享，简单介绍了WebGL画一个基础图形的流程，希望你了解之后，在使用3d渲染库的时候可以少点迷糊。
凹凸实验室·2024-01-21 14:03

Threejs实现立体3D园区解决方案及代码

一、实现方案单独贴代码可能容易混乱，所以这里只讲实现思路，代码放在最后汇总了下。想要实现一个简单的工业园区、主要包含的内容是一个大楼、左右两片停车位、四条道路以及多个可在道路上随机移动的车辆、遇到停车位时随机选择是否要停车，简单设计图如下二、实现步奏2.1引入环境，天空和地面引入天空有三种方式：1)第一种通过添加天空盒导入六个不同角度的天空图片可以形成，简单方便，缺点是在两个面之间会有视觉差2)第
softshow1026·2024-01-21 12:23

纹理的各向异性采样

图片来自：http://acko.net/files/fullfrontal/fullfrontal/webglmath/online.html各向异性采样参见http://www.cnblogs.com
ryfdizuo·2024-01-21 10:14

OpenHarmony开发之WebGL开发指导与介绍

WebGL的全称为WebGraphicLibrary(网页图形库)，主要用于交互式渲染2D图形和3D图形。
码中之牛·2024-01-21 10:21

cocos creator 抗锯齿

这个可以通过ENABLE_WEBGL_ANTIALIAS来开启webgl的抗锯齿/**!
岑吾·2024-01-20 21:23

unity webgl 系列：从本地硬盘上传文件到webgl沙盒中

需求：通过一个按钮，点击后选择文件传到webgl进程中。前置说明：需要有webgl模版等基础配备，已经可以发布webgl程序。
love_c_s·2024-01-20 19:13

unity webgl 系列（2）：从webgl内存中下载文件到本地硬盘

前面是将文件上传到webgl进程，本篇是将文件从webgl进程中下载文件到浏览器的下载目录中。通用，只需要二进制数组和文件名。
love_c_s·2024-01-20 19:10

three.js从入门到精通系列教程002 - three.js正交相机OrthographicCamera

three.js从入门到精通系列教程002-three.js正交相机OrthographicCamera/*varrenderer=newTHREE.WebGLRenderer({//创建渲染器对象//
smartsmile2012·2024-01-20 09:13

openlayers [四] 地图图层 Layers详解

文章目录1图层1.1线状图层1.2点状图层1.3面状图层2图层存在一个或多个3layers常见的属性4layers各种图层和类型总结在openlayers中，图层是使用layer对象表示的，主要有WebGLPointsLayer
爱玩亚索的程序员·2024-01-19 06:28

python系列11：python的游戏引擎

也可以用webgl和3djs做一些网页游戏。
IE06·2024-01-19 02:05

着色器语言GLSL学习

1初步尝试import{Scene,WebGLRenderer,OrthographicCamera,PlaneGeometry,ShaderMateria}from'three.js'constscene
涵。·2024-01-18 17:42

threejs平滑地移动相机的位置，将其逐渐接近目标点位置(tweemjs)

一、npm安装tweemjsnpmi@tweenjs/tween.js@^18二、引入tweemjsimport*asTWEENfrom'tween.js';三、使用//更新相机位置changeCameraPosition(findIndex){console.log(camera.position)//解除滑动限制.如果你在创建模型的时候设置了滑动平移放大缩小等限制在这里需要解除限制，不然达不到
Right atrium·2024-01-18 09:54

Blender与Threejs的坐标系

1.Threejs坐标系openGL采用的是右手坐标系，WebGL是openGL的JS版本也是右手坐标系。ThreeJS依然采用的右手坐标系。
pimyker·2024-01-18 09:46

vue3+threejs可视化项目——引入threejs加载钢铁侠模型（第二步）

文章目录⭐前言vue3系列相关文章threejs系列相关文章⭐引入threejs初始化一个场景scene加载模型加载钢铁侠模型⭐总结⭐结束⭐前言大家好，我是yma16，本文分享vue3+threejs可视化项目
yma16·2024-01-18 03:15

three.js入门

Three.js脚本可以与HTML5画布元素、SVG或WebGL结合使用。tips：WebGL又是什么？WebGL用自己的理解就是，通过这个WebGL可以实现在网页里绘制渲染2D/3D的东西。
北乎下周·2024-01-17 22:13

WebGL中开发AR应用

WebGL在本质上是用于在浏览器中进行3D和2D图形渲染的技术，而增强现实（AR）通常需要与现实世界的环境进行交互。要在WebGL中开发AR应用，您可以采取以下步骤，希望对大家有所帮助。
super_Dev_OP·2024-01-17 18:43

WebGL中开发VR（虚拟现实）应用

WebGL（WebGraphicsLibrary）是一种用于在浏览器中渲染交互式3D和2D图形的JavaScriptAPI。
super_Dev_OP·2024-01-17 18:13

WebGL开发智慧城市应用

在使用WebGL实现智慧城市应用时，需要考虑一系列的问题，以确保系统的性能、安全性和用户体验。以下是在开发WebGL智慧城市应用时需要注意的问题，希望对大家有所帮助。
super_Dev_OP·2024-01-17 18:10

webgl绘制三角形

index.htmlwebgl绘制三角形body{margin:0;}canvas{border:1pxsolid#999;}index.js//顶点着色器程序varVSHADER_SOURCE=`attributevec4a_Position
antlove·2024-01-17 05:53

十四、Three场景物体增加描边

本次使用的是threejs138版本，在vue3+vite+ant的项目中使用。下面来看看实现的效果。房子建筑有了明显的描边效果。
arguments_zd·2024-01-17 01:41

十五、CSS3DObject和CSS2DObject的区别

Threejs版本：0.138.3下面看实现的效果：相似点使用方法都是差不多的，下面讲解下css2dobject的使用方法在index.html增加一个用于包含这些标签的div
arguments_zd·2024-01-17 01:41

十三、Three场景物体增加发光特效

本次使用的是threejs138版本，在vue3+vite+ant的项目中使用。下面来看看实现的效果。绿色罐体有了明显的发光效果。
arguments_zd·2024-01-17 01:10

NevMesh.Js你可以在Laya引擎中直接使用的AI寻路

是在ThreeJs的PatrolJS基础上，针对Laya引擎做了改造，本教程将会带大家简单了解和使用NevMesh.Js使用。
废柴小z·2024-01-16 19:54

推荐：vue-3d-loader支持.dae/.fbx/.gltf/.glb/.obj/.ply/.stl/.json，并支持同一个场景导入多个不同3D模型，支持mtl材质以及jpg/png等图片纹理

vue-3d-loader是vueJS+threeJS整合的一个3d展示组件。支持.dae/.fbx/.gltf/.glb/.obj/.ply/.stl/.json，并支持同一个场景导入多个不同3D模
你挚爱的强哥·2024-01-16 17:43

【计算机图形学】入门Three.js，并搭建你的第一个3D场景

WebGL（WebGraphicsLibrary）是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGLES2.0结合在一起，通过增加OpenGLES2.0的一个JavaScript
samarua·2024-01-16 14:52

【Three.js】Three.js入门教程——清晰明了 好上手！

一、文档地址：中文网址：3.开发和学习环境，引入threejs|Three.js中文网二、Three.js和WebGL的关系：Three.js是WebGL的框架。封装和简化了WebGL的方法。
旺旺大力包·2024-01-16 14:22

Web3D编程入门总结——WebGL与Three.js基础介绍

计划分成“webgl与three.js基础介绍”、“面向对象的基础3D场景框架编写”、“模型导入与简单3D游戏编写”三个部分，其他零散知识以后有机会再总结。
我爱丁丁猫·2024-01-16 14:51

ThreeJS-3D教学十一：屏幕坐标和世界坐标转换

Titlebody{width:100%;height:100%;}*{margin:0;padding:0;}.label{font-size:20px;color:#000;font-weight:700;}.circle{width:20px;height:20px;border-radius:10px;position:absolute;left:0;top:0;background-co
天外天-亮·2024-01-16 08:49

Blender建模笔记 | 大帅老猿threejs特训

搭建元宇宙项目的方案有很多种，比较常见的就是通过Threejs来实现。对于我们程序员由设计人员提供的模型文件会出现不适应的情况，如果我们能够了解建模对于我们编程就会顺利的多。
weixin_44502951·2024-01-16 02:17

Unity WebGL报错：HTTP Response Header “Content-Type“ configured incorrectly on the server for file

WebGL报错：HTTPResponseHeader"Content-Type"configuredincorrectlyontheserverforfileBuild/KZ.wasm,shouldbe"application
mayzhengxi·2024-01-15 09:42

vue3+threejs可视化项目——搭建vue3+ts+antd路由布局（第一步）

router依赖vite配置项映射目录和代理antd国际化layout布局封装vite读取modules目录文件作为路由main入口配置文件⭐实现效果⭐总结⭐结束⭐前言大家好，我是yma16，vue3+threejs
yma16·2024-01-14 20:40

three.js : tweenjs创建threejs动画

效果：代码开始//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js";import{GLTFLoader}from"three/examples/jsm/loaders/GLTFLoader.js";//效果制作器import{EffectComposer
汉武大帝··2024-01-14 19:34

【开源分享】3D 照片墙

基于threejs实现的1、功能采用显示3D照片墙，共有4中样式分别如下1.1照片墙1.2水晶球1.3螺旋塔1.4展览厅2、产品特点2.1绚丽采用Three.js的3D样式，打破了传统照片墙单调乏味的风格
猿徕如此·2024-01-14 19:50

three.js讲解

文章目录一、概念二、案例三、常见问题四、优缺点五、相关链接一、概念three.js是一个基于WebGL的JavaScript库，用于创建和展示三维图形。
雪梅零落·2024-01-14 17:04
上一页 6 7 8 9 10 11 12 13 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他