update 59dev...
FIX TITLE-- Hello World (Three.js)
<link rel=stylesheet href="css/base.css"/>
<script src="js/OrbitControls.js"></script>
REMOVE MESSAGE DIV
<!-- jQuery code to display an information button and box when clicked. -->
<script src="js/jquery-1.9.1.js"></script>
<script src="js/jquery-ui.js"></script>
<link rel=stylesheet href="css/jquery-ui.css" />
<link rel=stylesheet href="css/info.css"/>
<script src="js/info.js"></script>
<div id="infoButton"></div>
<div id="infoBox" title="Demo Information">
This three.js demo is part of a collection at
<a href="http://stemkoski.github.io/Three.js/">http://stemkoski.github.io/Three.js/</a>
</div>
<!-- ------------------------------------------------------------ -->
<div id="ThreeJS" style="position: absolute; left:0px; top:0px"></div>
<script>
/*
Three.js "tutorials by example"
Author: Lee Stemkoski
Date: July 2013 (three.js v59dev)
*/
container = document.getElementById( 'ThreeJS' );
controls = new THREE.OrbitControls( camera, renderer.domElement );
REMOVE z-INDEX 1 if there is a GUI
selective glow
-- group GUI opts into folders
-- repost to blog (update style), tweet, check SO questions and reanswer
atmosphere - also condense example? no more "two-scene"
particle system dynamic, next two,
many cameras -- .setClearColor()?
motion detection texture?!?
mouse tooltip -- update text label code
metaballs, metabubbles
CSG, CSS3D, Many-Cameras
require r58, r59dev fails for unknown reason.
graphuluses -- use gridhelper
gridhelper example? arrow helper? (done)
I really want to surf inside 3D knots!!!
create face-colored checkerboard
SVG renderer example
demo using accelerometer to rotate cube
does Ludei export webgl now?!?!?!?!?
Embed a youtube video in a scene
planar surface water-style reflection?
(1) reflection on a plane
(2) reflection on a plane blended with image
(3) reflection on a plane with partial transparency
(4) combine (2) and (3) with water animation via shaders. voila!
simulate real depth with head tracking
rewrite demos involving text labels to use new code from Sprite-Text-Labels.html (difference(s): uses raycasting, screen coordinates, dynamic label)
use RayPicker class?
math: spherical projection
-------------------
post normals question to SO regarding halo shader
morph-geo-2 + blog post re morphing
nearly ready:
anaglyph
morph-geo-1
shader-halo -> replace atmosphere?
webcam color tracking - how to smooth "on" pixels quickly? remove border points?
webcam augmented reality
webcam augmented reality cube
Shader-Simple
Skybox-Shader
The Geometry-to-Lines method
The Line-to-Cylinder method - include vertex to sphere? low-res version, use boxes instead for verts and edges.
Fancy04 - maybe rewrite this in unity instead
Earth-Galaxy
Multiple Models Loader
clean up marching-cubes using metaballs code variation
read about metaballs optimization on github link.
octant reduction -- only add values in 2*radius cube around center point.
*** for sensor devices: create a cube that tilts in response to device orientation. must be canvas-friendly (no textures, just face colors?)
*** (also a lead-in that gets that data)
Write:
- Single triangle/square creation methods
- shader materials (texture only, lambert only, lambert+texture) -- might be too hard because requires light data (position/color)
- Galaxy (Earth + Sun + Moon + Tweening + Shadows + Nightlights)
Jerome's awesomeness:
- Headtracker
mathiness -
implicit graph
Calculus-y variations:
tangent line, tangent plane, riemann prisms, ...
Vector field (R^3 -> R^3), dropped particles flow, leave trails...
Line integral - c(t) = <x(t),y(t)> & z = f(x,y)
Flux through surface
categorize table of contents...?
Future goals:
- model with subsurf
- physics
- tween
other recent thoughts:
dynamic terrain---
http://alteredqualia.com/three/examples/webgl_terrain_dynamic2.html
http://mrdoob.github.com/three.js/examples/webgl_trackballcamera_earth.html
view-source:mrdoob.github.io/three.js/examples/webgl_geometry_convex.html
what is THREE.ConvexGeometry?
When you click on a plane, object faces it and moves toward it.
(based on starcrafty SO question)
check wunderlist also
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
ThreeJs官方案例源码 (487个子文件)
jquery-ui.css 31KB
mathbox.css 10KB
index.css 4KB
index.css 4KB
index.css 4KB
index.css 4KB
info.css 1KB
base.css 115B
base.css 115B
crate.gif 66KB
index.html 39KB
3JSFPS.html 30KB
graph3d-deriv.html 13KB
Shader-Explorer.html 13KB
Voxel-Painter.html 12KB
Metabubbles.html 12KB
Polyhedra.html 12KB
Metaballs.html 12KB
Country-Select-Highlight.html 11KB
Many-Cameras.html 11KB
Earth-80Days.html 11KB
Camera-Texture.html 11KB
Morph-Geometries.html 11KB
Graphulus-Curve.html 10KB
Graphulus-Surface.html 10KB
Webcam-Motion-Detection-Texture.html 10KB
Topology-Data-2.html 10KB
Shader-Glow.html 10KB
LeapMotion.html 10KB
Viewports-Quad.html 9KB
Shapes.html 9KB
Graphulus-Function.html 9KB
Color-Explorer.html 9KB
Mesh-Movement-Gamepad.html 9KB
Selective-Glow.html 9KB
Sphere-Project.html 9KB
Viewports-Minimap-Effects-2.html 9KB
Viewports-Dual.html 9KB
Viewports-Minimap-Effects.html 9KB
graph2d-implicit.html 9KB
Atmosphere.html 8KB
Marching-Cubes.html 8KB
Shader-Fireball.html 8KB
Multiple-Cameras.html 8KB
Earth.html 8KB
HelloWorld.html 8KB
Mouse-Tooltip.html 8KB
Shader-Heightmap-Textures.html 8KB
Viewports-Minimap.html 7KB
ParticleSystem-PathMovement.html 7KB
GUI-Controller.html 7KB
Shader-Animate.html 7KB
Model-Animation-Control.html 7KB
Collision-Detection.html 7KB
Sprite-Text-Labels.html 7KB
Polyhedra-Touch3.html 7KB
Polyhedra-Touch2.html 7KB
Polyhedra-Touch.html 7KB
Particle-Engine.html 7KB
Topology-Data.html 7KB
Textures.html 7KB
Subdivision-Cube.html 7KB
Translucence.html 7KB
Labeled-Geometry.html 7KB
Webcam-Motion-Detection.html 7KB
Shader-Simple.html 7KB
ParticleSystem-Dynamic.html 7KB
Shadow.html 6KB
Mesh-Movement.html 6KB
Vertex-Colors.html 6KB
Chase-Camera.html 6KB
ParticleSystem-Attributes.html 6KB
FlatMirror-Water.html 6KB
Mouse-Over.html 6KB
Particle-Engine-Fireworks.html 6KB
Texture-Animation.html 6KB
Particles.html 6KB
Reflection.html 6KB
Shader-Heightmap-Smoothstep.html 6KB
graph2d-basic.html 6KB
Texture-Repeat.html 6KB
Mouse-Click.html 6KB
CSS3D.html 6KB
Webcam-Texture.html 6KB
Extrusion.html 6KB
ParticleSystem-Shader.html 6KB
Video.html 6KB
Shader-PixelLineWidth.html 6KB
Dashed-3D.html 6KB
Refraction.html 6KB
Text3D-Textures.html 6KB
Gamepad-Test.html 6KB
Shader-Heightmap.html 6KB
Model-Animation.html 5KB
Sprites.html 5KB
Shader-Attributes.html 5KB
Texture-From-Canvas.html 5KB
Shaders.html 5KB
Dashed-Lines.html 5KB
Bubble.html 5KB
共 487 条
- 1
- 2
- 3
- 4
- 5
资源评论
- AshleyK2023-07-24这个文件提供了很多有用的ThreeJs官方案例源码,非常适合初学者学习和实践。
- 啊看看2023-07-24它还提供了一些思路和技巧,让人对ThreeJs的应用有了更深入的理解和掌握,值得一读。
- 蓝洱2023-07-24这个文件整理得非常有条理,让人能够快速找到自己需要的源码示例,提高了学习效率。
- Xhinking2023-07-24它包含了丰富的示例代码,以及清晰的注释,对于理解ThreeJs的各种功能和技术起到了很好的辅助作用。
- 老许的花开2023-07-24每个案例源码都经过精心挑选和编写,质量很高,可以直接应用在实际项目中,非常实用。
发财猫MoneyCat
- 粉丝: 159
- 资源: 28
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功