# 3D Startpages

###### tags: `devlog` `m3`

---

## Playcanvas

Visit: https://smsithlord.com


---

## 3D design

### Space Pod

- https://hackmd.io/@XR/clonex-pods
- https://github.com/madjin/space-pod

1. Lounge area


2. Battlestation


---

### Chill Room

- https://hackmd.io/@XR/hhomekit
- https://github.com/madjin/home-space

<div class="sketchfab-embed-wrapper"> <iframe title="Hacker Lab" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share width="720" height="512" src="https://sketchfab.com/models/38aff5b69caf4790aae73cc6d82919c1/embed"> </iframe> </div>

View on Sketchfab: https://sketchfab.com/3d-models/hacker-lab-38aff5b69caf4790aae73cc6d82919c1



### URLs

**Home Spaces**

- Cryptovoxels: https://www.cryptovoxels.com/play?coords=W@212E,50N
- Webaverse: https://app.webaverse.com/ + https://i.imgur.com/2FDGXTM.jpg
- JanusWeb: https://home.hackerlab.eth.link/ or https://madjin.github.io/home-space/janus/
- Hubs: tbd
- VRchat: tbd

Some links will open in a new tab others that are iframe compatible can be opened on the in-game screen.


This setup would also work really awesome as a presentation space. The avatars there can be replaced with green screen streams that can be chromakey'd, controlling the screen, while the camera can be a person in VR or desktop seeing a live presentation.

---

## Design

## TODO

- Priority Stuff
- [x] Rubber duck model to Hubs world. [https://hubs.mozilla.com/Y74U9xf/homespace]
- [x] The rest of the discs for the latop. (6 in total)
- [x] The gamelad's for Dope Wars? https://dopewars.gg/ (Need screen image.)
- [x] NeosVR logo on wall.
- [x] Real date & time on wall to the right of Webaverse poster.
- [x] Update nugz URL to the m3org.com/nugz
- [x] Hotspot achievement mini-game. ([x] When mouse CLICK on interactive object, [x] fire event which increments score & [x] makes a ""+1 score" text toast notification appear in-world that floats up & [x] fades out quickly. And play sound fx. [x] save/restore score from localStorage.)
- [x] Flying droid on LHS w/ mini-game score board hanging from it, portrait.
- [x] Add a trophy on top of the shelf after you've 100%'d the minigame.
- [x] And victory state for mini-game (trophy spawns & score board changes.)
- [x] Add victory celebration for mini-game. (sound plays.)
- [x] Is the URL for noclip.website not the ideal one? (maybe we can load into a particular world autmoatically instead?) ```https://noclip.website/#oot3d/spot00;ShareData=AL$QL9hDBwTwak4UM=3J=BVkpRHKqWUlFjH8]wxPV+fjZ9Jqd|8/Jk291r3hWP```
- [x] Add Tweet button on top-right.
- [x] Make trophy a special tweet button.
- [x] Add meta tags.
- [x] Confirmation when opening things in a new window (and option to open in SAME window instead.)
- [x] Add a NEW icon to all labels, if the user has not yet clicked on them b4.
- [x] Remove the NEW icon on the 100% trophy (because it is a special object.)
- [x] IFrame screens off by default.
- [x] Generic screensaver videos for DESK SCREEN, LAPTOP SCREEN, and WALL SCREEN.
- [x] Desktop-style video captures (or generic) for all 3 battle station screens.
- [x] I will video-atlas the 10 videos into 1 video, then UV map them onto the screen surfaces as needed.
- [x] Ability to close or maximize iframe screens.
- FOV / max rotation slider (so people on portrait can turn their head far enough to get all the hot spots.)
- Add dynamic size of iframes based on window size.
- Mobile support.
- Auto-wandering of the view when not being interacted with. (and in AA screenshots.)
- Need meta info (title, description, image) for m3org.com/nugz
- Easter egg hotspot.
- Optimization
- Deploy

### Pending Optimizations

- Run diagnogstics to find any large files that are getting used. Use smaller res on any huge res big images found.
- Avoid mouse-over stutter by pre-caching stuff.
- Use basis compression on almost all textures.
- Test if disabled lights are not as optimal as moving just 1 light around.
- Set anything to not-preload that makes sense to.
- Purge unused assets.
- Asset bundles?

## Art Assets
- Base environment model.
- Individual models for each object we wish to add to the scene. (Chair, table, battle station, vending machine, arcade cabinet.)
- Avatars w/ animations to place into the scene as props.

### Desktop Icons (Open in desk iframe)

1) [x] https://madjin.github.io/nsl-vr/
1) [x] https://alpha.webb.game/
7) [x] https://github.com/M3-org/avatar-interop
3) [x] https://hyperfy.io/lava (https://github.com/madjin/startpage/blob/master/icons/janus-logo.png)
1) [x] https://madjin.github.io/startpage/
5) [x] https://oncyber.io/6529om (https://oncyber.io/images/logo.png https://i.imgur.com/dKgeIes.png)
6) [x] https://somniumspace.com/parcel/592
8) [x] https://noclip.website/

### Laptop Icon(s) (Open in laptop)

1) [x] https://anarchyarcade.com/2d/chillroom_abfab36c3/

### New Window Desktop Icons (for iframe incompatible links)

1) [x] https://www.youtube.com/c/GodfreyMeyer/videos
1) [x] https://metafactory.ai/
1) [x] https://alpha.vrchive.com/directory/ (https://www.youtube.com/watch?v=2Jj3NSvs6YQ)
3) [x] https://www.mona.gallery/spaces/vKIymsRibAe2 (https://i.imgur.com/FoO0Qtd.png)
1) [x] The Cube link

### Not Being Used

- https://filebrowser.org/features (not used? do we still want it?)
- https://vrchive.com/image/EL0 (not being used, must open directory in non-frame)
- https://you.dj/ (NOT FULLY WORKING IN CSS3D IFRAME CUZ MOUSE INPUT DOESN'T LET YOU SCRUB, BUT WORKS IN REGULAR IFRAME)
- https://archillect.com/tv (doesn't work, can't click enable on iframes, it opens a new tab.)
https://dopewars.gg/ (NOT FULLY WORKING - GLITCHY & TWITCH EMBEDS BROKEN.)
- https://home.hackerlab.eth.link/ (not good - very slow)
- https://assets.metacade.com/emulators/win311vr.html (not good - didn't load model)
- https://assets.metacade.com/emulators/win311vr.html

---

- [x] The Fungible by Pak https://api.niftygateway.com/paksothebys/22700080100/
- https://www.sothebys.com/en/digital-catalogues/the-fungible-collection-by-pak
- [x] Hubs Screen Image (if needed) https://i.imgur.com/ROOgZPe.jpg
- Props
- [x] meebits action figure
- opens twitter thread (in new window)
- https://twitter.com/dankvr/status/1510343385965547524
- [x] tiny boomboxhead on table
- opens his youtube channel (in new window)
- some dank nugz
- opens in new window (but is iframe compatible too)
- [x] keyboard
- [x] Robot
- links to meta factory https://metafactory.ai/
- Wall deco
- [x] Webaverse poster
- Opens https://app.webaverse.com/ in new window (but app is iframe compatible too, so open app.webaverse in iframe instead?)
- https://i.imgur.com/5YN7lGd.jpg
- [x] Sword / staff / chainmail (choose 1) (Need 3D model)
- Opens https://m3taloot.com/ in new window (but is iframe compatible too)

---

## Screensavers


https://www.bryanbraun.com/after-dark-css/#

Windows 98 Screensaver: Maze

https://youtu.be/f1Sx6HtcUJE

Windows 98 Screensaver: 3D Pipes

https://youtu.be/0uvHt2jBXBg
https://www.reddit.com/r/nostalgia/comments/tcxpry/the_pipes_screensaver_from_windows_98/

---

## 3D Storefront

Next...


'A' in M3 discord modeled a storefront


### MF store

glTF export from project using official plugin: https://www.unrealengine.com/marketplace/en-US/product/gltf-exporter


Need to replace all the textures, outdated



export template wearables