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

three.js bim

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

【three.js bim】内容共 240 条

转载 three.js

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

坐标轴

html

渲染器

css

二维

阅读 125 评论 2 点赞 0

mb5fcdf2ea5f3c5 1924 天前
原创 three.js光源

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

html

css

渲染器

阅读 0 评论 0 点赞 0

Immortality1 33 天前
原创 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

阅读 0 评论 0 点赞 0

Immortality1 33 天前
原创 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

阅读 0 评论 0 点赞 0

Immortality1 33 天前
原创 three.js入门

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

html

github

js库

阅读 0 评论 0 点赞 0

Immortality1 33 天前
原创 three.js模型

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

加载器

辅助函数

github

阅读 0 评论 0 点赞 0

Immortality1 33 天前
原创 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

阅读 0 评论 0 点赞 0

Immortality1 33 天前
原创 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

阅读 0 评论 0 点赞 0

Immortality1 33 天前
转载 three.js详解

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

3d

渲染器

html

透视投影

环境光

阅读 73 评论 2 点赞 0

mb5fe5608dce902 3311 天前
原创 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

阅读 0 评论 0 点赞 0

0611163 27 天前
转载 three.js学习

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

数据

封装

3d

贴图

js应用

阅读 106 评论 2 点赞 0

mob604756f85007 3323 天前
原创 Three.js入门

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

Three.js

阅读 259 评论 0 点赞 0

wx58f0846670609 317 天前
原创 three.js光源

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

three.js

点光源

3d

IT

阅读 215 评论 0 点赞 0

林晓威 266 天前
原创 three.js obj转js

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

python

右键

加载

阅读 0 评论 0 点赞 0

Immortality1 32 天前
转载 three.js入门3

为什么要用three.jsThree.js为我们封装了底层的WebGl接口，使我们在无需掌握繁冗的图形学知识的基础下可以轻松的创建三维场景。相比较使用底层的WebGL我们可以使用更少的代码，大大的降低了学习成本，使开发...

渲染器

html

背景色

阅读 0 评论 0 点赞 0

Immortality1 33 天前
原创 three.js 场景入门

<!DOCTYPE html><html><head> <title>Example 01.02 - First Scene</title> <script type="text/javascript" src="../libs/three.js"></script> <script typ...

html

javascript

坐标轴

阅读 0 评论 0 点赞 0

Immortality1 33 天前
原创 three.js入门2

新建一个html文件<!DOCTYPE html><html><head> <title></title> <style>canvas { width: 100%; height: 100% }</style></head><body> <script s...

html

js引擎

js对象

阅读 0 评论 0 点赞 0

Immortality1 33 天前
原创 Three.js 入门指南

![image.png](https://s2.51cto.com/images/20220118/1642517054577119.png?x-oss-process=image/watermark,size_14,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5naGVpdGk=...

html

渲染器

3d

three.js

webgl

阅读 719 评论 0 点赞 0

天行无忌 129 天前
转载 three.js 火焰效果

代码是网上找的代码，通过调参、修改、封装实现的。代码：/** * 火焰 */import * as THREE from '../build/three.module.js';let MyFire3 = function () { let fireVertexShader = `attribute vec4 orientation;a...

three.js

2d

i++

ide

阅读 0 评论 0 点赞 0

0611163 27 天前
原创 three.js 视频融合

MixVideo.js代码：//视频融合import * as THREE from '../build/three.module.js';import { API } from '../js.my/API.js';import { Msg } from '../js.my/Msg.js';import { createDebounce } from '../js.my/Utils....

three.js

ide

xcode

sed

阅读 0 评论 0 点赞 0

0611163 27 天前