Skip to content

Commit

Permalink
Updates
Browse files Browse the repository at this point in the history
  • Loading branch information
@yuda-lyu
yuda-lyu committed Jan 10, 2024
1 parent de7f64e commit 33dd6fe
Show file tree
Hide file tree
Showing 50 changed files with 892 additions and 322 deletions.
2 changes: 1 addition & 1 deletion examples/app.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,7 @@


<!-- app -->
<script src="app.umd.js?1704814529209"></script>
<script src="app.umd.js?1704871932763"></script>

</head>
<body style="font-family:'Microsoft JhengHei','Avenir','Helvetica'; padding:0px; margin:0px;">
Expand Down
6 changes: 3 additions & 3 deletions examples/app.umd.js
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion examples/app.umd.js.map
View file

Large diffs are not rendered by default.

26 changes: 19 additions & 7 deletions examples/ex-AppBasicAutoRotateDeg.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@
/>

<!-- w-threejs-vue -->
<script src="https://cdn.jsdelivr.net/npm/w-threejs-vue@1.0.1/dist/w-threejs-vue.umd.js"></script>
<script src="https://cdn.jsdelivr.net/npm/w-threejs-vue@1.0.2/dist/w-threejs-vue.umd.js"></script>

<!-- lodash -->
<script src="https://cdn.jsdelivr.net/npm/lodash@latest/lodash.min.js"></script>
Expand All @@ -70,8 +70,19 @@
</script>

<style>
.item-link {
display: inline-block;
margin: 10px 10px 0px 0px;
padding: 5px 10px;
font-size: 0.8rem;
color: #fff;
background-color: #443a65;
cursor: pointer;
text-decoration: none;
}
.bkh {
padding: 20px; /* 寬 */
/* 寬 */
padding: 20px;
}
@media screen and (max-width: 800px) {
/* 中 */
Expand All @@ -86,7 +97,8 @@
}
}
.bkp {
padding: 0px 20px; /* 寬 */
/* 寬 */
padding: 0px 20px;
}
@media screen and (max-width: 800px) {
/* 中 */
Expand All @@ -105,7 +117,7 @@
<body
style="font-family:'Microsoft JhengHei','Avenir','Helvetica'; padding:0px; margin:0px;"
>
<div id="app" style="padding:0px 30px;">
<div id="app" class="bkh" style>
<div class="bkh">
<div style="font-size:1.5rem;">autoRotateDeg</div>
<a
Expand All @@ -124,7 +136,7 @@
<div style="display:flex; padding-bottom:40px; overflow-x:auto;">
<div style="position:relative;">
<div
style="position:absolute; right:2px; top:1px; z-index:1;"
style="position:absolute; right:2px; top:1px; text-align:right; z-index:1;"
v-if="!loading"
>
<button
Expand All @@ -139,9 +151,9 @@
<w-threejs-vue :opt="opt" @init="loading=false"></w-threejs-vue>
</div>

<div style="padding-left:20px;">
<div style="padding:0px 20px;">
<div
:style="`border:1px solid #ddd; width:600px; min-width:600px; height:${opt.height}px; overflow-y:auto;`"
:style="`border:1px solid #ddd; width:590px; min-width:590px; height:${opt.height}px; overflow-y:auto;`"
>
<div style="padding-left:5px;">
<div id="optjson" style="font-size:10pt;"></div>
Expand Down
26 changes: 19 additions & 7 deletions examples/ex-AppBasicBackgroundColor.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@
/>

<!-- w-threejs-vue -->
<script src="https://cdn.jsdelivr.net/npm/w-threejs-vue@1.0.1/dist/w-threejs-vue.umd.js"></script>
<script src="https://cdn.jsdelivr.net/npm/w-threejs-vue@1.0.2/dist/w-threejs-vue.umd.js"></script>

<!-- lodash -->
<script src="https://cdn.jsdelivr.net/npm/lodash@latest/lodash.min.js"></script>
Expand All @@ -70,8 +70,19 @@
</script>

<style>
.item-link {
display: inline-block;
margin: 10px 10px 0px 0px;
padding: 5px 10px;
font-size: 0.8rem;
color: #fff;
background-color: #443a65;
cursor: pointer;
text-decoration: none;
}
.bkh {
padding: 20px; /* 寬 */
/* 寬 */
padding: 20px;
}
@media screen and (max-width: 800px) {
/* 中 */
Expand All @@ -86,7 +97,8 @@
}
}
.bkp {
padding: 0px 20px; /* 寬 */
/* 寬 */
padding: 0px 20px;
}
@media screen and (max-width: 800px) {
/* 中 */
Expand All @@ -105,7 +117,7 @@
<body
style="font-family:'Microsoft JhengHei','Avenir','Helvetica'; padding:0px; margin:0px;"
>
<div id="app" style="padding:0px 30px;">
<div id="app" class="bkh" style>
<div class="bkh">
<div style="font-size:1.5rem;">backgroundColor</div>
<a
Expand All @@ -124,7 +136,7 @@
<div style="display:flex; padding-bottom:40px; overflow-x:auto;">
<div style="position:relative;">
<div
style="position:absolute; right:2px; top:1px; z-index:1;"
style="position:absolute; right:2px; top:1px; text-align:right; z-index:1;"
v-if="!loading"
>
<button
Expand All @@ -139,9 +151,9 @@
<w-threejs-vue :opt="opt" @init="loading=false"></w-threejs-vue>
</div>

<div style="padding-left:20px;">
<div style="padding:0px 20px;">
<div
:style="`border:1px solid #ddd; width:600px; min-width:600px; height:${opt.height}px; overflow-y:auto;`"
:style="`border:1px solid #ddd; width:590px; min-width:590px; height:${opt.height}px; overflow-y:auto;`"
>
<div style="padding-left:5px;">
<div id="optjson" style="font-size:10pt;"></div>
Expand Down
56 changes: 49 additions & 7 deletions examples/ex-AppBasicSize.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@
/>

<!-- w-threejs-vue -->
<script src="https://cdn.jsdelivr.net/npm/w-threejs-vue@1.0.1/dist/w-threejs-vue.umd.js"></script>
<script src="https://cdn.jsdelivr.net/npm/w-threejs-vue@1.0.2/dist/w-threejs-vue.umd.js"></script>

<!-- lodash -->
<script src="https://cdn.jsdelivr.net/npm/lodash@latest/lodash.min.js"></script>
Expand All @@ -70,8 +70,19 @@
</script>

<style>
.item-link {
display: inline-block;
margin: 10px 10px 0px 0px;
padding: 5px 10px;
font-size: 0.8rem;
color: #fff;
background-color: #443a65;
cursor: pointer;
text-decoration: none;
}
.bkh {
padding: 20px; /* 寬 */
/* 寬 */
padding: 20px;
}
@media screen and (max-width: 800px) {
/* 中 */
Expand All @@ -86,7 +97,8 @@
}
}
.bkp {
padding: 0px 20px; /* 寬 */
/* 寬 */
padding: 0px 20px;
}
@media screen and (max-width: 800px) {
/* 中 */
Expand All @@ -105,7 +117,7 @@
<body
style="font-family:'Microsoft JhengHei','Avenir','Helvetica'; padding:0px; margin:0px;"
>
<div id="app" style="padding:0px 30px;">
<div id="app" class="bkh" style>
<div class="bkh">
<div style="font-size:1.5rem;">size</div>
<a
Expand All @@ -123,12 +135,33 @@
<div class="bkp">
<div style="display:flex; padding-bottom:40px; overflow-x:auto;">
<div style="position:relative;">
<w-threejs-vue :opt="opt"></w-threejs-vue>
<div
style="position:absolute; right:2px; top:1px; text-align:right; z-index:1;"
v-if="!loading"
>
<button
style="margin:0px 3px 3px 0px;"
@click="setWidth(800)"
>set width to 800</button>
<button
style="margin:0px 3px 3px 0px;"
@click="setWidth(300)"
>set width to 300</button>
<button
style="margin:0px 3px 3px 0px;"
@click="setHeight(600)"
>set height to 600</button>
<button
style="margin:0px 3px 3px 0px;"
@click="setHeight(300)"
>set height to 300</button>
</div>
<w-threejs-vue :opt="opt" @init="loading=false"></w-threejs-vue>
</div>

<div style="padding-left:20px;">
<div style="padding:0px 20px;">
<div
:style="`border:1px solid #ddd; width:600px; min-width:600px; height:${opt.height}px; overflow-y:auto;`"
:style="`border:1px solid #ddd; width:590px; min-width:590px; height:${opt.height}px; overflow-y:auto;`"
>
<div style="padding-left:5px;">
<div id="optjson" style="font-size:10pt;"></div>
Expand All @@ -149,6 +182,7 @@

data: function() {
return {
loading: true,
opt: {
width: 800,
height: 600,
Expand Down Expand Up @@ -179,6 +213,14 @@
showOptJson: function() {
let vo = this;
jv(vo.opt, document.querySelector("#optjson"), { expanded: true });
},
setWidth: function(r) {
let vo = this;
vo.opt.width = r;
},
setHeight: function(r) {
let vo = this;
vo.opt.height = r;
}
}
});
Expand Down
26 changes: 19 additions & 7 deletions examples/ex-AppBasicUploadStl.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@
/>

<!-- w-threejs-vue -->
<script src="https://cdn.jsdelivr.net/npm/w-threejs-vue@1.0.1/dist/w-threejs-vue.umd.js"></script>
<script src="https://cdn.jsdelivr.net/npm/w-threejs-vue@1.0.2/dist/w-threejs-vue.umd.js"></script>

<!-- lodash -->
<script src="https://cdn.jsdelivr.net/npm/lodash@latest/lodash.min.js"></script>
Expand All @@ -70,8 +70,19 @@
</script>

<style>
.item-link {
display: inline-block;
margin: 10px 10px 0px 0px;
padding: 5px 10px;
font-size: 0.8rem;
color: #fff;
background-color: #443a65;
cursor: pointer;
text-decoration: none;
}
.bkh {
padding: 20px; /* 寬 */
/* 寬 */
padding: 20px;
}
@media screen and (max-width: 800px) {
/* 中 */
Expand All @@ -86,7 +97,8 @@
}
}
.bkp {
padding: 0px 20px; /* 寬 */
/* 寬 */
padding: 0px 20px;
}
@media screen and (max-width: 800px) {
/* 中 */
Expand All @@ -105,7 +117,7 @@
<body
style="font-family:'Microsoft JhengHei','Avenir','Helvetica'; padding:0px; margin:0px;"
>
<div id="app" style="padding:0px 30px;">
<div id="app" class="bkh" style>
<div class="bkh">
<div style="font-size:1.5rem;">uploadStl</div>
<a
Expand All @@ -124,7 +136,7 @@
<div style="display:flex; padding-bottom:40px; overflow-x:auto;">
<div style="position:relative;">
<div
style="position:absolute; right:2px; top:1px; z-index:1;"
style="position:absolute; right:2px; top:1px; text-align:right; z-index:1;"
v-if="!loading"
>
<button
Expand All @@ -139,9 +151,9 @@
<w-threejs-vue ref="thr" :opt="opt" @init="loading=false"></w-threejs-vue>
</div>

<div style="padding-left:20px;">
<div style="padding:0px 20px;">
<div
:style="`border:1px solid #ddd; width:600px; min-width:600px; height:${opt.height}px; overflow-y:auto;`"
:style="`border:1px solid #ddd; width:590px; min-width:590px; height:${opt.height}px; overflow-y:auto;`"
>
<div style="padding-left:5px;">
<div id="optjson" style="font-size:10pt;"></div>
Expand Down
26 changes: 19 additions & 7 deletions examples/ex-AppBasicUseAutoRotate.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@
/>

<!-- w-threejs-vue -->
<script src="https://cdn.jsdelivr.net/npm/w-threejs-vue@1.0.1/dist/w-threejs-vue.umd.js"></script>
<script src="https://cdn.jsdelivr.net/npm/w-threejs-vue@1.0.2/dist/w-threejs-vue.umd.js"></script>

<!-- lodash -->
<script src="https://cdn.jsdelivr.net/npm/lodash@latest/lodash.min.js"></script>
Expand All @@ -70,8 +70,19 @@
</script>

<style>
.item-link {
display: inline-block;
margin: 10px 10px 0px 0px;
padding: 5px 10px;
font-size: 0.8rem;
color: #fff;
background-color: #443a65;
cursor: pointer;
text-decoration: none;
}
.bkh {
padding: 20px; /* 寬 */
/* 寬 */
padding: 20px;
}
@media screen and (max-width: 800px) {
/* 中 */
Expand All @@ -86,7 +97,8 @@
}
}
.bkp {
padding: 0px 20px; /* 寬 */
/* 寬 */
padding: 0px 20px;
}
@media screen and (max-width: 800px) {
/* 中 */
Expand All @@ -105,7 +117,7 @@
<body
style="font-family:'Microsoft JhengHei','Avenir','Helvetica'; padding:0px; margin:0px;"
>
<div id="app" style="padding:0px 30px;">
<div id="app" class="bkh" style>
<div class="bkh">
<div style="font-size:1.5rem;">useAutoRotate</div>
<a
Expand All @@ -124,7 +136,7 @@
<div style="display:flex; padding-bottom:40px; overflow-x:auto;">
<div style="position:relative;">
<div
style="position:absolute; right:2px; top:1px; z-index:1;"
style="position:absolute; right:2px; top:1px; text-align:right; z-index:1;"
v-if="!loading"
>
<button
Expand All @@ -139,9 +151,9 @@
<w-threejs-vue :opt="opt" @init="loading=false"></w-threejs-vue>
</div>

<div style="padding-left:20px;">
<div style="padding:0px 20px;">
<div
:style="`border:1px solid #ddd; width:600px; min-width:600px; height:${opt.height}px; overflow-y:auto;`"
:style="`border:1px solid #ddd; width:590px; min-width:590px; height:${opt.height}px; overflow-y:auto;`"
>
<div style="padding-left:5px;">
<div id="optjson" style="font-size:10pt;"></div>
Expand Down

0 comments on commit 33dd6fe

Please sign in to comment.