51CTO博客>热门标签>three.js 教程

three.js 教程

全部文章近期文章热门文章标签简介

【three.js 教程】内容共 240 条

原创 Three.js 教程 sphera

网上有不少的 Three.js 和 Webgl 教程, 在这里我向大家介绍怎么用这些简单的知识做一些有创意的作品. 建议用chrome 或者 firefox. 如果不支持webgl 或者没有纹理按这里这个作品是用3个球形来完成的. 第一个是最内...

教程

阅读 743 评论 0 点赞 0

tmir 3516 天前
原创 Three.js视频教程

three.js入门速成javascript:void(0)元素周期表-three.js实战详解javascript:void(0)three.js打造智能饲料加工厂javascript:void(0)three.js-打造VR看房快速掌握3D开发javascript:void(0...

three.js

three.js视频教程

javascript

3d

阅读 0 评论 0 点赞 0

liuhao951866 58 天前
转载 three.js

　　　　threejs是webgl的一个库,通过它我们可以利用大量已有的api做出很好的3d图形. 第一部分：html页面框架 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> ...

坐标轴

html

渲染器

css

二维

阅读 131 评论 2 点赞 0

mb5fcdf2ea5f3c5 1958 天前
原创 three.js光源

①基本光源 THREE.AmbientLight 属性为color 使用此光源时，此光源的颜色将会应用到全局，即场景中的所有物体都有这种光源的颜色，通常不能将它作为唯一光源，它不会生成阴影 ②点光源THRE...

three.js

点光源

3d

IT

阅读 222 评论 0 点赞 0

林晓威 300 天前
原创 three.js阴影

<!DOCTYPE html><html><head> <title>Example 01.03 - Materials and light</title> <script type="text/javascript" src="../libs/three.js"></script> <sc...

javascript

html

jquery

阅读 58 评论 0 点赞 0

Immortality1 67 天前
原创 three.js入门

1.下载three.js库。https://github.com/mrdoob/three.js/第一步：新建一个项目文件夹“Threejs”第二步：在Threejs文件夹内新建一个html文件（index.html）。该文件是通过浏览器进入游戏的入口。第三步：在T...

html

github

js库

阅读 113 评论 0 点赞 0

Immortality1 67 天前
原创 three.js光源

在Threejs中，光源用Light表示，它是所有光源的基类。它的构造函数是：THREE.Light ( hex )它有一个参数hex，接受一个16进制的颜色值。例如要定义一种红色的光源，我们可以这样来定义：Var redLight = new THREE.Lig...

html

css

渲染器

阅读 80 评论 0 点赞 0

Immortality1 67 天前
原创 three.js贴图

使用图像作为材质。这时候，就需要导入图像作为纹理贴图，并添加到相应的材质中<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html>...

html

javascript

3c

阅读 149 评论 0 点赞 0

Immortality1 67 天前
原创 three.js材质

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html> <head> <script type="text/javascript" src="libs/three...

html

javascript

3c

阅读 75 评论 0 点赞 0

Immortality1 67 天前
原创 three.js运动

<!DOCTYPE html><html><head> <title>Example 01.04 - Materials, light and animation</title> <script type="text/javascript" src="../libs/three.js"></script>...

javascript

html

jquery

阅读 66 评论 0 点赞 0

Immortality1 67 天前
转载 three.js详解

开场白 webGL可以让我们在canvas上实现3D效果。而three.js是一款webGL框架，由于其易用性被广泛应用。如果你要学习webGL，抛弃那些复杂的原生接口从这款框架入手是一个不错的选择。博主目前也在学习three.js，发...

3d

渲染器

html

透视投影

环境光

阅读 81 评论 2 点赞 0

mb5fe5608dce902 3345 天前
转载 three.js学习

一. 获取THREE.js 我们可以用git来获取代码，闲麻烦的话也可以直接下载zip文件。二. 目录结构拿到代码后先看下three.js的目录结构 |-build |-custom |-Three.js |-examples |-gui |-src |-came...

数据

封装

3d

贴图

js应用

阅读 108 评论 2 点赞 0

mob604756f85007 3357 天前
原创 three.js模型

Three.js有一系列导入外部文件的辅助函数，是在three.js之外的，使用前需要额外下载，在https://github.com/mrdoob/three.js/tree/master/examples/js/loaders可以找到。*.obj是最常用的模型格式，导入*.obj文件需要...

加载器

辅助函数

github

阅读 99 评论 0 点赞 0

Immortality1 67 天前
原创 Three.js入门

　　　　什么是WebGL。WebGL是在浏览器中实现三维效果的一套规范。使用WebGL原生的API来写3D程序是一件非常痛苦的事情，幸好，有很多同行花业余时间写了一些WebGL开源框架，其中three.js就是非常优秀的一个。　　...

Three.js

阅读 290 评论 0 点赞 0

wx58f0846670609 351 天前
原创 Three.js 入门

Demo代码地址：https://gitee.com/s0611163/three.js-demoThree.jsThree.js下载从GitHub上下载一个Release版本，https://github.com/mrdoob/three.js，本Demo使用的是r112版本，下载地址：three...

three.js

默认值

加载

github

阅读 113 评论 0 点赞 0

0611163 61 天前
原创 three.js obj转js

js格式的模型文件是three.js中可以直接加载的文件。使用THREE.JSONLoader()直接加载，而不需要引用其它的loader插件。obj格式转js格式使用的是threejs.org官方提供的一个convert_obj_three.py的工具，这个工具的使用...

python

右键

加载

阅读 154 评论 0 点赞 0

Immortality1 66 天前
转载 three.js 居中-模型

api：代码： <!DOCTYPE html> <html lang="en"> <head> <title>three.js webgl - loaders - 3DS loader</title> <meta charset="utf-8"> <me...

html

css

环境光

scala

3d

阅读 102 评论 2 点赞 0

mob604756e5abbc 944 天前
转载 three.js 离线API

IT

阅读 131 评论 2 点赞 0

mob604756e5abbc 941 天前
转载 three.js 居中-组

代码：<!DOCTYPE html><html lang="en"><head> <title>three.js webgl - loaders - 3DS loader</title> <meta charset="utf-8"> <meta name="viewport" content=...

html

3d

css

.net

环境光

阅读 106 评论 2 点赞 0

mob604756ef7d06 944 天前
原创 Three.js活地图

HTML5时代3D技术是网游和手游开发的制高点之一，本文介绍的是基于javascript的著名3D开源引擎之一的three.js中的主要对象及其间关系展示。图1:基本渲染顺序示意图图2:引擎核心对象架构示意图...

3D

js

three

阅读 2020 评论 0 点赞 0

googlingman 专栏作者 2230 天前