- 综合排序
- 最热优先
- 最新优先
- 来自专栏菩提树下的杨过
babylon.js 学习笔记(8)
/assets/img/sky/skybox", scene); skyboxMaterial.reflectionTexture.coordinatesMode = BABYLON.Texture.SKYBOX_MODE //Skybox（设置size调整成1000） var skybox = BABYLON.MeshBuilder.CreateBox("skyBoxDemo", { size: 1000.0 } /assets/glb/", "valleyvillage.glb"); // Skybox var skybox = BABYLON.MeshBuilder.CreateBox("skybox /assets/img/sky/skybox", scene); skyboxMaterial.reflectionTexture.coordinatesMode = BABYLON.Texture.SKYBOX_MODE var skybox = BABYLON.MeshBuilder.CreateBox("skybox", { size: 1000.0 }, scene); var skyboxMaterial
1.1K40编辑于 2023-06-10 - 来自专栏星河造梦坊专栏
小功能⭐️Unity动态更换天空盒、旋转天空盒
Unity动态更换天空盒 1️⃣ 方法1 1、在摄像头上添加SkyBox组件 放到其他地方不管用。 2、创建SkyBox类型的的材质球。放入即可。 3、通过代码，你便可获取到SkyBox组件，便可动态更换天空盒了。 Camera——ClearFlags——DontClear 2、新建辅助摄像机： a、Camera——CullingMask——Nothing b、Depth：设置的比主摄像机小 c、添加 Skybox 3、现在旋转辅助摄像头，就能看到效果了 小Demo： 效果： 代码： using UnityEngine; public class Skode_SkyBox : MonoBehaviour ) current = 0; skyboxCamera.GetComponent<Skybox>().material = skybox[current
92510编辑于 2024-08-16 - 来自专栏呆呆敲代码的小Y 公众号
【Unity3D 灵巧小知识点】☀️ | Unity 中 使用代码切换天空盒
切换天空盒有两种方法 第一种：直接修改场景中的天空盒 代码： private void ChangeSkybox(Material Skymaterial ) { RenderSettings.skybox 第二种：通过Skybox组件修改天空盒 这种方法是通过在MainCamera上面添加一个组件：Skybox 来修改摄像机显示的天空盒背景 使用方法就是，添加完这个组件之后，将天空盒的Material 也可以通过代码获取到这个Skybox组件之后，使用代码修改材质，达到一个修改天空盒的目的 代码： private Skybox sky; private void ChangeSkybox(Material Skymaterial ) { skybox = Skymaterial; } 效果如下： 这种方法只能是修改当前摄像机的显示效果，并没有改变场景中实际的天空盒
1.1K10发布于 2021-09-23 - 来自专栏csdn文章同步
Unity3D学习笔记（三）
1、参考 Fantasy Skybox FREE 构建自己的游戏场景 Assets->Import Package 导入所需资源 create一个Terrain对象，利用右侧地形设计工具设计 刷地、种树 SkyBox： Assets->Create->Material, Inspector->Shader->SkyBox->6 sized, 从资源中的天空素材分别拖到相应的六个面，完成后将材料拖到场景即可
38920编辑于 2022-06-23 - 来自专栏数字孪生可视化
教你给场景添加天空盒，超简单！
目前 ThingJS 内置提供 BlueSky ， MilkyWay ，Night ， CloudySky， White ， Dark 这几种天空盒，使用 app.skyBox 属性设置数字孪生可视化背景天空盒 app.skyBox = "Night"; // 取消设置天空盒 app.skyBox = null; 设置背景天空盒时间线使用 app.skyEffect 属性。 // 时间 [0~24] time: 17.6, // 水平角度 beta: 30 }; // 取消设置效果 app.skyEffect = null; 效果如下： 当 app.skyBox
1.2K20发布于 2021-07-08 - 来自专栏游戏开发之旅
开发H5游戏“穿越小行星”并适配微信小游戏
= game.add.sprite(0, 0, 'skybox'); skybox.width = gameOptions.width; skybox.height = gameOptions.height ; const twinkle = skybox.animations.add('twinkle'); skybox.animations.play('twinkle', 3, true); // 标题 = game.add.sprite(0, 0, 'skybox'); const skybox = this.add.sprite(0, 0, 'skybox'); skybox.width = gameOptions.width ; skybox.height = gameOptions.height; const twinkle = skybox.animations.add('twinkle'); skybox.animations.play = this.add.sprite(0, 0, 'skybox'); skybox.width = gameOptions.width; skybox.height = gameOptions.height
2.9K21发布于 2019-12-03 - 来自专栏前端博客
Cesium笔记(2):基本控件简介—Viewer控件配置地图界面/控件隐藏
有意义 terrainProvider: new Cesium.EllipsoidTerrainProvider(), // 地形图层提供者，仅baseLayerPicker设为false有意义 skyBox : new Cesium.SkyBox({ sources: { positiveX: 'Cesium-1.7.1/Skybox/px.jpg', negativeX: 'Cesium -1.7.1/Skybox/mx.jpg', positiveY: 'Cesium-1.7.1/Skybox/py.jpg', negativeY: 'Cesium-1.7.1/Skybox /my.jpg', positiveZ: 'Cesium-1.7.1/Skybox/pz.jpg', negativeZ: 'Cesium-1.7.1/Skybox/mz.jpg' } }), // 用于渲染星空的SkyBox对象 fullscreenElement: document.body, // 全屏时渲染的HTML元素, useDefaultRenderLoop:
5.8K31编辑于 2023-05-14 - 来自专栏秋风的笔记
纯CSS实现720全景？不用Three.js 也可以
/front.jpg" alt="" />
</ /front.jpg" alt="" />
<img4K31发布于 2021-08-27 - 来自专栏崩天的勾玉
mmd的ray渲染基础教程
mikumikudance，载入模型和场景后，在左上角显示栏取消勾选这些（和ray冲突）： 步骤2.然后将解压的ray包里的这俩文件拖入窗口： 步骤3.再导入ray下的天空盒，这里选择/ray-mmd-1.5.2/Skybox 作演示 步骤4.在背景->模型绘制顺序里，将天空盒移动至最上部 步骤5.再打开右上角mmeffect区，在main栏给模型加载main.fx: 步骤6.在EnvlightMap栏下给你选的的天空盒skybox 加载天空盒对应的lighting.fx 例如这里用的是\ray-mmd-1.5.2\Skybox\Helipad GoldenHour下的Sky with lighting.fx) （注意是给天空盒载入
2.1K10编辑于 2021-12-20 - 来自专栏宜达数字
Unity高级开发-光照系统（五）-使用Unity的Progressive工具去正确的烘焙光照
使用Unity提供的Procudral Skybox进行烘焙光照贴图。可以获得更真实的Lightmap。 不轻易的调整Unity的Albedo boost和Indirect intensity强度。 首先Procedural Skybox在这里加进来。在Enlighten当中，千万不要使用渐变和颜色进行烘焙，两者烘焙出来的东西会比较风格化，并不写实。 有很多人选择用某个颜色烘渐变，但效果会非常不理想，所以一般选择Skybox进行烘焙，而Skybox一般使用Procedural Skybox。 烘焙完后，再替换为自己场景的风格化Skybox作为最终显示效果。Procedural Skybox是仅用于烘焙的，不是用于制作最终的Skybox效果。 我们再举一个简单的例子。 缩减的意思是：黑色区域基本上不贡献光线了，整个Skybox变为不是半球形了，变得没有原来的光照面积大，所以烘焙出来的图就不那么剔透了。
2.2K10发布于 2020-07-10 - 来自专栏音视频开发之旅
音视频开发之旅（41)-天空盒
gl_FragColor = textureCube(uTexture,vPosition); } 接着我们重点来看下Render的实现 package com.av.mediajourney.skybox { GLES20.glClearColor(0f, 0f, 0f, 1f) skyBox = SkyBox() val vertexStr = ShaderHelper.loadAsset (0); GLES20.glVertexAttribPointer(aPositionLoc, SkyBox.POSITION_COMPONENT_COUNT, GLES20.GL_FLOAT , false, 0, skyBox.vertexArrayBuffer) GLES20.glDrawElements(GLES20.GL_TRIANGLES, 36, GLES20. GL_UNSIGNED_BYTE, skyBox.indexArrayBuffer) } private var xRotation = 0f private var yRotation
1.4K20发布于 2021-04-12 - 来自专栏walterlv - 吕毅的博客
Unity3D 入门：如何制作天空效果？天空盒的使用
了解和设置默认的天空盒 在新建一个 Unity3D 项目之后，我们在空空如也的场景下看到的那蓝灰过渡的画面，其实就是 Unity3D 默认提供的“天空”，这个机制叫“天空盒”（Skybox）。 如下图就是默认天空盒提供的各种参数： Unity 新建项目时默认的天空盒是程序天空盒（Procedural Skybox）。一般来说程序天空盒提供了众多可以设置的参数，用来后期调节天空的样式。 在资源商店中下载天空盒 作为入门的话，可以考虑在资源商店中搜索并使用大神们做好的现成的天空盒（关键词 Skybox）： 找到喜欢的天空盒后，点击 Download->Import 可以导入到当前的项目中 这其实是另一种天空盒——六面天空盒（6 Sided Skybox）。（请原谅上图作者中那奇怪的缩写，因为这名字不重要。） 如何下载并应用一个现成的天空盒 天空盒的种类（六面天空盒、程序天空盒） 本文会经常更新，请阅读原文： https://blog.walterlv.com/post/unity-starter-unity3d-skybox.html
4.8K30编辑于 2023-10-22 - 来自专栏字节流动
NDK OpenGL ES 3.0 开发（十五）：立方体贴图（天空盒）
precision mediump float; in vec3 v_texCoord; layout(location = 0) out vec4 outColor; uniform samplerCube s_SkyBox ; void main() { outColor = texture(s_SkyBox, v_texCoord); } 天空盒的绘制: // draw SkyBox glUseProgram(m_ProgramObj in vec3 v_texCoord; in vec3 v_normal; layout(location = 0) out vec4 outColor; uniform samplerCube s_SkyBox v_normal)); //折射 //vec3 R = refract(I, normalize(v_normal), ratio); outColor = texture(s_SkyBox 绘制天空盒和盒内立方体： UpdateMVPMatrix(m_MVPMatrix, m_AngleX, m_AngleY, 1.0, (float) screenW / screenH); // draw SkyBox
1.7K40发布于 2020-06-03 - 来自专栏章鱼的慢慢技术路
在Unity场景中更改天空盒的步骤
参考 skybox 二、自制一个天空盒 1，创建一个材质material 2，更改属性为Skybox/6 Sided，并且把六个面的图片都选好 三、修改天空盒 在菜单栏Window属性下，选中Lighting
10.4K60发布于 2018-06-04 - 来自专栏音视频技术学习笔记
18.opengl高级-立方体贴图
(aPos, 1.0); } 片元着色器 #version 330 core out vec4 FragColor; in vec3 TexCoords; uniform samplerCube skybox ; void main() { FragColor = texture(skybox, TexCoords); } 注意，环境贴图的远近不做变化，营造出广阔的环境视觉效果，通过深度测试来实现 out vec4 FragColor; in vec3 Normal; in vec3 Position; uniform vec3 cameraPos; uniform samplerCube skybox /right.jpg", "resource/skybox/left.jpg", "resource/skybox/top.jpg", "resource /skybox/bottom.jpg", "resource/skybox/front.jpg", "resource/skybox/back.jpg" };
1.3K30发布于 2020-07-13 - 来自专栏菩提树下的杨过
babylon.js 学习笔记(9)
+ 7; tree.position.z = Math.random() * -35 + 8; tree.position.y = 0.5; } //Skybox const skybox = BABYLON.MeshBuilder.CreateBox("skyBox", { size: 150 }, scene); const skyboxMaterial = new BABYLON.StandardMaterial("skyBox", scene); skyboxMaterial.backFaceCulling = false; skyboxMaterial.reflectionTexture /assets/img/sky/skybox", scene); skyboxMaterial.reflectionTexture.coordinatesMode = BABYLON.Texture.SKYBOX_MODE = new BABYLON.Color3(0, 0, 0); skyboxMaterial.specularColor = new BABYLON.Color3(0, 0, 0); skybox.material
57920编辑于 2023-06-10 - 来自专栏韩曙亮的移动开发专栏
【Unity3D】3D 视图操作 ( 视图基本元素 | 导航器 | 栅格 | 天空盒 | 3D 视图操作 | 视图旋转 | 视图缩放 | 视图平移 | 导航器操作 | 恢复方向 | 顶、右、前视图 )
文章目录 一、3D 视图基本元素 1、导航器 Gizmo 2、栅格 Grid 3、天空盒 Skybox 二、3D 视图操作 1、视图旋转 2、视图缩放 3、视图平移 三、导航器操作 1、恢复方向 场景窗口 的 工具栏 最后侧 , 有个下拉菜单 , 点击该按钮 , 可以在弹出的设置中 , 滑动下方的拖动条 , 可以设置栅格线的透明度 , 1 是完全不透明 , 0 是完全透明 ; 3、天空盒 Skybox 在 Scene 窗口界面 中 , 在 栅格 Grid 上面的区域 是 " 天空盒 Skybox " , 用于设置游戏世界的背景 , 一般设置天空或者星空 ; 点击 按钮 , 可以 设置 打开
2.6K30编辑于 2023-03-30 - 来自专栏Tensorbytes
一个golang封装的3D web基础库
gocanvas.NewApplication(w) scene := app.Scene() // 创建一个摄像机 camera := gocanvas.DefaultCamera() // 创建一个天空盒 skybox nil { fmt.Fprintln(w, err.Error()) return } // 加入到场景中 scene.AddCamera(camera) scene.AddSkyBox(skybox
1.1K10编辑于 2022-06-28 - 来自专栏3D可视化
3D建模的时候怎么在模型上加字？
oLX7p0zOGLar_E2BzYn5fn8ZeaDs/file/bg.jpg'; 效果如下： 取消背景图片可直接设置背景颜色： app.background = 0x000000; 使用 app.skyBox ，目前 ThingJS 内置提供 BlueSky ， MilkyWay ，Night ， CloudySky， White ， Dark 这几种天空盒； 取消背景图片可直接设置背景颜色： app.skyBox = "Night"; 取消效果： app.skyBox = null; 使用 app.skyEffect 属性设置背景天空盒时间线； 取消背景图片可直接设置背景颜色： app.skyEffect
2K11发布于 2019-12-10 - 来自专栏青年码农
用Three.js构建三维世界的房子
/img/skyBox6/posx.jpg', './img/skyBox6/negx.jpg', './img/skyBox6/posy.jpg', '. /img/skyBox6/negy.jpg', './img/skyBox6/posz.jpg', '. /img/skyBox6/negz.jpg' ]; let cubeTexture = new THREE.CubeTextureLoader().load(urls); scene.background
2.4K21编辑于 2022-12-13
</ /front.jpg" alt="" />
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号