threejs(webgl)

Unity WebGL中文输入插件适配2020及以上的版本

blog.csdn.net/Rowley123456/article/details/103726927原插件不支持unity2020及以上的版本，要适配的话，下载原作者的插件后，将ChineseInputWebGL.jslib
笑脸山·2024-01-23 19:02

Unity WebGL 实现中文输入 UGUI

插件：https://assetstore.unity.com/packages/essentials/tutorial-projects/ime-input-for-unity-webgl-64933
funilbing·2024-01-23 19:31

解决Unity WebGLInput插件全屏输入的问题

unitywebgl的中文输入插件WebglInput在全屏的时候会出现无法输入中文/输入的英文会字母出现在光标后面/什么都输入不了的等无法正常使用的情况。
阳光下的大嘴猴王·2024-01-23 19:30

threejs中修改鼠标cursor不生效的问题修复

需求：当鼠标hover一个元素时，cursor为自定义的图标问题描述：threejs中修改canvas的鼠标cursor为自定义的图标不生效。
qq_37200686·2024-01-23 17:10

webgl和threejs的坐标系以及坐标转换

一、模型坐标系和模型坐标模型坐标系是用来描述模型内部构造的。它的原点是(0,0,0)在模型坐标系下，定义的坐标，本文称之为模型坐标。当然你也可以有自己的命名。物理建模的模型，由一个个小的三角形组成，每个三角形都有三个顶点组成。顶点的模型坐标是基于模型中心点的。中心点的坐标为(0,0,0)。上图是个简单的正方形的模型，正方形长和宽为20。中心点在正方形的中心，中心点模型坐标为(0,0,0)，则其中四
qq_37200686·2024-01-23 17:06

three.js从入门到精通系列教程051 - 制作立体桃心图形

three.js从入门到精通系列教程051-制作立体桃心图形//创建渲染器varmyRenderer=newTHREE.WebGLRenderer({antialias:true});myRenderer.setClearColor
smartsmile2012·2024-01-23 16:06

three.js从入门到精通系列教程049 - 加载房屋模型，可旋转可缩放

three.js从入门到精通系列教程049-加载房屋模型，可旋转可缩放加载房子模型移除房子模型//创建渲染器varmyRenderer=newTHREE.WebGLRenderer({antialias
smartsmile2012·2024-01-23 16:36

three.js从入门到精通系列教程050 - 制作波浪图形

three.js从入门到精通系列教程050-制作波浪图形//创建渲染器varmyRenderer=newTHREE.WebGLRenderer({antialias:true});myRenderer.setSize
smartsmile2012·2024-01-23 16:36

three.js从入门到精通系列教程048 - 创建粒子模拟下雨雨滴效果

创建粒子模拟下雨雨滴效果varmyRenderer,myCamera,myScene,myPoints;//创建渲染器functioninitRender(){myRenderer=newTHREE.WebGLRenderer
smartsmile2012·2024-01-23 09:32

three.js从入门到精通系列教程046 - 在平面上创建一个可变大小和长短的圆柱体

three.js从入门到精通系列教程046-在平面上创建一个可变大小和长短的圆柱体//创建渲染器varmyRenderer=newTHREE.WebGLRenderer({antialias:true}
smartsmile2012·2024-01-23 09:32

three.js从入门到精通系列教程047 - 创建一个可旋转的立体椅子

创建一个可旋转的立体椅子varmyRenderer,myCamera,myScene,myOrbitControls;//创建渲染器functioninitRender(){myRenderer=newTHREE.WebGLRenderer
smartsmile2012·2024-01-23 09:32

three.js从入门到精通系列教程005 - three.js使用鼠标拖拽缩放浏览全景图

myLongitude=0,myLatitude=0,myTempLongitude=0,myTempLatitude=0,myPhi=0,myTheta=0;//创建渲染器varmyRenderer=newTHREE.WebGLRen
smartsmile2012·2024-01-23 08:53

threejs demo

记录：three.jscss2d-labelbody{background-color:#fff!important;}{"imports":{"three":"../build/three.module.js"}}import*asTHREEfrom'three';import{OrbitControls}from'./jsm/controls/OrbitControls.js';letcame
前端大颖颖·2024-01-22 12:55

threejs中点击物体事件

//定义点击事件document.addEventListener('click',event=>{//鼠标控制对象constmouse=newTHREE.Vector2();//得到鼠标相对于容器的坐标mouse.x=(event.clientX/window.innerWidth)*2-1;mouse.y=-(event.clientY/window.innerHeight)*2+1;//执行
前端大颖颖·2024-01-22 12:25

threejs中物体加发光效果

呼吸灯所需的插件，一定要按照使用的threejs版本去官网下载对应的插件。https://github.com/mrdoob/three.js/releases?
前端大颖颖·2024-01-22 12:24

《WebKit 技术内幕》之七（4）： 渲染基础

4WebKit软件渲染技术4.1软件渲染过程在很多情况下，也就是没有那些需要硬件加速内容的时候（包括但不限于CSS33D变形、CSS303D变换、WebGL和视频），WebKit可以使用软件渲染技术来完成页面的绘制工作
jyl_sh·2024-01-22 04:29

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
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他