three 天空球_ThreeJS 创建简单天空盒

在ThreeJS里创建天空盒(SphereBufferGeometry)，然后给它一个蓝天的渐变效果。TS代码如下：

import * as THREE from 'three'

/**

* Creates a sky box with light blue sky.

export default class SkyUtils {

static NAME = 'SKY'

static vertexShader = '\

varying vec3 vWorldPosition; \

void main() { \

vec4 worldPosition = modelMatrix * vec4( position, 1.0 ); \

vWorldPosition = worldPosition.xyz; \

gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 ); \

static fragmentShader = ' \

uniform vec3 topColor; \

uniform vec3 bottomColor; \

uniform float offset; \

uniform float exponent; \

varying vec3 vWorldPosition; \

void main() { \

float h = normalize( vWorldPosition + offset ).y; \

gl_FragColor

three 天空球_ThreeJS 创建简单天空盒相关推荐

three 天空球_用three.js创建一个简易的天空盒
本文创建的天空盒是用六张图片来创建的.笔者会论述两种方法来创建,都是最简单基本的方法,不涉及着色器的使用. 一种是创建一个盒子,然后将图片作为盒子6个面的纹理贴上来创建. 另一种则是简单的将纹理作为场 ...
Unity 3D 创建简单的几何模型 || Unity 3D Assets 游戏资源目录管理
Unity 3D 创建简单的几何模型 Unity 3D 是一个强大的游戏开发引擎.在游戏开发中使用的模型常常是从外部导入的,Unity 3D 为了方便游戏开发者快速创建模型,提供了一些简单的几何模型, ...
Laya Air+Unity3D双引擎带你做个天空球3D小游戏(上篇)
上个月有个gz让我高仿做一个的天空球微信小游戏,当晚做出Demo后第二天那gz居然说不要了(很气愤),所以这个Demo一直保留至今,今天刚好就做为供大家学习Laya3D的demo分享给大家国际惯例先 ...
Linux下安装Weblogic10.3.6并创建简单集群测试
Linux下安装Weblogic10.3.6并创建简单集群进行测试一．卸载随系统安装的openjdk 1.先查看安装的jdk信息,常用命令有rpm -qa | grep java, rpm -qa ...
python编程例子输入输出-推荐：手把手教你用Python创建简单的神经网络（附代码）...
原标题:推荐 :手把手教你用Python创建简单的神经网络(附代码) 作者:Michael J.Garbade:翻译:陈之炎:校对:丁楠雅本文共2000字,9分钟. 本文将为你演示如何创建一个神经网 ...
django初探-创建简单的博客系统(一)
django第一步 1. django安装 pip install django print(django.get_version()) 查看django版本 2. 创建项目打开cmd,进入指定目录 ...
Maven一：maven的下载和环境安装以及创建简单的Maven项目
1.Maven的下载地址:https://maven.apache.org/download.cgi 2.将下载下来的文件解压到某个目录,如:C:\soft\Maven\apache-maven-3 ...
ROS探索总结（四）（五）（六）——简单的机器人仿真创建简单的机器人模型smartcar 使用smartcar进行仿真
ROS探索总结(四)--简单的机器人仿真前边我们已经介绍了ROS的基本情况,以及新手入门ROS的初级教程,现在就要真正的使用ROS进入机器人世界了.接下来我们涉及到的很多例程都是<ROS by ...
dingo php,用laravel dingo/api创建简单的api
这篇文章主要介绍了关于用laravel dingo/api创建简单的api,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 1,修改.env配置文件添加API_STANDARDS_TRE ...

three 天空球_ThreeJS 创建简单天空盒

three 天空球_ThreeJS 创建简单天空盒相关推荐

最新文章

热门文章