mirror of
https://github.com/TomHodson/tomhodson.github.com.git
synced 2025-06-26 10:01:18 +02:00
small edits
This commit is contained in:
parent
a692d07ed1
commit
99a99a4f4b
@ -1,4 +1,4 @@
|
||||
<article class="h-entry project">
|
||||
<article class="h-entry project" data-model="{{post.model}}">
|
||||
<a class="u-uid u-url photo" href="{{ post.url }}" aria-label="Project: {{ post.title }}">
|
||||
{% assign default_thumbnail = post.assets | append: '/thumbnail.min.svg' %}
|
||||
<img class="u-photo {{post.img.class}}"
|
||||
|
@ -13,13 +13,28 @@ social_image: /assets/projects/bathroom_shelf/thumbnail.png
|
||||
model: /assets/projects/bathroom_shelf/models/ikea.glb
|
||||
|
||||
---
|
||||
{% include mastodon_post.html post_id = "111822564173512216" %}
|
||||
We got this [IKEA shower shelf thing][shelf] from Ikea which has two sticky pads at the back to attach to the wall. The spacing just didn't work with the tile spacing so I printed a new top bit for it using some natural pla I had lying around. I think it's the stealthiest print I've done!
|
||||
|
||||
<outline-model-viewer model = "/assets/projects/bathroom_shelf/models/ikea.glb" camera='{"position":[-10.52,2.5,2.313],"rotation":[-0.8243,-1.258,-0.7995],"zoom":436.67440926643843,"target":[0,0,0]}'>
|
||||
<!-- {% include mastodon_post.html post_id = "111822564173512216" %} -->
|
||||
|
||||
<outline-model-viewer model = "/assets/projects/bathroom_shelf/models/model.glb" camera='{"position":[-10.52,2.5,2.313],"rotation":[-0.8243,-1.258,-0.7995],"zoom":436.67440926643843,"target":[0,0,0]}'>
|
||||
<img class="outline-model-poster no-wc" src = "/assets/projects/bike_lights/thumbnail.svg">
|
||||
<p class="has-wc">Loading model...</p>
|
||||
</outline-model-viewer>
|
||||
|
||||
|
||||
<figure>
|
||||
<img src="/assets/projects/bathroom_shelf/test.jpeg" alt="test">
|
||||
<figcaption>The new shelf in place.</figcaption>
|
||||
</figure>
|
||||
|
||||
<img src="/assets/projects/bathroom_shelf/test.jpeg" alt="test">
|
||||
### Files
|
||||
|
||||
* [Liner STL][liner]
|
||||
* [Back Plat STL][back_plate]
|
||||
* [STEP file][step]
|
||||
|
||||
[liner]: {{page.assets}}/models/liner.stl
|
||||
[back_plate]: {{page.assets}}/models/back_plate.stl
|
||||
[step]: {{page.assets}}/models/soap_tray.step
|
||||
[shelf]: https://www.ikea.com/gb/en/p/oebonaes-wall-shelf-with-suction-cup-grey-green-00498896/
|
@ -32,7 +32,7 @@ I hope it's obvious that there are actually two mirrored pieces and I'm just exc
|
||||
|
||||
The lenses come in different nominal spread angles from 90 to 5 degrees. So far 90 seems to work well, being wide enough that I'm still visible to others but concentrating the light enough that I can now see the canal towpath ahead of me pretty well in the pitch black.
|
||||
|
||||
## Future
|
||||
## Future
|
||||
|
||||
This project is one of those ones I've had far too many ideas for and haven't done enough implementation.
|
||||
- I'd like to add a battery pack for some energy storage
|
||||
|
@ -369,7 +369,7 @@ export class OutlineModelViewer extends HTMLElement {
|
||||
closeFolders: true,
|
||||
});
|
||||
|
||||
if ((this.getAttribute("model") || "closed") === "closed") gui.close();
|
||||
if ((this.getAttribute("debug") || "closed") !== "open") gui.close();
|
||||
|
||||
const uniforms = customOutline.fsQuad.material.uniforms;
|
||||
uniforms.debugVisualize.value = parseInt(this.getAttribute("mode")) || 0;
|
||||
@ -449,9 +449,9 @@ export class OutlineModelViewer extends HTMLElement {
|
||||
}
|
||||
}
|
||||
|
||||
const fullScreenButton = this.shadow.querySelector("#fullscreen-btn");
|
||||
fullScreenButton.addEventListener("click", () => toggleFullScreen());
|
||||
window.addEventListener("resize", onWindowResize, false);
|
||||
// const fullScreenButton = this.shadow.querySelector("#fullscreen-btn");
|
||||
// fullScreenButton.addEventListener("click", () => toggleFullScreen());
|
||||
// window.addEventListener("resize", onWindowResize, false);
|
||||
|
||||
// Handle fullscreen change events triggerd through various means
|
||||
function onFullScreenChange() {
|
||||
@ -471,7 +471,7 @@ export class OutlineModelViewer extends HTMLElement {
|
||||
this.shadow.innerHTML = `
|
||||
<div id="container">
|
||||
<span id = "clicked-item"></span>
|
||||
<button id="fullscreen-btn">⛶</button>
|
||||
<!-- <button id="fullscreen-btn">⛶</button> --!>
|
||||
<canvas class = "object-viewer"></canvas>
|
||||
</div>
|
||||
<link rel="stylesheet" href="/node_modules/lil-gui/dist/lil-gui.min.css">
|
||||
|
5
assets/projects/bathroom_shelf/models/Soap Tray v12.mtl
Normal file
5
assets/projects/bathroom_shelf/models/Soap Tray v12.mtl
Normal file
@ -0,0 +1,5 @@
|
||||
# WaveFront *.mtl file (generated by Autodesk ATF)
|
||||
|
||||
newmtl Acetal_Resin_(White)
|
||||
Kd 0.972549 0.968627 0.929412
|
||||
|
15306
assets/projects/bathroom_shelf/models/Soap Tray v12.obj
Normal file
15306
assets/projects/bathroom_shelf/models/Soap Tray v12.obj
Normal file
File diff suppressed because it is too large
Load Diff
BIN
assets/projects/bathroom_shelf/models/back_plate.stl
Normal file
BIN
assets/projects/bathroom_shelf/models/back_plate.stl
Normal file
Binary file not shown.
Binary file not shown.
BIN
assets/projects/bathroom_shelf/models/liner.stl
Normal file
BIN
assets/projects/bathroom_shelf/models/liner.stl
Normal file
Binary file not shown.
BIN
assets/projects/bathroom_shelf/models/model.glb
Normal file
BIN
assets/projects/bathroom_shelf/models/model.glb
Normal file
Binary file not shown.
23367
assets/projects/bathroom_shelf/models/soap_tray.step
Normal file
23367
assets/projects/bathroom_shelf/models/soap_tray.step
Normal file
File diff suppressed because it is too large
Load Diff
Loading…
x
Reference in New Issue
Block a user