Skip to content
Open
Show file tree
Hide file tree
Changes from 2 commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions .glitch-assets
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
{"name":"multi.png","date":"2023-11-24T10:33:16.612Z","url":"https://cdn.glitch.global/d92d65fc-88c4-4b07-a275-7efa69b16ace/multi.png","type":"image/png","size":576881,"imageWidth":1200,"imageHeight":652,"thumbnail":"https://cdn.glitch.global/d92d65fc-88c4-4b07-a275-7efa69b16ace/thumbnails%2Fmulti.png","thumbnailWidth":330,"thumbnailHeight":180,"uuid":"FjBvJCroI7rA8KyD"}
54 changes: 37 additions & 17 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,20 +1,40 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>3d example using three.js and multiple windows</title>
<script type="text/javascript" src="three.r124.min.js"></script>
<style type="text/css">

*
{
margin: 0;
padding: 0;
}
<head>
<title>3d example using three.js and multiple windows</title>
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@your_twitter_handle" />
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

don't think this is needed - no such user: https://twitter.com/your_twitter_handle
most of the twitter meta tags are not needed as Twitter will use the OpenGraph ones.

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Absolutely right. Good point.

Copy link

@coliff coliff Nov 24, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

<meta name="description" content="System developed by Bjorn Staal using local storage and the getScreenDetails() API to communicate between two windows rendering webGL 3D canvas." />

could be useful to add too :-)

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Will do.

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Twitter Card:

Twitter_Card

Slack Preview:

Slack_Preview

Discord Preview:

Discord_Preview

<meta name="twitter:title" content="Multi-Window 3D" />
<meta
name="twitter:description"
content="System developed by Bjorn Staal using local storage and the getScreenDetails() API to communicate between two windows rendering webGL 3D canvas."
/>
<meta
name="twitter:image"
content="https://cdn.glitch.global/d92d65fc-88c4-4b07-a275-7efa69b16ace/multi.png?v=1700821996612"
/>

</style>
</head>
<body>

<script type="module" src="main.js"></script>
</body>
</html>
<meta property="og:title" content="Multi-Window 3D" />
<meta
property="og:description"
content="System developed by Bjorn Staal using local storage and the getScreenDetails() API to communicate between two windows rendering webGL 3D canvas."
/>
<meta
property="og:image"
content="https://cdn.glitch.global/d92d65fc-88c4-4b07-a275-7efa69b16ace/multi.png?v=1700821996612"
/>
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="627" />

<script type="text/javascript" src="three.r124.min.js"></script>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<script type="module" src="main.js"></script>
</body>
</html>