首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Three.js基础

Intro 场景 场景基础 场景中显示东西,必要组件: 组件 说明 摄像机 决定屏幕上哪些东西需要渲染 光源 决定材质如何显示以及用于产生阴影 对象 摄像机透视图中主要的渲染兑现,如方块、球体 渲染器...requestAnimationFrame(render); renderer.render(scene, camera); } } 创建几何体 顶点和面就组合成了几何体 three.js...0.1 far(远面距离) far属性表示的是距离相机多远的位置截止渲染,如果设置的值偏小小,会有部分场景看不到 1000 zoom(变焦) zoom 属性可以放大和缩小场景。...0.1 far far属性表示的是距离相机多远的位置截止渲染,如果设置的值偏小小,会有部分场景看不到 1000 zoom(变焦) zoom 属性可以放大和缩小场景。

6010
您找到你想要的搜索结果了吗?
是的
没有找到

Three.js基础之变换3D对象 | 《Three.js基础直通04》

前言 经过上一小节《使用Three.js构建基础3D场景 | 《Three.js基础直通03》》,基础场景已经有了,现在我们来探索Three.js的一些功能。...我们可以从Three.js的文档中看到类的继承关系。 这些属性最终将被转换成我们对应的矩阵数值。Three.js,WebGL和GPU内部都使用矩阵Matrix来进行变换。...不过在本课程中,我们并不会学习quaternion四元数的工作原理,但请记住,当我们更改rotation时,四元数也会更新。我们可以随意使用两者中的任何一个。...mesh.rotation.x = Math.PI * 0.25 mesh.rotation.y = Math.PI * 0.25 /assets/lessons/05/step-07.png 成组 大部分真正的业务场景中...) ) cube3.position.x = 1.5 group.add(cube3) /assets/lessons/05/step-08.png 现在我们知道如何变化3D对象了,下一小节我们将学习如何创建动画

3.4K20

JavaSE 基础学习之二 —— Java 的部分基本语法

https://blog.csdn.net/ajianyingxiaoqinghan/article/details/80446146 接上文《JavaSE 基础学习之一 —— Java...Java 的部分基本语法 注:本篇文章部分记录时,老师默认我们有较佳的编程功底,故该部分讲的不深入,所以本篇笔记整理的比较简单随意。 1....包,访问权限 包 Package - 包是类名的一部分,如 aa.Person 中,aa 即为包名; import 用于导入包; java.lang 包下的类不用导包,可以直接使用; 访问权限:...可以在不同包下访问; private - 用于修饰成员,只能在类的内部访问; 默认的 - 只能在同一包下访问; protected - 在同一包下可以访问,不同包下的子类可以访问; ---- 接下篇《JavaSE 基础学习之三

40220

一文搞懂深度学习:神经网络基础部分

文章目录 前言 1、神经网络定义 2、深度学习定义 3、深度学习的历史 4、基础神经网络 (1)单层感知机 (2)多层神经网络 5、总结 前言 本文将从神经网络定义、深度学习定义、深度学习历史、基础神经网络来简单介绍神经网络的基础部分...深度学习是当今计算机视觉、语音识别、自然语言处理和人工智能等领域快速发展的基础。...4、基础神经网络 (1)单层感知机 感知机是一种使神经元从给定信息中学习算法,它有两种类型,单层感知机不包含隐藏层;而多层感知机包含一个或多个隐藏层;单层感知机是人工神经网络(ANN)最简单的形式。...在这个例子里,x包括了这四个输入变量,y则是我们要预测的价格;我们可以通过组合上图中介绍的几个单一神经元或基础预测模型,构建一个更大的神经网络;训练这样的神经网络时,你只需要在实现时给定训练集中多个样本的输入...我们称这是输入层,而神经网络中间的层则是密集连接的,每个输入特征都与这些中间的单元相连; 神经网络的显著特点是,只要有足够的数据和足够的包含x和y的训练样本,它们就能非常有效地找出从x到y的准确映射函数,这就是一个基础的神经网络

2510

什么是WebGL和为什么用Three.js | 《Three.js基础直通02》

是不是想立刻学习如何制作这样的网页? 在学习Three.js之前,让我们先了解下WebGL到底是什么。 什么是WebGL?...没错,三角形是组成数字3D世界的基础。大多数的现代浏览器都支持这个API,并且由于它可以使用GPU来进行计算,所以它速度很快。...还好有Three.js https://github.com/mrdoob/three.js Three.js是使用MIT开源协议的JavaScript库,底层使用WebGL API来工作。...不过,在这个课程的后期,我们也会学习一些着色器的API。虽然我也不太擅长这部分,但足以带大家入门。 有没有其它类似的库?...但是Three.js目前仍是最受欢迎的WebGL库,相关的资料和社区,以及案例都非常丰富,从这里入手学习是最佳选择。

2.2K30

技术角 | 架构学习书摘总结(一)概念和基础部分

最近阅读了一本架构方面的入门图书叫《从零开始学架构:照着做,你也能成为架构师》,部分内容比较不错,先做书摘总结,以便加深印象与未来回顾学习。...本文是该书第一部分,是书中第一、二、三章,主要介绍架构基础、架构设计原则、架构设计流程,涉及到架构概念、架构设计共性原则、架构设计四大流程等内容。...目录 ▪第一章 架构基础 ▪第二章 架构设计原则 ▪第三章 架构设计流程 ▪其他相关摘要 第一章 架构基础 概念:架构、框架、系统、子系统、模块、组件。...应对变化的方案: 第一种是将“变化”封装在一个“变化层”,将不变的部分封装在一个独立的“稳定层”。...这里的“创新”既包括开创一个全新的技术领域(这个要求对绝大部分公司太高),也包括引入新技术,如果没有找到能够解决问题的新技术,那么真的就需要自己创造新的技术。

77140
领券