mirror of
https://github.com/seigler/webgl-threejs-hello
synced 2025-07-27 09:46:13 +00:00
Updates
This commit is contained in:
Joshua Seigler
commit
f0199a7b5a
8 changed files with 350 additions and 0 deletions
1
app.css
Normal file
1
app.css
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
body,html{position:relative;margin:0;padding:0;width:100%;height:100%;color:#f3f3f4;overflow:hidden}canvas{position:absolute}
|
||||||
52
app.js
Normal file
52
app.js
Normal file
File diff suppressed because one or more lines are too long
BIN
blue_eyeball/scene.bin
Normal file
BIN
blue_eyeball/scene.bin
Normal file
Binary file not shown.
285
blue_eyeball/scene.gltf
Normal file
285
blue_eyeball/scene.gltf
Normal file
|
|
@ -0,0 +1,285 @@
|
||||||
|
{
|
||||||
|
"accessors": [
|
||||||
|
{
|
||||||
|
"bufferView": 2,
|
||||||
|
"componentType": 5126,
|
||||||
|
"count": 687,
|
||||||
|
"max": [
|
||||||
|
0.9271240234375,
|
||||||
|
0.9271240234375,
|
||||||
|
1
|
||||||
|
],
|
||||||
|
"min": [
|
||||||
|
-0.9271240234375,
|
||||||
|
-0.9271240234375,
|
||||||
|
-1
|
||||||
|
],
|
||||||
|
"type": "VEC3"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"bufferView": 2,
|
||||||
|
"byteOffset": 8244,
|
||||||
|
"componentType": 5126,
|
||||||
|
"count": 687,
|
||||||
|
"max": [
|
||||||
|
1,
|
||||||
|
1,
|
||||||
|
1
|
||||||
|
],
|
||||||
|
"min": [
|
||||||
|
-1,
|
||||||
|
-1,
|
||||||
|
-1
|
||||||
|
],
|
||||||
|
"type": "VEC3"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"bufferView": 3,
|
||||||
|
"componentType": 5126,
|
||||||
|
"count": 687,
|
||||||
|
"max": [
|
||||||
|
0.60006600618362427,
|
||||||
|
0.99993300437927246,
|
||||||
|
0.99986398220062256,
|
||||||
|
1
|
||||||
|
],
|
||||||
|
"min": [
|
||||||
|
-0.53386002779006958,
|
||||||
|
-0.9997289776802063,
|
||||||
|
-0.99982798099517822,
|
||||||
|
1
|
||||||
|
],
|
||||||
|
"type": "VEC4"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"bufferView": 1,
|
||||||
|
"componentType": 5126,
|
||||||
|
"count": 687,
|
||||||
|
"max": [
|
||||||
|
0.9788060188293457,
|
||||||
|
1
|
||||||
|
],
|
||||||
|
"min": [
|
||||||
|
0,
|
||||||
|
0
|
||||||
|
],
|
||||||
|
"type": "VEC2"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"bufferView": 0,
|
||||||
|
"componentType": 5125,
|
||||||
|
"count": 3888,
|
||||||
|
"max": [
|
||||||
|
686
|
||||||
|
],
|
||||||
|
"min": [
|
||||||
|
0
|
||||||
|
],
|
||||||
|
"type": "SCALAR"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"asset": {
|
||||||
|
"extras": {
|
||||||
|
"author": "Tom Hodes (https://sketchfab.com/tomhodes)",
|
||||||
|
"license": "CC-BY-4.0 (http://creativecommons.org/licenses/by/4.0/)",
|
||||||
|
"source": "https://sketchfab.com/models/18915d2f17a2431fbefeb3eaf4411f16",
|
||||||
|
"title": "Blue Eyeball (Free)"
|
||||||
|
},
|
||||||
|
"generator": "Sketchfab-3.19.6",
|
||||||
|
"version": "2.0"
|
||||||
|
},
|
||||||
|
"bufferViews": [
|
||||||
|
{
|
||||||
|
"buffer": 0,
|
||||||
|
"byteLength": 15552,
|
||||||
|
"byteOffset": 0,
|
||||||
|
"name": "floatBufferViews",
|
||||||
|
"target": 34963
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"buffer": 0,
|
||||||
|
"byteLength": 5496,
|
||||||
|
"byteOffset": 15552,
|
||||||
|
"byteStride": 8,
|
||||||
|
"name": "floatBufferViews",
|
||||||
|
"target": 34962
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"buffer": 0,
|
||||||
|
"byteLength": 16488,
|
||||||
|
"byteOffset": 21048,
|
||||||
|
"byteStride": 12,
|
||||||
|
"name": "floatBufferViews",
|
||||||
|
"target": 34962
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"buffer": 0,
|
||||||
|
"byteLength": 10992,
|
||||||
|
"byteOffset": 37536,
|
||||||
|
"byteStride": 16,
|
||||||
|
"name": "floatBufferViews",
|
||||||
|
"target": 34962
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"buffers": [
|
||||||
|
{
|
||||||
|
"byteLength": 48528,
|
||||||
|
"uri": "scene.bin"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"images": [
|
||||||
|
{
|
||||||
|
"uri": "textures/blinn2_baseColor.png"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"uri": "textures/blinn2_metallicRoughness.png"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"uri": "textures/blinn2_normal.png"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"materials": [
|
||||||
|
{
|
||||||
|
"alphaMode": "BLEND",
|
||||||
|
"doubleSided": true,
|
||||||
|
"emissiveFactor": [
|
||||||
|
0,
|
||||||
|
0,
|
||||||
|
0
|
||||||
|
],
|
||||||
|
"name": "blinn2",
|
||||||
|
"normalTexture": {
|
||||||
|
"index": 2,
|
||||||
|
"scale": 1,
|
||||||
|
"texCoord": 0
|
||||||
|
},
|
||||||
|
"occlusionTexture": {
|
||||||
|
"index": 1,
|
||||||
|
"strength": 1,
|
||||||
|
"texCoord": 0
|
||||||
|
},
|
||||||
|
"pbrMetallicRoughness": {
|
||||||
|
"baseColorFactor": [
|
||||||
|
1,
|
||||||
|
1,
|
||||||
|
1,
|
||||||
|
1
|
||||||
|
],
|
||||||
|
"baseColorTexture": {
|
||||||
|
"index": 0,
|
||||||
|
"texCoord": 0
|
||||||
|
},
|
||||||
|
"metallicFactor": 1,
|
||||||
|
"metallicRoughnessTexture": {
|
||||||
|
"index": 1,
|
||||||
|
"texCoord": 0
|
||||||
|
},
|
||||||
|
"roughnessFactor": 1
|
||||||
|
}
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"meshes": [
|
||||||
|
{
|
||||||
|
"name": "defaultMaterial",
|
||||||
|
"primitives": [
|
||||||
|
{
|
||||||
|
"attributes": {
|
||||||
|
"NORMAL": 1,
|
||||||
|
"POSITION": 0,
|
||||||
|
"TANGENT": 2,
|
||||||
|
"TEXCOORD_0": 3
|
||||||
|
},
|
||||||
|
"indices": 4,
|
||||||
|
"material": 0,
|
||||||
|
"mode": 4
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"nodes": [
|
||||||
|
{
|
||||||
|
"children": [
|
||||||
|
1
|
||||||
|
],
|
||||||
|
"name": "RootNode (gltf orientation matrix)",
|
||||||
|
"rotation": [
|
||||||
|
-0.70710678118654746,
|
||||||
|
-0,
|
||||||
|
-0,
|
||||||
|
0.70710678118654757
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"children": [
|
||||||
|
2
|
||||||
|
],
|
||||||
|
"name": "RootNode (model correction matrix)"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"children": [
|
||||||
|
3
|
||||||
|
],
|
||||||
|
"matrix": [
|
||||||
|
1,
|
||||||
|
0,
|
||||||
|
0,
|
||||||
|
0,
|
||||||
|
0,
|
||||||
|
-4.3711390063094768e-08,
|
||||||
|
0.999999999999999,
|
||||||
|
0,
|
||||||
|
0,
|
||||||
|
-0.999999999999999,
|
||||||
|
-4.3711390063094768e-08,
|
||||||
|
0,
|
||||||
|
0,
|
||||||
|
0,
|
||||||
|
0,
|
||||||
|
1
|
||||||
|
],
|
||||||
|
"name": "Collada visual scene group"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"children": [
|
||||||
|
4
|
||||||
|
],
|
||||||
|
"name": "low"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"mesh": 0,
|
||||||
|
"name": "defaultMaterial"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"samplers": [
|
||||||
|
{
|
||||||
|
"magFilter": 9729,
|
||||||
|
"minFilter": 9987,
|
||||||
|
"wrapS": 10497,
|
||||||
|
"wrapT": 10497
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"scene": 0,
|
||||||
|
"scenes": [
|
||||||
|
{
|
||||||
|
"name": "OSG_Scene",
|
||||||
|
"nodes": [
|
||||||
|
0
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"textures": [
|
||||||
|
{
|
||||||
|
"sampler": 0,
|
||||||
|
"source": 0
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"sampler": 0,
|
||||||
|
"source": 1
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"sampler": 0,
|
||||||
|
"source": 2
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
|
||||||
BIN
blue_eyeball/textures/blinn2_baseColor.png
Normal file
BIN
blue_eyeball/textures/blinn2_baseColor.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.5 MiB |
BIN
blue_eyeball/textures/blinn2_metallicRoughness.png
Normal file
BIN
blue_eyeball/textures/blinn2_metallicRoughness.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 242 KiB |
BIN
blue_eyeball/textures/blinn2_normal.png
Normal file
BIN
blue_eyeball/textures/blinn2_normal.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 MiB |
12
index.html
Normal file
12
index.html
Normal file
|
|
@ -0,0 +1,12 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Brunch - Three.js - es6</title>
|
||||||
|
<link rel="stylesheet" href="app.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<script type="text/javascript" src="app.js"></script>
|
||||||
|
<script>require('main')</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Add table
Add a link
Reference in a new issue