Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
cqiang1993
AR.js
提交
3139ba60
A
AR.js
项目概览
cqiang1993
/
AR.js
与 Fork 源项目一致
从无法访问的项目Fork
通知
2
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
A
AR.js
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
3139ba60
编写于
4月 16, 2017
作者:
J
Jerome Etienne
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
more work
上级
1a7c138b
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
14 addition
and
40 deletion
+14
-40
three.js/examples/own-multimarker/README.md
three.js/examples/own-multimarker/README.md
+12
-0
three.js/examples/own-multimarker/threex-armarkerhelper.js
three.js/examples/own-multimarker/threex-armarkerhelper.js
+0
-39
three.js/examples/show-gravity.html
three.js/examples/show-gravity.html
+2
-1
未找到文件。
three.js/examples/own-multimarker/README.md
浏览文件 @
3139ba60
This is my own version of the multi markers.
Definition of multi marker.
a multi marker is a group of marker acting as one.
# Goal
Make a multi marker with a nice workflow. It must be as easy as possible for the user.
It must handle dynamic markers positions.
...
...
@@ -13,6 +18,13 @@ It must handle dynamic markers positions.
Thus even if only one sub-marker is visible, multi-marker position will still be tracked properly
# Area Learning Process
-
the user moves its phone around the area to learn
-
we detect markers position
-
we store statistics on the respective position between each marker
-
if i simultaneously see marker1 and marker2, i store the position of marker2 in relation to marker1
-
When the learning process is considered done, output a file containing a description of this multi-marker
# Motivation
there was to many bugs in artoolkit
...
...
three.js/examples/own-multimarker/threex-armarkerhelper.js
已删除
100644 → 0
浏览文件 @
1a7c138b
var
THREEx
=
THREEx
||
{}
THREEx
.
ArMarkerHelper
=
function
(
markerControls
){
this
.
object3d
=
new
THREE
.
Group
var
mesh
=
new
THREE
.
AxisHelper
()
this
.
object3d
.
add
(
mesh
)
// var text = markerControls.id
// debugger
var
text
=
markerControls
.
parameters
.
patternUrl
.
slice
(
-
1
).
toUpperCase
();
var
canvas
=
document
.
createElement
(
'
canvas
'
);
canvas
.
width
=
64
;
canvas
.
height
=
64
;
var
context
=
canvas
.
getContext
(
'
2d
'
);
var
texture
=
new
THREE
.
CanvasTexture
(
canvas
);
// put the text in the sprite
context
.
font
=
'
48px monospace
'
;
context
.
fillStyle
=
'
rgba(192,192,255, 0.5)
'
;
context
.
fillRect
(
0
,
0
,
canvas
.
width
,
canvas
.
height
);
context
.
fillStyle
=
'
darkblue
'
;
context
.
fillText
(
text
,
canvas
.
width
/
4
,
3
*
canvas
.
height
/
4
)
texture
.
needsUpdate
=
true
// var geometry = new THREE.CubeGeometry(1, 1, 1)
var
geometry
=
new
THREE
.
PlaneGeometry
(
1
,
1
)
var
material
=
new
THREE
.
MeshBasicMaterial
({
map
:
texture
,
transparent
:
true
});
var
mesh
=
new
THREE
.
Mesh
(
geometry
,
material
)
mesh
.
rotation
.
x
=
-
Math
.
PI
/
2
this
.
object3d
.
add
(
mesh
)
}
three.js/examples/show-gravity.html
浏览文件 @
3139ba60
...
...
@@ -31,7 +31,8 @@ gravityLength: <span id='gravityLength'></span><br/>
Absolute:
<span
id=
'orientationAbsolute'
></span><br/>
Alpha:
<span
id=
'orientationAlpha'
></span><br/>
Beta:
<span
id=
'orientationBeta'
></span><br/>
Gamma:
<span
id=
'orientationGamma'
></span><br/>
Gamma:
<span
id=
'orientationGamma'
></span><br/>
<script>
// README
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录