Neocities.org

jodie's unoptimized 3d house

jodieblend.neocities.org

44,089 views
29 followers
4,079 updates
0 tips
my new index is getting closer and closer to being finished... you can view it here. Make sure to ctrl shift r if you already viewed this page. https://jodieblend.neocities.org/cssbuilding
4 likes
jodieblend 5 months ago

thoughts so far?

1 like
friday-girl 5 months ago

I think it's pretty cool. I guess that if you're thinking of making the index pretty much just be this hallway-like design, I guess you could try to make it fit all the vertical space but then set something up to turn vertical scroll inputs into horizontal scroll inputs or something to help scroll through it or something like that. but yeah very cool design :)

2 likes
jodieblend 5 months ago

yea, i saw a super hacky way to make the scrollbar horizontal. I just haven't implemented it yet :D

2 likes
jodieblend 5 months ago

I was messing with trying to get the scrollwheel to default to scrolling horizontally but it wasnt working. I am thinking what I might do is make the page resemble one of my bookshelf page. Instead of it being one continous room, its like a dollhouse which can scale to your resolution and nicely fit the contents on any aspect ratio.

1 like
4 likes
*taps a clipboard* sign this petition https://neocities.org/site/ai-petition
6 likes
eeeee i am gonna update my plushies page by the end of this week
3 likes
3 likes
2 likes
https://jodieblend.neocities.org/cssbuilding can anyone help me with some CSS? right now if you put the aspect ratio of your browser window in a portrait format, a scrollbar shows up. When you use the scrollbar, the room no longer takes up the whole screen.
1 like
friday-girl 5 months ago

Fixed it! See https://pastebin.com/1hjSYkeS for the updated HTML, and https://pastebin.com/myuKj72J for the updated CSS (these will auto-delete after 1 week). TL;DR wall now has `min-width:max-content;`, floor has `flex-grow: 1;`, wall and floor both in `<room>` having `display: flex; flex-direction: column; min-width: max-content`. Wall widens to contain all items within it, causing Room + Floor to grow too.

2 likes
friday-girl 5 months ago

You may want to add `z-index: -1;` to the <floor> CSS to ensure that the floor won't render in front of the doors (and you may want to move the skirting board texture into the wall background texture instead of the floor background texture).

2 likes
jodieblend 5 months ago

ahhhhh thank you so much :D !!!

2 likes
jodieblend 5 months ago

oooo I just realized I could turn the floor skirt into a div border! would make the room css more malleable

1 like
5 likes
3 likes
6 likes
jodieblend 5 months ago

this is eventually going to replace the index/main page of my website.

3 likes

Website Stats

Last updated 2 days ago
CreatedMar 8, 2024
Site Traffic Stats

Tags

games jodieblend art 3d furry