<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Tabler Icons - version 2.11.0</title>
<link rel="preconnect" href="https://rsms.me/">
<link rel="stylesheet" href="https://rsms.me/inter/inter.css">
<link rel="stylesheet" href="./tabler-icons.css">
<style>
* { margin: 0; border: 0; outline: 0; box-sizing: border-box; }
body {
font-family: 'Inter', sans-serif;
background: #fafbfc;
font-size: 1rem;
padding: 1rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
code {
font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
background: #fafafa;
border: 1px solid #f0f0f0;
color: #666;
padding: 2px 4px;
margin-bottom: 2px;
}
.container {
max-width: 73rem;
margin: 0 auto;
}
.box {
padding: 1rem;
background: #fff;
box-shadow: 0 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1);
border-radius: 3px;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.tabler-icons {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.tabler-icon {
width: 10rem;
font-size: 12px;
text-align: center;
padding: .5rem .25rem 2rem;
}
.tabler-icon i {
display: block;
align-items: center;
font-size: 32px;
height: 1em;
margin-bottom: 1rem;
}
.tabler-icon code {
font-size: 10px;
}
.tabler-icon strong {
display: block;
margin-bottom: .5rem;
font-weight: 600;
}
.tabler-icon-codes {
line-height: 2em;
}
.text-muted {
color: #999;
}
.header {
text-align: center;
margin: 2rem 0 3rem;
}
.search-bar {
padding: 0.75rem 1.5rem;
background: #fff;
box-shadow: 0 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1);
border-radius: 3px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.search-bar input[name=search] {
padding: 0.5rem;
background: #fafbfc;
box-shadow: 0 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1);
width: 100%;
font: inherit;
}
</style>
</head>
<body>
<div class="container">
<header class="header">
<h1>
Tabler Icons
</h1>
<p class="text-muted">version 2.11.0</p>
</header>
<div class="search-bar">
<input type="text" name="search" placeholder="type to search" />
</div>
<div class="box">
<div class="tabler-icons">
<div class="tabler-icon">
<i class="ti ti-123"></i>
<strong>123</strong>
<div class="tabler-icon-codes">
<code>ti ti-123</code><br>
<code>\f554</code>
</div>
</div>
<div class="tabler-icon">
<i class="ti ti-24-hours"></i>
<strong>24-hours</strong>
<div class="tabler-icon-codes">
<code>ti ti-24-hours</code><br>
<code>\f5e7</code>
</div>
</div>
<div class="tabler-icon">
<i class="ti ti-2fa"></i>
<strong>2fa</strong>
<div class="tabler-icon-codes">
<code>ti ti-2fa</code><br>
<code>\eca0</code>
</div>
</div>
<div class="tabler-icon">
<i class="ti ti-360"></i>
<strong>360</strong>
<div class="tabler-icon-codes">
<code>ti ti-360</code><br>
<code>\f62f</code>
</div>
</div>
<div class="tabler-icon">
<i class="ti ti-360-view"></i>
<strong>360-view</strong>
<div class="tabler-icon-codes">
<code>ti ti-360-view</code><br>
<code>\f566</code>
</div>
</div>
<div class="tabler-icon">
<i class="ti ti-3d-cube-sphere"></i>
<strong>3d-cube-sphere</strong>
<div class="tabler-icon-codes">
<code>ti ti-3d-cube-sphere</code><br>
<code>\ecd7</code>
</div>
</div>
<div class="tabler-icon">
<i class="ti ti-3d-cube-sphere-off"></i>
<strong>3d-cube-sphere-off</strong>
<div class="tabler-icon-codes">
<code>ti ti-3d-cube-sphere-off</code><br>
<code>\f3b5</code>
</div>
</div>
<div class="tabler-icon">
<i class="ti ti-3d-rotate"></i>
<strong>3d-rotate</strong>
<div class="tabler-icon-codes">
<code>ti ti-3d-rotate</code><br>
<code>\f020</code>
</div>
</div>
<div class="tabler-icon">
<i class="ti ti-a-b"></i>
<strong>a-b</strong>
<div class="tabler-icon-codes">
<code>ti ti-a-b</code><br>
<code>\ec36</code>
</div>
</div>
<div class="tabler-icon">
<i class="ti ti-a-b-2"></i>
<strong>a-b-2</strong>
<div class="tabler-icon-codes">
<code>ti ti-a-b-2</code><br>
<code>\f25f</code>
</div>
</div>
<div class="tabler-icon">
<i class="ti ti-a-b-off"></i>
<strong>a-b-off</strong>
<div class="tabler-icon-codes">
<code>ti ti-a-b-off</code><br>
<code>\f0a6</code>
</div>
</div>
<div class="tabler-icon">
<i class="ti ti-abacus"></i>
<strong>abacus</strong>
<div class="tabler-icon-codes">
<code>ti ti-abacus</code><br>
<code>\f05c</code>
</div>
</div>
<div class="tabler-icon">
<i class="ti ti-abacus-off"></i>
<strong>abacus-off</strong>
<div class="tabler-icon-codes">
<code>ti ti-abacus-off</code><br>
<code>\f3b6</code>
</div>
</div>
<div class="tabler-icon">
<i class="ti ti-abc"></i>
<strong>abc</strong>
<div class="tabler-icon-codes">
<code>ti ti-abc</code><br>
<code>\f567</code>
</div>
</div>
<div class="tabler-icon">
<i class="ti ti-access-point"></i>
<strong>access-point</strong>
<div class="tabler-icon-codes">
<code>ti ti-access-point</code><br>
<code>\ed1b</code>
</div>
</div>
<div class="tabler-icon">
<i class="ti ti-access-point-off"></i>
<strong>access-point-off</strong>
<div class="tabler-icon-codes">
<code>ti ti-access-point-off</code><br>
<code>\ed1a</code>
</div>
</div>
<div class="tabler-icon">
<i class="ti ti-accessible"></i>
<strong>accessible</strong>
<div class="tabler-icon-codes">
<code>ti ti-accessible</code><br>
<code>\eba9</code>
</div>
</div>
<div class="tabler-icon">
<i class="ti ti-accessible-off"></i>
<strong>accessible-off</strong>
<div class="tabler-icon-codes">
<code>ti ti-accessible-off</code><br>
<code>\f0a7</code>
</div>
</div>
<div class="tabler-icon">
<i class="ti ti-accessible-off-filled"></i>
<strong>accessible-off-filled</strong>
<div class="tabler-icon-codes">
<code>ti ti-accessible-off-filled</code><br>
<code>\f6ea</code>
</div>
</div>
<div class="tabler-icon">
<i class="ti ti-activity"></i>
<strong>activity</strong>
<div class="tabler-icon-codes">
<code>ti ti-activity</code><br>
<code>\ed23</code>
</div>
</div>
<div class="tabler-icon">
<i class="ti ti-activity-heartbeat"></i>
<strong>activity-heartbeat</strong>
<div class="tabler-icon-codes">
<code>ti ti-activity-heartbeat</code><br>
<code>\f0db</code>
</div>
</div>
<div class="tabler-icon">
<i class="ti ti-ad"></i>
<strong>ad</strong>
<div class="tabler-icon-codes">
<code>ti ti-ad</code><br>
<code>\ea02</code>
</div>
</div>
<div class="tabler-icon">
<i class="ti ti-ad-2"></i>
<strong>ad-2</strong>
<div class="tabler-icon-codes">
<code>ti ti-ad-2</code><br>
<code>\ef1f</code>
</div>
</div>
<div class="tabler-icon">
<i class="ti ti-ad-circle"></i>
<strong>ad-circle</strong>
<div class="tabler-icon-codes">
<code>ti ti-ad-circle</code><br>
<code>\f79e</code>
</div>
</div>
<div class="tabler-icon">
<i class="ti ti-ad-circle-filled"></i>
<strong>ad-circle-fil
ThreeJS-r170版本的源码案例,2024年10月31日发布版本
需积分: 0 193 浏览量
更新于2024-11-12
收藏 345.96MB ZIP 举报
ThreeJS 是一个基于WebGL的JavaScript库，它允许开发者在浏览器中创建三维图形和动画，无需用户安装任何插件。ThreeJS源码案例提供了最新的功能和优化，使得开发复杂的3D交互式应用变得更加便捷。
在ThreeJS中，WebGL是关键，它是Web上的一个图形编程接口，它基于OpenGL标准，由W3C维护，并被现代浏览器广泛支持。WebGL使得开发者可以直接在网页中渲染3D图形，与JavaScript结合使用，可以创建出丰富的、动态的3D内容。
`three.js-master`这个文件夹很可能包含了ThreeJS库的完整源代码，以及一系列示例项目。通常，这样的源码仓库会包括以下几个部分：
1. **src**：这是核心源代码所在的目录，包含了ThreeJS的所有核心类和模块，如场景(Scene)、相机(Camera)、几何体(Geometry)、材质(Material)、光源(Light)、渲染器(Renderer)等。
2. **examples**：这个目录通常包含了大量的示例代码，用于演示ThreeJS的各种功能和用法，如
ThreeJS-r170版本的源码案例,2024年10月31日发布版本 （2000个子文件） 
tabler-icons.css 196KB tabler-icons.min.css 160KB main.css 11KB lesson.css 8KB lang.css 3KB threejs-tutorials.css 3KB main.css 1KB threejs-primitives.css 1KB threejs-material-table.css 1002B threejs-lessons.css 950B index.css 777B lang.css 589B open-sans.css 578B lesson-helper.css 322B threejs-textures.css 226B lang.css 128B threejs-align-html-elements-to-3d.css 77B
tabler-icons.html 907KB game.html 91KB game.html 82KB offscreencanvas.html 54KB offscreencanvas.html 49KB offscreencanvas.html 48KB voxel-geometry.html 46KB offscreencanvas.html 44KB voxel-geometry.html 43KB offscreencanvas.html 43KB textures.html 42KB debugging-javascript.html 40KB load-obj.html 39KB cameras.html 38KB load-obj.html 37KB load-gltf.html 36KB textures.html 36KB shadows.html 36KB textures.html 35KB load-gltf.html 35KB lights.html 35KB load-obj.html 35KB align-html-elements-to-3d.html 35KB textures.html 34KB align-html-elements-to-3d.html 34KB load-gltf.html 32KB debugging-javascript.html 32KB align-html-elements-to-3d.html 32KB load-obj.html 32KB load-gltf.html 32KB scenegraph.html 32KB debugging-javascript.html 32KB textures.html 32KB align-html-elements-to-3d.html 32KB textures.html 31KB fundamentals.html 31KB indexed-textures.html 31KB lights.html 31KB scenegraph.html 31KB indexed-textures.html 31KB cameras.html 31KB cameras.html 31KB optimize-lots-of-objects.html 31KB lights.html 31KB shadows.html 31KB cameras.html 30KB scenegraph.html 30KB scenegraph.html 30KB multiple-scenes.html 30KB cameras.html 30KB fundamentals.html 29KB lights.html 29KB debugging-javascript.html 29KB multiple-scenes.html 29KB shadows.html 29KB indexed-textures.html 29KB lights.html 29KB custom-buffergeometry.html 29KB multiple-scenes.html 29KB shadows.html 29KB scenegraph.html 29KB optimize-lots-of-objects-animated.html 29KB scenegraph.html 29KB indexed-textures.html 28KB lights.html 28KB debugging-javascript.html 28KB shadows.html 28KB multiple-scenes.html 28KB multiple-scenes.html 27KB cameras.html 27KB optimize-lots-of-objects.html 27KB optimize-lots-of-objects.html 27KB fundamentals.html 27KB game-conga-line-w-notes.html 26KB fundamentals.html 26KB primitives.html 26KB shadows.html 26KB shadertoy.html 25KB primitives.html 25KB custom-buffergeometry.html 25KB primitives.html 25KB shadertoy.html 25KB optimize-lots-of-objects.html 25KB共 2000 条
- 1
- 2
- 3
- 4
- 5
- 6
- 20
5星 · 资源好评率100%108 浏览量
5星 · 资源好评率100% 5星 · 资源好评率100%107 浏览量
2024-06-04 上传
163 浏览量
126 浏览量
5星 · 资源好评率100% 5星 · 资源好评率100%182 浏览量
105 浏览量
5星 · 资源好评率100%117 浏览量
5星 · 资源好评率100%159 浏览量
159 浏览量
2023-08-28 上传
5星 · 资源好评率100%资源评论
- #完美解决问题
- #运行顺畅
- #内容详尽
- #全网独家
- #注释完整
cwr888
- 粉丝: 530
- 资源: 46
